qimall/addons/DoubleCopy/backend/views/setting/index.php

<?php
use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-dialog-select');
ComponentHelper::loadComponentView('com-image');

?>
<div id="app" v-cloak>
    <el-card class="box-card" v-loading="loading" shadow="never" style="border:0;min-width: 1200px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div class="form_box">
            <el-form :model="ruleForm" :rules="rules" size="small" ref="ruleForm" label-width="150px">
                <el-card shadow="never">
                    <div slot="header">
                        <div>
                            <span>基础配置</span>
                        </div>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="16">
                                <el-form-item label="推广中心显示" >
                                    <div>
                                        <el-switch v-model="ruleForm.is_show_at_center" :active-value="1" :inactive-value="0">
                                        </el-switch>
                                    </div>
                                </el-form-item>

<!--                                <el-form-item prop="reward_currency" label="奖励类型">-->
<!--                                    <el-col :span="19" style="width: 100%">-->
<!--                                        <el-radio-group v-model="ruleForm.reward_currency" size="small">-->
<!--                                            <el-radio label="commission" border>佣金</el-radio>-->
<!--                                            <el-radio label="score" border>积分</el-radio>-->
<!--                                        </el-radio-group>-->
<!--                                    </el-col>-->
<!--                                </el-form-item>-->


                                <el-form-item prop="compute_type" label="结算方式">
                                    <el-col :span="19" style="width: 100%">
                                        <el-radio-group v-model="ruleForm.compute_type" size="small">
                                            <el-radio :label="0" border>订单完成后</el-radio>
                                            <el-radio :label="1" border>订单支付后</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        佣金结算时间，可选择是订单支付后结算还是订单完成后结算佣金
                                    </div>
                                </el-form-item>

                                <el-form-item prop="computing_method" label="计算方式">
                                    <el-col :span="19" style="width: 100%">
                                        <el-radio-group v-model="ruleForm.computing_method" size="small">
                                            <el-radio :label="0" border>实际支付金额</el-radio>
                                            <el-radio :label="1" border>商品售价</el-radio>
                                            <el-radio :label="2" border>商品利润</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        如选择按商品利润来算，商品利润=商品售价-成本价
                                    </div>
                                </el-form-item>

                                <el-form-item prop="equal_settle_basis" label="培育奖结算方式">
                                    <label slot="label">培育奖计算依据
                                        <el-tooltip class="item" effect="dark"
                                                    content="若培育奖选择了按比例支付，培育奖 = 选项 * 培育奖比例%"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18" style="width: 100%">
                                        <el-radio-group  v-model="ruleForm.equal_settle_basis" size="small">
                                            <el-radio :label="0" border>平台补贴计算</el-radio>
                                            <el-radio :label="1" border>平台补贴+直推奖计算</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        培育奖计算方式：可选择以平台补贴或平台补贴+直推奖励金额作为计算基数，用于计算培育奖
                                    </div>
                                </el-form-item>

                                <el-form-item prop="equal_settle_type" label="培育奖结算方式">
                                    <label slot="label">培育奖结算方式
                                        <el-tooltip class="item" effect="dark"
                                                    content="奖励是由谁来结算培育奖"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18" style="width: 100%;">
                                        <el-radio-group  v-model="ruleForm.equal_settle_type" size="small">
                                            <el-radio :label="0" border>平台结算</el-radio>
                                            <el-radio :label="1" border>拿平台补贴收益支付</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        培育奖结算方式：如选择平台结算，培育奖由平台出，如选择拿平台补贴收益支付，则培育奖从平台补贴里面扣
                                    </div>
                                </el-form-item>

                                <el-form-item prop="frozen_settle_basis" label="冻结基金结算">
                                    <label slot="label">冻结基金结算
                                        <el-tooltip class="item" effect="dark"
                                                    content="奖励是由谁来结算冻结基金"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18" style="width: 100%;">
                                        <el-radio-group  v-model="ruleForm.frozen_settle_basis" size="small">
                                            <el-radio :label="0" border>平台补贴结算</el-radio>
                                            <el-tooltip class="item" effect="dark"
                                                        content="该选项只有当平台补贴跟直推奖用户为同一个用户才能生效"
                                                        placement="top">
                                                <el-radio :label="1" border>平台补贴+直推奖结算</el-radio>
                                            </el-tooltip>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        培育奖从谁的佣金里面扣：平台补贴结算则从平台补贴里面扣，
                                        如选择平台补贴+直推奖则从直推跟平台补贴佣金里面扣除（直推奖跟平台补贴由同一个会员获得情况下才会触发）
                                    </div>
                                </el-form-item>

                                <el-form-item prop="is_send_second">
                                    <label slot="label">直推上级拿平台补贴
                                        <el-tooltip class="item" effect="dark"
                                                    content="关闭后直推的上级则不能同时拿直推+平台补贴，只能拿直推奖"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18" style="width: 100%;">
                                        <el-switch v-model="ruleForm.is_send_second" :active-value="1" :inactive-value="2"></el-switch>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        如出现直推奖跟平台补贴都是给直推上级的情况下，直推上级是否可以拿到平台补贴，关闭则不给
                                    </div>
                                </el-form-item>

                                <el-form-item prop="show_achievement" label="是否显示业绩">
                                    <el-col :span="18">
                                        <el-switch v-model="ruleForm.show_achievement" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                </el-form-item>

                                <el-form-item prop="is_open_level_limit">
                                    <label slot="label">团队等级限制
                                        <el-tooltip class="item" effect="dark"
                                                    content="开启后团队等级只能一级一级往上升级"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18">
                                        <el-switch v-model="ruleForm.is_open_level_limit" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                </el-form-item>

                                <el-form-item prop="is_open_level_limit">
                                    <label slot="label">优惠/抵扣不发奖励
                                        <el-tooltip class="item" effect="dark"
                                                    content="开启后若用户购买的商品使用了优惠券或者其他抵扣/优惠方式则不会产生任何奖励"
                                                    placement="top-start">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18">
                                        <el-switch v-model="ruleForm.is_open_no_rewards" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                </el-form-item>

                                <el-form-item prop="is_hidden_mobile">
                                    <label slot="label">是否隐藏手机号码</label>
                                    <el-col :span="18">
                                        <el-switch v-model="ruleForm.is_hidden_mobile" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                </el-form-item>

                                <el-form-item prop="is_enable_login">
                                    <label slot="label">登陆限制
                                        <el-tooltip class="item" effect="dark"
                                            content="开启后用户需要成为二二复制用户后才能进入商城" placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18">
                                        <el-switch v-model="ruleForm.is_enable_login" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                </el-form-item>

                                <el-form-item label="平台补贴断层奖励" prop="fracture_reward">
                                    <el-col :span="24">
                                        <el-switch v-model="ruleForm.fracture_reward" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        该应用的关系链出现中断的情况下：关闭则从断开处以上层级无奖励，开启则上层有奖励
                                    </div>
                                </el-form-item>

                                <el-form-item label="直推断层奖励" prop="first_fracture_reward">
                                    <el-col :span="24">
                                        <el-switch v-model="ruleForm.first_fracture_reward" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        该应用的关系链出现中断的情况下：关闭则从断开处以上层级无“直推奖励”，开启则上层有“直推奖励”，注：仅针对“直推奖励”设置
                                    </div>
                                </el-form-item>

                                <el-form-item v-if="levels.length > 0" label="津贴奖用户等级" prop="allowance_level">
                                    <el-col :span="24">
                                        <el-select v-model="ruleForm.allowance_level" placeholder="请选择">
                                            <el-option v-for="item in levels" :key="item.level" :label="'大于或等于'+item.name" :value="item.level">
                                                大于或等于{{ item.name }}
                                            </el-option>
                                        </el-select>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        符合选中条件的用户才有资格获得津贴奖
                                    </div>
                                </el-form-item>

                                <el-form-item label="津贴奖用户" prop="allowance_compute">
                                    <el-col :span="24">
                                        <el-radio-group  v-model="ruleForm.allowance_compute" size="small">
                                            <el-radio :label="0" border>平台补贴上级</el-radio>
                                            <el-radio :label="1" border>直推奖上级</el-radio>
                                            <el-radio :label="2" border>平台补贴或直推奖上级</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        以上被选中的奖励获得者的上级可以得到津贴奖，如：“平台补贴上级”，意思为：获得平台补贴用户的上级可以获得津贴奖
                                    </div>
                                </el-form-item>

                                <el-form-item prop="equal_level_settle_basis" label="平级奖结算方式">
                                    <label slot="label">平级奖计算依据
                                        <el-tooltip class="item" effect="dark"
                                                    content="若平级奖选择了按比例支付，平级奖 = 选项 * 平级奖比例%"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18" style="width: 100%">
                                        <el-radio-group  v-model="ruleForm.equal_level_settle_basis" size="small">
                                            <el-radio :label="0" border>平台补贴计算</el-radio>
                                            <el-radio :label="1" border>平台补贴+直推奖计算</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        平级奖计算方式：可选择以平台补贴或平台补贴+直推奖励金额作为计算基数，用于计算平级奖
                                    </div>
                                </el-form-item>

                                <el-form-item prop="equal_level_settle_type" label="平级奖结算方式">
                                    <label slot="label">平级奖结算方式
                                        <el-tooltip class="item" effect="dark"
                                                    content="奖励是由谁来结算平级奖"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </label>
                                    <el-col :span="18" style="width: 100%;">
                                        <el-radio-group  v-model="ruleForm.equal_level_settle_type" size="small">
                                            <el-radio :label="0" border>平台结算</el-radio>
                                            <el-radio :label="1" border>拿平台补贴收益支付</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        平级奖结算方式：如选择平台结算，平级奖由平台出，如选择拿平台补贴收益支付，则平级奖从平台补贴里面扣
                                    </div>
                                </el-form-item>

                                <el-form-item label="冻结基金每月清零" prop="is_open_frozen_fund_clear">
                                    <el-col :span="24">
                                        <el-switch v-model="ruleForm.is_open_frozen_fund_clear" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        开启后，每月指定日期没有达到业绩对冻结基金清零
                                    </div>
                                </el-form-item>

                                <template v-if="ruleForm.is_open_frozen_fund_clear == 1">
                                    <el-form-item label="基金清零时间显示" prop="frozen_fund_clear_time">
                                        <el-select v-model="ruleForm.frozen_fund_clear_date" placeholder="请选择">
                                            <el-option
                                                v-for="item in dateOptions"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value">
                                            </el-option>
                                        </el-select>
                                        <el-time-select
                                            v-model="ruleForm.frozen_fund_clear_time"
                                            :picker-options="{
                                                start: '00:00',
                                                step: '00:01',
                                                end: '23:59'
                                            }"
                                            placeholder="选择时间">
                                        </el-time-select>
                                        <div class="tips-text" style="line-height: 24px;">
                                            可以自定义清零时间，达到设置的日期的指定时间后将对冻结基金清零
                                        </div>
                                    </el-form-item>
                                    <el-form-item label="基金清零时间显示" prop="frozen_fund_clear_time_show">
                                        <el-col :span="24">
                                            <el-switch v-model="ruleForm.frozen_fund_clear_time_show" :active-value="1" :inactive-value="0"></el-switch>
                                        </el-col>
                                        <div class="tips-text" style="line-height: 24px;">
                                            针对前端显示的基金清理时间可以隐藏
                                        </div>
                                    </el-form-item>

                                </template>

                                <el-form-item label="平台补贴极差" prop="second_prize_diff">
                                    <el-col :span="24">
                                        <el-switch v-model="ruleForm.second_prize_diff" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                </el-form-item>

                                <el-form-item label="是否开启虚拟助力" prop="auto_virtual_user">
                                    <el-col :span="24">
                                        <el-switch v-model="ruleForm.auto_virtual_user" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        开启虚拟助力后，权重等级高于或等于2的用户通过购买平台商品升级时，自动添加虚拟用户充当助力会员（若已存在则不覆盖已有）。
                                    </div>
                                </el-form-item>

                                <el-form-item label="每月期限限制" prop="is_freeze_fund_monthly_limited">
                                    <el-tooltip class="item" effect="dark"
                                                content="升级老板后，当月的冻结基金不会解冻并归直属上级，次月才开始判断每个月最后一天，如果没有完成，则冻结的收益解冻并归直属推荐人"
                                                placement="top-end">
                                        <i class="el-icon-info"></i>
                                    </el-tooltip>
                                    <el-switch v-model="ruleForm.is_freeze_fund_monthly_limited" :active-value="1" :inactive-value="0"></el-switch
                                </el-form-item>

                            </el-col>
                        </el-row>
                    </div>
                </el-card>

                <el-card style="margin-top: 20px;">
                    <div slot="header">
                        <div>
                            <span>名称配置</span>
                        </div>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="16">
                                <el-form-item label="直推奖" >
                                    <el-input v-model="ruleForm.reward_name.first_prize" style="width: 200px;"></el-input>
                                    <el-switch v-model="ruleForm.show_reward.first_prize" :active-value="1" :inactive-value="0"></el-switch>
                                    <span class="tips-text">关闭：前端则不显示该奖励项；开启：前端显示该奖励项。</span>
                                </el-form-item>

                                <el-form-item label="间推奖" >
                                    <el-input v-model="ruleForm.reward_name.indirect_prize" style="width: 200px;"></el-input>
                                    <el-switch v-model="ruleForm.show_reward.indirect_prize" :active-value="1" :inactive-value="0"></el-switch>
                                    <span class="tips-text">关闭：前端则不显示该奖励项；开启：前端显示该奖励项。</span>
                                </el-form-item>

                                <el-form-item label="平台补贴" >
                                    <el-input v-model="ruleForm.reward_name.second_prize" style="width: 200px;"></el-input>
                                    <el-switch v-model="ruleForm.show_reward.second_prize" :active-value="1" :inactive-value="0"></el-switch>
                                    <span class="tips-text">关闭：前端则不显示该奖励项；开启：前端显示该奖励项。</span>
                                </el-form-item>

                                <el-form-item label="培育奖" >
                                    <el-input v-model="ruleForm.reward_name.equal_prize" style="width: 200px;"></el-input>
                                    <el-switch v-model="ruleForm.show_reward.equal_prize" :active-value="1" :inactive-value="0"></el-switch>
                                    <span class="tips-text">关闭：前端则不显示该奖励项；开启：前端显示该奖励项。</span>
                                </el-form-item>

                                <el-form-item label="冻结基金" >
                                    <el-input v-model="ruleForm.reward_name.freeze_fund" style="width: 200px;"></el-input>
                                    <el-switch v-model="ruleForm.show_reward.freeze_fund" :active-value="1" :inactive-value="0"></el-switch>
                                    <span class="tips-text">关闭：前端则不显示该奖励项；开启：前端显示该奖励项。</span>
                                </el-form-item>

                                <el-form-item label="津贴奖" >
                                    <el-input v-model="ruleForm.reward_name.allowance_price" style="width: 200px;"></el-input>
                                    <el-switch v-model="ruleForm.show_reward.allowance_price" :active-value="1" :inactive-value="0"></el-switch>
                                    <span class="tips-text">关闭：前端则不显示该奖励项；开启：前端显示该奖励项。</span>
                                </el-form-item>

                                <el-form-item label="平级奖" >
                                    <label slot="label">平级奖
                                        <el-tooltip class="item" effect="dark" placement="top">
                                            <i class="el-icon-info"></i>
                                            <div slot="content">
                                                <div>门槛条件：用户贡献给上级的所有会员等级都需等于大于老板才有获得平级奖资格</div>
                                                <div>发放机制：下级贡献给用户的及用户自己的会员获得平台补贴后，用户获得平级奖</div>
                                            </div>
                                        </el-tooltip>
                                    </label>
                                    <el-input v-model="ruleForm.reward_name.equal_level_prize" style="width: 200px;"></el-input>
                                    <el-switch v-model="ruleForm.show_reward.equal_level_prize" :active-value="1" :inactive-value="0"></el-switch>
                                    <span class="tips-text">关闭：前端则不显示该奖励项；开启：前端显示该奖励项。</span>
                                </el-form-item>

                                <el-form-item label="复购奖" >
                                    <el-input v-model="ruleForm.reward_name.repurchase_prize" style="width: 200px;"></el-input>
                                    <el-switch v-model="ruleForm.show_reward.repurchase_prize" :active-value="1" :inactive-value="0"></el-switch>
                                    <span class="tips-text">关闭：前端则不显示该奖励项；开启：前端显示该奖励项。</span>
                                </el-form-item>

                            </el-col>
                        </el-row>
                    </div>
                </el-card>

                <el-card style="margin-top: 20px;">
                    <div slot="header">
                        <div>
                            <span>分红池配置</span>
                        </div>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="16">
                                <el-form-item prop="is_send_second" label="开启分红池">
                                    <el-col :span="18" style="width: 100%">
                                        <el-switch v-model="ruleForm.is_open_pool" :active-value="1" :inactive-value="0"></el-switch>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        是否开启分红池奖励
                                    </div>
                                </el-form-item>

                                <el-form-item label="分红池" >
                                    <el-input v-model="ruleForm.pool_name" style="width: 200px;"></el-input>
                                </el-form-item>

                                <el-form-item prop="deposit_type" label="计入分红池时间">
                                    <el-col :span="19"  style="width: 100%">
                                        <el-radio-group v-model="ruleForm.deposit_type" size="small">
                                            <el-radio :label="0" border>订单完成后</el-radio>
                                            <el-radio :label="1" border>订单支付后</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        订单计入分红池的计算时间是订单支付后还是完成后
                                    </div>
                                </el-form-item>

                                <el-form-item prop="cycle_type" label="分红池结算周期">
                                    <el-col :span="19"  style="width: 100%">
                                        <el-radio-group v-model="ruleForm.cycle_type" size="small">
                                            <el-radio :label="0" border>按日</el-radio>
                                            <el-radio :label="1" border>按周</el-radio>
                                            <el-radio :label="2" border>按月</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        分红池分红的结算周期
                                    </div>
                                </el-form-item>

                                <el-form-item prop="reward_currency" label="奖励类型">
                                    <el-col :span="19" style="width: 100%">
                                        <el-radio-group v-model="ruleForm.reward_currency" size="small">
                                            <el-radio label="commission" border>佣金</el-radio>
                                            <el-radio label="score" border>积分</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item>

                            </el-col>
                        </el-row>
                    </div>
                </el-card>

                <el-card style="margin-top: 20px;">
                    <div slot="header">
                        <div>
                            <span>业绩统计商品设置</span>
                        </div>
                    </div>
                    <div>
                        <el-row>
                            <el-form-item prop="achievement_settle" label="业绩统计方式">
                                <el-col :span="19" style="width: 100%">
                                    <el-radio-group v-model="ruleForm.achievement_settle" size="small">
                                        <el-radio :label="0" border>订单完成后</el-radio>
                                        <el-radio :label="1" border>订单支付后</el-radio>
                                    </el-radio-group>
                                </el-col>
                                <div class="tips-text" style="line-height: 24px;">
                                    订单计入业绩的时间，可选择订单支付后或完成后
                                </div>
                            </el-form-item>

                            <el-col :span="2">
                                <com-dialog-select :multiple="true" @selected="goodsSelect" title="商品选择" style="float: right; margin-top: 10px;"><el-button type="primary" plain size="mini">添加商品</el-button></com-dialog-select>
                            </el-col>
                            <el-col :span="22" >
                                <div class="goods_box" v-for="(item,key) in ruleForm.thaw_goods_list">
                                    <div class="goods_tag" v-if="item.status <= 0 || item.is_on_sale == 0">{{ item.status <= 0 ? '已删除' : item.is_on_sale == 0 ? '已下架' : '正常' }}</div>
                                    <div>
                                        <com-image mode="aspectFill" :src="item.cover_pic"></com-image>
                                    </div>
                                    <div class="goods_desc">
                                        <span class="ellipsis">{{ item.name }}</span>
                                        <span style="display: flex;justify-content: space-between;">
                                            <span>￥{{ item.price }}</span>
                                            <span><el-button type="text" style="padding: 0;" @click="deleteGoods(key)">删除</el-button></span>
                                        </span>
                                    </div>
                                </div>
                            </el-col>
                            <div class="tips-text" style="line-height: 24px;">
                                统计业绩的商品，只有添加到此
                                处的商品才会计算业绩
                            </div>
                        </el-row>
                    </div>
                </el-card>
            </el-form>
            <el-button :loading="btnLoading" class="button-item" type="primary" style="margin-top: 24px;" @click="store('ruleForm')" size="small">保存
            </el-button>
        </div>

    </el-card>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                btnLoading: false,
                ruleForm: {
                    compute_type: 0,
                    reward_currency: 'commission',
                    computing_method: 0,
                    is_show_at_center: 1,
                    equal_settle_basis: 0,
                    frozen_settle_basis: 0,// 0=平台补贴结算，1=平台补贴+直推结算
                    equal_settle_type: 0,
                    is_send_second: 1,// 1：发放，2：不发放
                    show_achievement: 0,
                    is_open_level_limit:0,
                    is_open_no_rewards: 0,// 是否不发奖励[0=否，1=是]
                    allowance_level: 2,// 津贴奖奖励用户等级
                    allowance_compute: 0,// 津贴奖计算
                    show_reward: {// 前端是否显示奖励[0=不显示，1=显示]
                        first_prize: 1,
                        indirect_prize: 1,
                        second_prize: 1,
                        equal_prize: 1,
                        freeze_fund: 1,
                        allowance_price: 1,
                        equal_level_prize: 1,
                        repurchase_prize:1,
                    },
                    reward_name: {
                        first_prize: '直推奖',
                        indirect_prize: '间推奖',
                        second_prize: '平台补贴',
                        equal_prize: '培育奖',
                        freeze_fund: '冻结基金',
                        allowance_price : '津贴奖',
                        equal_level_prize: '平级奖',
                        repurchase_prize:'复购奖',
                    },
                    is_open_pool: 0,
                    pool_name: '分红池',
                    deposit_type: 0,
                    cycle_type: 0,
                    achievement_settle: 0,
                    thaw_goods_ids: [],
                    thaw_goods_list: [],
                    is_enable_login:0,
                    fracture_reward:0,// 关系链中断是否可获得奖励[0=无奖励,1=有奖励]
                    first_fracture_reward:0,// 关系链中断是否可获得直推奖励[0=无奖励,1=有奖励]
                    equal_level_settle_basis: 0,
                    equal_level_settle_type: 0,
                    is_open_frozen_fund_clear: 0,
                    frozen_fund_clear_time: '',
                    frozen_fund_clear_date: '',
                    frozen_fund_clear_time_show: 0,
                    second_prize_diff:0,
                    auto_virtual_user: 0,
                    is_freeze_fund_monthly_limited: 0
                },
                levels: [],
                rules: {

                },
                dateOptions: [],
            }
        },
        mounted: function() {
            this.generateDateOptions()
            this.loadData();
        },
        methods: {
            generateDateOptions: function(){
                let dateOptions = []
                for(let i = 1; i <= 28; i++) {
                    let dateItem = {
                        label: `${i}号`, value: i
                    }
                    dateOptions.push(dateItem)
                }
                this.dateOptions = dateOptions
            },
            loadData() {
                this.loading = true;
                request({
                    params: {
                        r: 'double-copy/setting/index',
                    },
                    method: 'get'
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
                        if (!isEmpty(e.data.data.levels)) {
                            this.levels = e.data.data.levels
                            delete e.data.data.levels
                        }
                        Object.assign(this.ruleForm, e.data.data);
                    }
                }).catch(e => {
                    this.loading = false;
                    this.$message.error(e);
                })
            },
            store(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        this.btnLoading = true;
                        request({
                            params: {
                                r: 'double-copy/setting/index',
                            },
                            method: 'post',
                            data: {
                                basic: this.ruleForm,
                            }
                        }).then(e => {
                            this.btnLoading = false;
                            if (e.data.code == 0) {
                                this.$message.success(e.data.msg);
                            } else {
                                this.$message.error(e.data.msg);
                            }
                        }).catch(e => {
                            this.$message.error(e);
                            this.btnLoading = false;
                        })
                    } else {
                        this.btnLoading = false;
                        console.log('error submit!!');
                        return false;
                    }
                });
            },
            //选择商品
            goodsSelect(param) {
                for (let j in param) {
                    let item = param[j];
                    if (this.ruleForm.thaw_goods_ids.length >= 200) {
                        this.$message.error('指定商品不能大于200个');
                        return;
                    }
                    let flag = true;
                    for (let i in this.ruleForm.thaw_goods_ids) {
                        if (this.ruleForm.thaw_goods_ids[i] == param[j].id) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        this.ruleForm.thaw_goods_ids.push(param[j].id);
                        this.ruleForm.thaw_goods_list.push({
                            id: param[j].id,
                            name: param[j].goods_name,
                            price: param[j].price,
                            cover_pic: param[j].cover_pic,
                            is_on_sale: 1,
                            status: 1,
                        });
                    }
                }
            },
            //删除商品
            deleteGoods(index) {
                this.$confirm('点击确定将删除该业绩商品, 是否继续?', '警告', {type: 'warning'}).then(() => {
                    this.ruleForm.thaw_goods_list.splice(index, 1);
                    this.ruleForm.thaw_goods_ids.splice(index, 1);
                })
            },
        }
    });
</script>
<style>
    .form_box {
        background-color: #f3f3f3;
        padding: 0 0 20px;
    }

    .button-item {
        margin-top: 12px;
        padding: 9px 25px;
    }

    .el-input-group__append {
        background-color: #fff;
        color: #353535;
    }

    .goods_box {
        width: 19%;
        border: 1px solid #EBEEF5;
        border-radius: 10px;
        padding: 10px;
        display: flex;
        margin: 10px 0px 10px 15px;
        float: left;
        position: relative;
    }

    .ellipsis {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .goods_desc {
        line-height: 22px;
        width: 70%;
        margin-left: 10px;
    }
    .goods_desc span {
        display: inline-block;
    }
    .goods_tag {
        position: absolute;
        left: 0px;
        top: 0px;
        background-color: #f56c6c;
        color: #fff;
        padding: 3px;
        border-radius: 5px 0 0 0;
        font-size: 12px;
    }
</style>