qimall/addons/Agent/backend/views/setting/setting.php

<?php

use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-dialog-select');
ComponentHelper::loadComponentView('com-select-cat');
ComponentHelper::loadComponentView('components/user-select', __DIR__);
?>
<div id="app" v-cloak>
    <el-card class="box-card" v-loading="loading" shadow="never" style="border:0;min-width: 1500px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">

        <el-tabs v-model="tabName" @tab-click="handleChangeTab">
            <el-tab-pane label="基本设置" name="basic">
                <div slot="header">
                    <div>
                        <span>基础设置</span>
                    </div>
                </div>
                <div class="form_box">
                    <el-form :model="ruleForm" 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="启用渠道分红" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_enable" :active-value="1" :inactive-value="0"></el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                需开启后才能使用“渠道分红”插件的所有功能
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="是否开启经销商省份" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_enable_province" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                是否开启渠道奖励
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="推广中心显示" style="margin-bottom: 0">
                                            <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 label="是否启用平级奖励" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_equal" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                是否开启平级奖
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="calculation_basis" label="平级奖计算依据">
                                            <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="16" style="width: 100%;">
                                                <el-radio-group  v-model="ruleForm.calculation_basis" 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;">
                                                默认：支付价格/商品售价/商品利润（按“计算方式”里的设置来计算<br/>
                                                上级渠道奖或极差：拿上级渠道奖励*平级奖比例<br/>
                                                下级渠道奖或极差：拿下级渠道奖励*平级奖比例
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="equal_computing_method" label="平级奖结算方式" v-show="!ruleForm.calculation_basis">
                                            <label slot="label">平级奖独立计算方式
                                            </label>
                                            <el-col :span="16" style="width: inherit;" class="equal-computing">
                                                <el-switch v-model="ruleForm.is_equal_computing_method" :active-value="1" :inactive-value="0"></el-switch>
                                                <el-radio-group v-model="ruleForm.equal_computing_method" size="small" v-show="ruleForm.is_equal_computing_method">
                                                    <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>
                                        </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="16" 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 :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="over_calculation_basis" label="越级奖计算依据">
                                            <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="16" style="width: 100%;">
                                                <el-radio-group  v-model="ruleForm.over_calculation_basis" 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;">
                                                默认：支付价格/商品售价/商品利润（按“计算方式”里的设置来计算<br/>
                                                上级渠道奖或极差(未承担平级奖)：拿上级渠道奖励*越级奖比例<br/>
                                                下级渠道奖或极差(未承担平级奖)：拿下级渠道奖励*越级奖比例
                                            </div>
                                        </el-form-item>

                                        <el-form-item prop="over_computing_method" label="越级奖结算方式" v-show="!ruleForm.over_calculation_basis">
                                            <label slot="label">越级奖独立计算方式</label>
                                            <el-col :span="16" style="width: inherit;" class="equal-computing">
                                                <el-switch v-model="ruleForm.is_over_computing_method" :active-value="1" :inactive-value="0"></el-switch>
                                                <el-radio-group fill="#e6a23c" v-model="ruleForm.over_computing_method" size="small" v-show="ruleForm.is_over_computing_method">
                                                    <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>
                                        </el-form-item>

                                        <el-form-item prop="over_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="16" style="width: 100%;">
                                                <el-radio-group v-model="ruleForm.over_settle_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 label="经销内购" prop="is_self_buy" required>
                                            <label slot="label">经销内购
                                                <el-tooltip class="item" effect="dark" content="开启经销内购，经销商自己购买商品，享受自己等级的提成" placement="top-start">
                                                    <i class="el-icon-info"></i>
                                                </el-tooltip>
                                            </label>
                                            <el-switch v-model="ruleForm.is_self_buy" :active-value="1" :inactive-value="0" @change="handleChange">
                                            </el-switch>
                                            <div class="tips-text" style="line-height: 24px;">
                                                开启内购，经销商自己买商品，拿第一个渠道奖
                                            </div>
                                        </el-form-item>
                                        <template v-if="ruleForm.is_self_buy==1">
                                            <el-form-item label="是否开启商品抵扣" prop="enable_goods_deduct">
                                                <label slot="label">是否开启商品抵扣
                                                    <el-tooltip class="item" effect="dark" content="开启经销内购，才可开启内购时可按商品会员价支付" placement="top-start">
                                                        <i class="el-icon-info"></i>
                                                    </el-tooltip>
                                                </label>
                                                <el-switch v-model="ruleForm.enable_goods_deduct" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </el-form-item>

                                            <el-form-item label="开启推荐奖" style="margin-bottom: 0">
                                                <div>
                                                    <el-switch v-model="ruleForm.is_enable_recommend_award" :active-value="1" :inactive-value="0">
                                                    </el-switch>
                                                </div>
                                            </el-form-item>

                                        </template>




                                        <!-- 内购时是否商品抵扣 - 此功能影响系统主流程，不做 -->
                                        <!--                                <template v-if="ruleForm.is_self_buy == 1">-->
                                        <!--                                <el-form-item label="内购时是否开启商品抵扣" prop="enable_goods_deduct">-->
                                        <!--                                    <label slot="label">是否开启商品抵扣-->
                                        <!--                                        <el-tooltip class="item" effect="dark"-->
                                        <!--                                                    content="开启经销内购，才可开启内购时可按商品会员价支付"-->
                                        <!--                                                    placement="top">-->
                                        <!--                                            <i class="el-icon-info"></i>-->
                                        <!--                                        </el-tooltip>-->
                                        <!--                                    </label>-->
                                        <!--                                    <el-switch v-model="ruleForm.enable_goods_deduct" :active-value="1" :inactive-value="0">-->
                                        <!--                                    </el-switch>-->
                                        <!--                                </el-form-item>-->
                                        <!--                                </template>-->
                                        <!-- 内购时是否商品抵扣 -->

                                        <el-form-item prop="agent_level" label="渠道奖励层级">
                                            <el-col :span="8">
                                                <el-input v-model="ruleForm.team_prize_deep" type="number" oninput="value=value.replace(/[^0-9]/g,'')">
                                                    <template slot="append">层</template>
                                                </el-input>
                                            </el-col>
                                            <div class="tips-text" style="line-height: 24px;">
                                                渠道层级设置
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="首代平级奖" prop="is_equal_prize_first" required>
                                            <label slot="label">首代平级奖
                                                <el-tooltip class="item" effect="dark" content="开启首代平级奖，仅第一个获得极差奖的首个代理跟他平级的上级渠道获得奖励。" placement="top-start">
                                                    <i class="el-icon-info"></i>
                                                </el-tooltip>
                                            </label>
                                            <el-switch v-model="ruleForm.is_equal_prize_first" :active-value="1" :inactive-value="0" @change="handleChange">
                                            </el-switch>
                                            <div class="tips-text" style="line-height: 24px;">
                                                开启之后，只判断拿第一个极差奖的代理，与他关系链最近的上级是否跟他平级，若平级则拿平级奖，反之不拿。
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="agent_level" label="平级层级" :style="{'display': ruleForm.is_equal_prize_first ? 'none' : 'block' }">
                                            <el-col :span="8" style="width: 100%">
                                                <el-input v-model="ruleForm.equal_prize_deep" type="number" oninput="value=value.replace(/[^0-9]/g,'')">
                                                    <template slot="append">层</template>
                                                </el-input>
                                            </el-col>
                                            <div class="tips-text" style="line-height: 24px;">
                                                平级奖成绩：1层：获得渠道奖的上级渠道1个平级获得奖励，2层：获得渠道奖的上级渠道2个平级获得奖励
                                            </div>
                                        </el-form-item>

                                        <el-form-item label="平级找直推上级" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_find_equal_parent" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                开启以后“平级找直推上级（只给一级，不跳级）可以锁定”
                                            </div>
                                        </el-form-item>
                                        <el-form-item v-if="ruleForm.is_find_equal_parent == 1" label="平级找直推上级类型" style="margin-bottom: 20px">
                                            <el-col :span="8" style="width: 100%;">
                                                <el-radio-group  v-model="ruleForm.find_a_level" size="small">
                                                    <el-radio :label="0" border>找每个获得级差分红的直推上级奖励平级奖</el-radio>
                                                </el-radio-group>
                                                <el-radio-group  v-model="ruleForm.find_a_level" size="small">
                                                    <el-radio :label="1" border>只找第一个获得级差分红的直推上级奖励平级奖</el-radio>
                                                </el-radio-group>
                                                <el-radio-group  v-model="ruleForm.find_a_level" size="small">
                                                    <el-radio :label="2" border>只找第一个有设置平级奖并获得级差分红的等级直属上级奖励平级奖</el-radio>
                                                </el-radio-group>
                                            </el-col>
                                        </el-form-item>

                                        <el-form-item prop="compute_type" label="结算方式">
                                            <el-col :span="8" 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>
                                                <div class="input-number-box">
                                                    <span>延时</span>
                                                    <el-input-number size="small" v-model="ruleForm.compute_delay_day" :step="1" step-strictly @change="handleChange" :min="0" :max="30" label="延时天数"></el-input-number>
                                                    <span>天结算</span>
                                                    <span class="tips-text">(默认“0”天表示“订单支付后/订单完成后 立即结算”)</span>
                                                </div>
                                            </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;">
                                                佣金分计算方式，如佣金选择的是百分比计算，计算基数可选择支付价格的百分比还商品销售价格的百分比
                                                还是利润的百分比<br/>
                                                （注意：利润=商品支付价格-成本，如选择的是利润的百分比，每个商品都需要设置其成本）
                                            </div>
                                        </el-form-item>

                                        <el-form-item prop="compute_type" label="渠道业绩额外奖结算">
                                            <el-col :span="19"  style="width: 100%;">
                                                <el-radio-group v-model="ruleForm.team_achievement_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 label="引流补贴" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_drainage_subsidy" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                也是渠道极差分红，奖金由平台发放，商品独立设置。
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="渠道补贴" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_team_subsidy" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                也是渠道极差分红，奖金由平台发放，商品独立设置。
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="额外平级奖" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_extra_equal_prize" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="平级奖给予对象" style="margin-bottom: 0" v-if="ruleForm.is_extra_equal_prize">
                                            <div>
                                                <el-switch v-model="ruleForm.equal_prize_type" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                关闭按钮：平一奖励给拿渠道奖的平级直推上级，平二奖励给拿渠道奖的平级间推上级。<br>
                                                开启按钮：平一奖励给拿渠道奖的最近的平级上级，平二奖励给拿渠道奖的第二近的平级上级。
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="管理奖" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_manage_prize" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                        </el-form-item>
                                        <template v-if="ruleForm.is_manage_prize">
                                            <el-form-item label="指定等级">
                                                <div>
                                                    <el-checkbox-group v-model="ruleForm.agent_level_select" @change="checkedFun">
                                                        <el-checkbox v-for="(row,index) in agent_level_list" :label="row.level" :key="index">{{row.name}}</el-checkbox>
                                                    </el-checkbox-group>
                                                </div>
                                                <div class="tips-text" style="line-height: 24px;">
                                                    指定等级用户获得极差收益的上级获得管理奖
                                                </div>
                                            </el-form-item>
                                            <el-form-item prop="manage_prize_deep" label="管理奖层级">
                                                <el-col :span="8">
                                                    <el-input v-model="ruleForm.manage_prize_deep" type="number" @input="inputChange($event)">
                                                        <template slot="append">层</template>
                                                    </el-input>
                                                </el-col>
                                            </el-form-item>
                                            <el-form-item label="管理奖比例设置">
                                                <div class="tips-text">
                                                    根据获得极差收益的用户上级拿对应层级的管理奖
                                                </div>
                                                <div v-for="item in agent_level_select_list" v-if="ruleForm.manage_prize_deep > 0">
                                                    <span>{{item.name}}：</span>
                                                    <!-- <el-form-item :label="item.name"> -->
                                                        <el-form-item v-for="(items,index) in ruleForm.agent_level_info[item.level]" :key='index' class="coupon-item" style="display: flex;align-items: center;">
                                                            <el-input type="number" :min="0" class="member-money" v-model="items.prize" placeholder="" style="width: 300px;margin-right: 20px;">
                                                                <template slot="prepend">第{{items.deep}}代</template>
                                                                <template slot="append">%</template>
                                                            </el-input>
                                                    <!-- </el-form-item> -->
                                                </div>
                                            </el-form-item>
                                        </template>
                                        <el-form-item label="复购等于报单" style="margin-bottom: 0">
                                            <label slot="label">复购等于报单
                                                <el-tooltip class="item" effect="dark" placement="top-start">
                                                    <div slot="content">
                                                        举例<br/>
                                                        等级身份：老板  合伙人   区域中心  区公司  市公司  省公司<br />
                                                        报单产品：680    6980      2w       4w      4w     4w<br>
                                                        极差奖励：20%   25%       30%      36%     38%    40%<br>
                                                        A(合伙人）>>B（老板）B下单6980商品，A可以拿6980*25%=1745元<br>
                                                        如果A上面还有更高等级的区域中心，那么他拿30%-25%=5%的奖励<br>
                                                        一直分完为止。如果A上面没有高等级了的话不会在继续分了。<br>
                                                        开关开启以后复购等于报单；自己复购的商品可以拿极差奖励，正常走极差奖励分佣。<br>
                                                        假设自己是区域中心的身份，自己复购以后可以拿报单产品的30%<br>
                                                    </div>
                                                    <i class="el-icon-info"></i>
                                                </el-tooltip>
                                            </label>
                                            <div>
                                                <el-switch v-model="ruleForm.enable_repurchase_reward" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                        </el-form-item>
                                        <el-form-item prop="alone_equal_settle_type" label="平级奖励结算方式">
                                            <el-col :span="16" style="width: 100%;">
                                                <el-radio-group v-model="ruleForm.alone_equal_settle_type" size="small">
                                                    <el-radio :label="0" border>下级拿级差或渠道奖者支付</el-radio>
                                                    <el-radio :label="1" border>平台结算</el-radio>
                                                </el-radio-group>
                                            </el-col>
                                        </el-form-item>
                                        <!-- <el-form-item label="代理升级平级奖励" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_equal_by_upgrade" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                下单会员成为代理/代理升级发放奖励
                                            </div>
                                        </el-form-item>
                                        <el-form-item v-if="ruleForm.is_equal_by_upgrade == 1" label="团队产生代理奖励" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_upgrade_to_agent" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                开启后，下单会员成为代理才能发放代理平级奖励
                                            </div>
                                        </el-form-item> -->
                                        <el-form-item label="极差分红奖励配置" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_enable_diff_bonus" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                        </el-form-item>
                                        <template v-if="ruleForm.is_enable_diff_bonus == 1">
                                            <el-tabs v-model="activeName" @tab-click="handleClick">
                                                <template v-for="item in active_map">
                                                    <el-tab-pane :label="item.name" :name="item.value"></el-tab-pane>
                                                </template>
                                            </el-tabs>
                                            <template v-if="activeName==1">
                                                <el-card class="box-card">
                                                    <div slot="header" class="clearfix">
                                                        <span>上级代理奖励</span>
                                                    </div>
                                                    <el-form-item prop="agent_level" label="占比">
                                                    <el-col :span="8">
                                                        <el-input v-model="ruleForm.parent_diff_bonus" type="number" >
                                                            <template slot="append">%</template>
                                                        </el-input>
                                                    </el-col>
                                                </el-card>
                                            </template>
                                            <template v-if="activeName==2">
                                                <el-card class="box-card">
                                                    <div slot="header" class="clearfix">
                                                        <span>区域占比</span>
                                                    </div>
                                                    <el-form-item :label="level_6" label-width="60px">
                                                        <el-input v-model="ruleForm.diff_bonus_area.regional_team_prize"
                                                                  onInput="value=toNumber(value,2)">
                                                            <template slot="append">%</template>
                                                        </el-input>
                                                    </el-form-item>
                                                    <el-form-item :label="level_1" label-width="60px">
                                                        <el-input v-model="ruleForm.diff_bonus_area.province_team_prize"
                                                                  onInput="value=toNumber(value,2)">
                                                            <template slot="append">%</template>
                                                        </el-input>
                                                    </el-form-item>
                                                    <el-form-item :label="level_2" label-width="60px">
                                                        <el-input v-model="ruleForm.diff_bonus_area.city_team_prize"
                                                                  onInput="value=toNumber(value,2)">
                                                            <template slot="append">%</template>
                                                        </el-input>
                                                    </el-form-item>
                                                    <el-form-item :label="level_3" label-width="60px">
                                                        <el-input v-model="ruleForm.diff_bonus_area.district_team_prize"
                                                                  onInput="value=toNumber(value,2)">
                                                            <template slot="append">%</template>
                                                        </el-input>
                                                    </el-form-item>
                                                    <el-form-item :label="level_4" label-width="60px">
                                                        <el-input v-model="ruleForm.diff_bonus_area.town_team_prize"
                                                                  onInput="value=toNumber(value,2)">
                                                            <template slot="append">%</template>
                                                        </el-input>
                                                    </el-form-item>
                                                    <el-form-item :label="level_5" label-width="60px">
                                                        <el-input v-model="ruleForm.diff_bonus_area.community_team_prize"
                                                                  onInput="value=toNumber(value,2)">
                                                            <template slot="append">%</template>
                                                        </el-input>
                                                    </el-form-item>
                                                </el-card>
                                            </template>
                                            <template v-if="activeName==3">
                                                <el-card class="box-card">
                                                    <div slot="header" class="clearfix">
                                                        <span>指定账户</span>
                                                    </div>
                                                    <div class="tab_search">
                                                        <div class="search_form">
                                                            <el-button style="float: right; padding: 3px 12px;margin: 20px 0;height: 32px;" type="primary" @click="editClick">+添加分配佣金账户</el-button>
                                                        </div>
                                                    </div>
                                                    <el-table :data="userList" style="width: 100%" v-loading="listLoading" v-if="activeName==3" key="table1">
                                                    <el-table-column prop="id" label="会员ID" min-width="100" align="center"></el-table-column>
                                                    <el-table-column key='3' label="会员信息" width="240" >
                                                        <template slot-scope="scope">
                                                            <div class="table-info-img-text">
                                                                <el-image class="table-info-img circle" :src="scope.row.avatar_url">
                                                                    <div slot="error" class="image-slot">
                                                                        <com-image src="/resources/img/common/default-avatar.png"></com-image>
                                                                    </div>
                                                                </el-image>
                                                                <div class="table-info-text">
                                                                    <div>{{scope.row.nickname}}</div>
                                                                    <div>{{scope.row.mobile}}</div>
                                                                </div>
                                                            </div>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column prop="sort" label="占比(%)" width="200">
                                                        <template slot-scope="scope">
                                                            <div v-if="sort_id != scope.row.id">
                                                                <el-tooltip class="item" effect="dark" content="占比(%)" placement="top">
                                                                    <span>{{scope.row.prize}}</span>
                                                                </el-tooltip>
                                                                <el-button class="edit-sort" type="text" @click="edit(scope.row)">
                                                                    <img src="resources/img/mall/order/edit.png" alt="">
                                                                </el-button>
                                                            </div>
                                                            <div style="display: flex;align-items: center" v-else>
                                                                <el-input style="min-width: 70px" type="number" size="mini" class="change" v-model="sort" autocomplete="off">
                                                                    <template slot="append">%</template>
                                                                </el-input>
                                                                <el-button class="change-quit" type="text" style="color: #F56C6C;padding: 0 5px" icon="el-icon-error" circle @click="cancelEdit()"></el-button>
                                                                <el-button class="change-success" type="text" style="margin-left: 0;color: #67C23A;padding: 0 5px" icon="el-icon-success" circle @click="handle(scope.row)">
                                                                </el-button>
                                                            </div>
                                                        </template>
                                                    </el-table-column>
                                                    <el-table-column label="操作" min-width="100">
                                                        <template slot-scope="scope">
                                                            <el-button type="text" size="small" @click="update(scope.row)">删除</el-button>
                                                        </template>
                                                    </el-table-column>
                                                    </el-table>
                                                </el-card>
                                            </template>
                                        </el-form-item>
                                        </template>
                                        <el-form-item label="越级奖跳过某个等级" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_enable_skip_level" :active-value="1" :inactive-value="0">
                                                </el-switch>
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="越级奖跳过的等级" style="margin-bottom: 0" v-if="ruleForm.is_enable_skip_level">
                                            <div>
                                                <div>
                                                    <el-select v-model="ruleForm.skip_level">
                                                        <el-option v-for="(row,index) in agent_level_list" :label="row.name" :key="index" :value="row.level">{{row.name}}</el-option>
                                                    </el-select>
                                                </div>
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="平级奖仅针对下单人" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_enable_to_buyer_equal" :active-value="1" :inactive-value="0"></el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                开启后“平级奖”只对比与下单的人的等级是否一样，不一样则跳过。
                                            </div>
                                        </el-form-item>
                                        <el-form-item label="平级奖跳过的等级" style="margin-bottom: 0" v-if="ruleForm.is_enable_to_buyer_equal">
                                            <el-select v-model="ruleForm.skip_equal_level" clearable>
                                                <el-option v-for="(row,index) in agent_level_list" :label="row.name" :key="index" :value="row.level">{{row.name}}</el-option>
                                            </el-select>
                                        </el-form-item>
                                        <el-form-item label="平级奖与越级奖互斥" style="margin-bottom: 0">
                                            <div>
                                                <el-switch v-model="ruleForm.is_enable_me_over_equal" :active-value="1" :inactive-value="0"></el-switch>
                                            </div>
                                            <div class="tips-text" style="line-height: 24px;">
                                                开启后“平级奖”与“越级奖”产生互斥，即当有“越级奖”产生时，则不会再分配“平级奖”。
                                            </div>
                                        </el-form-item>
                                    </el-col>
                                </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-tab-pane>

            <el-tab-pane label="更多设置" name="more" class="more-tabs">
                <?php ComponentHelper::loadComponentView('more', __DIR__ . '/'); ?>
            </el-tab-pane>
        </el-tabs>



    </el-card>
    <user-select v-model="show" @success="userSuccess"></user-select>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                btnLoading: false,
                tabName: 'basic',
                ruleForm: {
                    is_enable: 0,
                    is_show_at_center: 1,
                    is_self_buy: 0,
                    enable_goods_deduct: 0,
                    // enable_goods_deduct: 0,
                    is_equal: 0,
                    is_contain_self: 0,
                    equal_settle_type:0,
                    is_equal_computing_method: 0,
                    equal_computing_method: 0,
                    is_over_computing_method: 0,
                    over_computing_method: 0,
                    calculation_basis:0,
                    over_settle_type:0,
                    over_calculation_basis:0,
                    is_equal_self:0,
                    is_equal_prize_first:0,
                    equal_prize_deep:0,
                    over_level:0,
                    team_prize_deep:0,
                    compute_type:0,
                    compute_delay_day: 0,
                    team_achievement_compute_type:0,
                    computing_method:0,
                    is_drainage_subsidy:0,
                    is_team_subsidy:0,
                    is_extra_equal_prize:0,
                    equal_prize_type:0,
                    is_manage_prize:0,
                    manage_prize_deep:0,
                    agent_level_select:[],
                    agent_level_info:[],
                    is_enable_recommend_award :0,
                    enable_repurchase_reward: 0,
                    is_find_equal_parent: 0,
                    alone_equal_settle_type:0,
                    is_enable_diff_bonus:0,
                    parent_diff_bonus:0,
                    diff_bonus_area:{
                        regional_team_prize: 0,//大区
                        province_team_prize: 0,//省
                        city_team_prize: 0,//市
                        district_team_prize: 0,//区
                        town_team_prize: 0,//镇
                        community_team_prize: 0,//小区
                    },
                    diff_bonus_user:[],
                    is_equal_by_upgrade:0,
                    is_upgrade_to_agent:0,
                    find_a_level: 0,
                    is_enable_skip_level: 0,
                    skip_level: undefined,
                    is_enable_to_buyer_equal: 0,
                    skip_equal_level: null,
                    is_enable_me_over_equal: 0
                },

                moreForm: {
                    is_enable_team_buy_detail: 0,
                    compute_type: 0,
                    is_apply: 0,
                    is_check: 0,
                    protocol: '',

                },

                agent_level_list:[],
                agent_level_select_list:[],
                active_map:[
                    {name:'上级代理奖励',value:'1'},
                    {name:'区域分红',value:'2'},
                    {name:'指定账户',value:'3'},
                ],
                activeName: '1',
                level_1: '省代',
                level_2: '市代',
                level_3: '区代',
                level_4: '镇代',
                level_5: '小区代',
                level_6: '大区代',
                userList:[],
                listLoading:false,
                show:false,
                sort_id:0,
                sort:0,
            }
        },
        mounted: function () {
            this.loadData();
        },
        methods: {
            handleClick(tab, event){

            },
            handleChangeTab(tab, event){
                this.tabName = tab.name;
                this.loadData();
            },
            loadData() {
                this.loading = true;
                request({
                    params: {
                        r: 'agent/setting/index',
                        group : this.tabName,
                    },
                    method: 'get'
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
                        if(this.tabName == 'basic'){
                            console.log(e.data.data.list)
                            this.ruleForm = Object.assign(this.ruleForm, e.data.data.list);
                            if(e.data.data.agent_level_list){
                                this.agent_level_list = e.data.data.agent_level_list;
                            }else{
                                this.agent_level_list = [];
                            }
                            if(e.data.data.agent_level_select_list){
                                this.agent_level_select_list = e.data.data.agent_level_select_list;
                            }else{
                                this.agent_level_select_list = [];
                            }
                            this.userList = e.data.data.userList;
                        }else if(this.tabName == 'more'){
                            this.moreForm = Object.assign(this.moreForm, e.data.data.list);
                        }


                    }
                }).catch(e => {
                    this.loading = false;
                })
            },
            store(formName) {
                let self = this;
                if(this.ruleForm.is_enable_diff_bonus == 1){
                    let diff_bonus = 0;
                    diff_bonus = Number(this.ruleForm.parent_diff_bonus) + Number(this.ruleForm.diff_bonus_area.regional_team_prize) + Number(this.ruleForm.diff_bonus_area.province_team_prize) + Number(this.ruleForm.diff_bonus_area.city_team_prize) + Number(this.ruleForm.diff_bonus_area.district_team_prize) + Number(this.ruleForm.diff_bonus_area.town_team_prize) + Number(this.ruleForm.diff_bonus_area.community_team_prize);
                    if(this.userList.length > 0){
                        for (let i in this.userList) {
                            diff_bonus = diff_bonus + Number(this.userList[i].prize);
                        }
                    }
                    if(diff_bonus > 100){
                        this.$message.error('极差分红占比不能大于100%');
                        return ;
                    }
                }
                console.log(formName);

                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        let formData = {};
                        let tabName = self.tabName;

                        if(formName == 'ruleForm'){
                            this.ruleForm.diff_bonus_user = this.userList;
                            formData[tabName] = this.ruleForm;
                        }else if(formName === 'moreForm'){
                            formData[tabName] = this.moreForm;
                        }

                        formData.group = tabName;
                        console.log(formData);

                        this.btnLoading = true;

                        request({
                            params: {
                                r: 'agent/setting/index',
                            },
                            method: 'post',
                            data: formData
                        }).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;
                    }
                });
            },
            checkedFun(e){
                this.agent_level_select_list = [];
                this.ruleForm.agent_level_select.sort(function(a, b){return a - b});
                this.agent_level_list.forEach((item, index)=>{
                    if(this.ruleForm.agent_level_select.includes(item.level)){
                        this.agent_level_select_list.push(item);
                    }
                });
                console.log('33333333333',this.ruleForm.manage_prize_deep);
                if(this.ruleForm.manage_prize_deep > 0){
                    this.inputChange();
                }
            },

            handleChange(value){
               if(!value) this.ruleForm.is_enable_recommend_award = 0;
            },

            inputChange(value = null){
                if(value){
                    this.ruleForm.manage_prize_deep = value.replace(/[^0-9]/g,'');
                }
                if(this.ruleForm.manage_prize_deep > 0 && this.ruleForm.agent_level_select.length > 0){
                    let agent_level_info = [];
                    this.ruleForm.agent_level_select.forEach((item, index)=>{
                        agent_level_info[item] = [];
                        for(let i = 1;i<=this.ruleForm.manage_prize_deep;i++){
                            let info = [];
                            if(this.ruleForm.agent_level_info[item]){
                                this.ruleForm.agent_level_info[item].forEach((items, indexs)=>{
                                    if(items.deep == i){
                                        info = items;
                                    }
                                });
                            }
                            if(info.length == 0){
                                info = {
                                    deep:i,
                                    prize:0,
                                };
                            }
                            agent_level_info[item].push(info);
                        }
                    });
                    this.ruleForm.agent_level_info = agent_level_info;
                }
            },
            editClick(row = null) {
                this.show = true;
            },
            userSuccess(param) {
                console.log(param);
                let flag = true;
                for (let i in this.userList) {
                    if (this.userList[i].id == param.id) {
                        flag = false;
                        break;
                    }
                }
                if (flag) {
                    param.prize = 0;
                    this.userList.push(param);
                }
                console.log(this.userList);
            },
            //删除
            update(row) {
                index = 0;
                for (let i in this.userList) {
                    if (this.userList[i].id == row.id) {
                        index = i;
                        break;
                    }
                }
                this.userList.splice(index, 1);
            },
            edit(row){
                this.sort_id = row.id;
                this.sort = row.prize;
            },
            cancelEdit() {
                this.sort_id = 0;
                this.sort = 0;
            },
            handle(row){
                index = 0;
                for (let i in this.userList) {
                    if (this.userList[i].id == row.id) {
                        index = i;
                        break;
                    }
                }
                this.userList[index].prize = this.sort;
                this.sort_id = 0;
                this.sort = 0;
            }
        }
    });
</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;
    }

    .equal-computing {
        display: flex;
        flex-direction: column;
    }
    .equal-computing .el-radio-group{
        margin-top: 10px;
        display: flex;
        border: 1px solid #ebebeb;
        border-radius: 3px;
        padding: 10px;
        position: relative;
    }
    .equal-computing .el-radio-group::before {
        content: "";
        position: absolute;
        top: -5px;
        left: 10px;
        border-right: 1px solid #ebebeb;
        border-top: 1px solid #ebebeb;
        height: 8px;
        width: 8px;
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        border-left: 1px solid transparent;
        border-bottom: 1px solid transparent;
        background-color: #FFF;
    }
    .equal-computing .el-switch {
        height: 32px;
        place-self: flex-start;
    }
    .input-number-box{
        margin-left: 38px;
        display: inline-block;
     }
    .input-number-box .el-input-number{
        margin: 0 8px;
    }
    .input-number-box,.input-number-box span{
        vertical-align: middle;
    }
</style>