qimall/addons/Agent/backend/views/goods/com-agent.php

<template id="com-agent">
    <div class="com-agent">
        <el-card class="edit-card" shadow="never">
            <!-- <div slot="header" class="clearfix">
                <div class="card-title">经销设置<span class="card-sub-title"></span></div>
            </div> -->

            <el-form :model="form" size="small">
                <el-form-item label="商品是否参与渠道分红" prop="is_participate">
                    <el-switch :active-value="1" :inactive-value="0" v-model="is_participate" @change="participate"></el-switch>
                </el-form-item>
         
                <el-tabs v-if="is_participate == 1" v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane v-for="(config,key) in form" v-if="commission_type_map[key]" :label="commission_type_map[key]" :name="key" :key="key">
                        <el-form-item label="是否独立设置" prop="is_enable">
                            <el-switch :active-value="1" :inactive-value="0" v-model="config.is_enable"></el-switch>
                        </el-form-item>
                        <el-row :gutter="16" v-if="config.is_enable == 1" style="display: flex;flex-wrap: wrap;">
                            <el-col :span="6">
                                <el-card shadow="always">
                                    <!--渠道佣金配置 -->
                                    <div slot="header" class="clearfix">
                                        <span>渠道{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="渠道奖类型" prop="is_percent_team">
                                        <el-radio-group v-model="config.is_percent_team">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].agent_team_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_team == 0">%</template>
                                                        <template slot="append" v-if="config.is_percent_team == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="6">
                                <el-card shadow="always">
                                    <!--平级奖佣金配置 -->
                                    <div slot="header" class="clearfix">
                                        <span>平级奖{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="平级奖类型" prop="is_percent_equal">
                                        <el-radio-group v-model="config.is_percent_equal">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].agent_equal_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_equal == 0">%</template>
                                                        <template slot="append" v-if="config.is_percent_equal == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="6">
                                <el-card shadow="always">
                                    <!--越级奖佣金配置 -->
                                    <div slot="header" class="clearfix">
                                        <span>越级奖{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="越级奖类型" prop="is_percent_over">
                                        <el-radio-group v-model="config.is_percent_over">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].agent_over_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_over == 0">%</template>
                                                        <template slot="append" v-if="config.is_percent_over == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="6">
                                <el-card shadow="always">
                                    <!--额外奖佣金配置 -->
                                    <div slot="header" class="clearfix">
                                        <span>额外奖{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="额外奖类型" prop="is_percent_extra">
                                        <el-radio-group v-model="config.is_percent_extra">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].agent_extra_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_extra == 0">%</template>
                                                        <template slot="append" v-if="config.is_percent_extra == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>

                            <el-col :span="6">
                                <el-card shadow="always">
                                    <!--额外奖佣金配置 -->
                                    <div slot="header" class="clearfix">
                                        <span>引流补贴{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="补贴类型" prop="is_percent_drainage_subsidy">
                                        <el-radio-group v-model="config.is_percent_drainage_subsidy">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input
                                                        v-model="config.detail[item.level].agent_drainage_subsidy_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_drainage_subsidy == 0">%</template>
                                                        <template slot="append"
                                                            v-if="config.is_percent_drainage_subsidy == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="6">
                                <el-card shadow="always">
                                    <div slot="header" class="clearfix">
                                        <span>渠道补贴{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="补贴类型" prop="is_percent_team_subsidy">
                                        <el-radio-group v-model="config.is_percent_team_subsidy">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input
                                                        v-model="config.detail[item.level].agent_team_subsidy_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_team_subsidy == 0">%</template>
                                                        <template slot="append"
                                                            v-if="config.is_percent_team_subsidy == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="6">
                                <el-card shadow="always">
                                    <div slot="header" class="clearfix">
                                        <span>平一级奖{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="" prop="">
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light"></div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].extra_equal_prize1"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template
                                                            v-if="config.commission_type == 'commission'">元</template>
                                                        <template
                                                            v-if="config.commission_type == 'hi_value' || config.commission_type == 'hi_bei'">枚</template>
                                                        <template
                                                            v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="6">
                                <el-card shadow="always">
                                    <div slot="header" class="clearfix">
                                        <span>平二级奖{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="" prop="">
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light"></div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].extra_equal_prize2"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template
                                                            v-if="config.commission_type == 'commission'">{{config.commission_type}}元</template>
                                                        <template
                                                            v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">{{config.commission_type}}枚</template>
                                                        <template
                                                            v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>

                            <el-col :span="6" v-if="config.commission_type == 'commission'">
                                <el-card shadow="always">
                                    <div slot="header" class="clearfix">
                                        <span>推荐奖{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="是否开启推荐奖" prop="is_enable_recommend">
                                        <el-switch :active-value="1" :inactive-value="0" v-model="config.is_enable_recommend"></el-switch>
                                    </el-form-item>
                                    <template v-if="config.is_enable_recommend == 1">
                                        <el-form-item label="推荐奖励类型" prop="is_percent_recommend">
                                            <el-radio-group v-model="config.is_percent_recommend">
                                                <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                                <el-radio :label="1" class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                            </el-radio-group>
                                        </el-form-item>
                                        <el-form-item>
                                            <el-col :span="24">
                                                <el-row>
                                                    <el-col :span="6">
                                                        <div class="grid-content bg-purple">经销商等级</div>
                                                    </el-col>
                                                    <el-col :span="16">
                                                        <div class="grid-content bg-purple-light"></div>
                                                    </el-col>
                                                </el-row>

                                                <el-row v-for="(item,index) in level_arr.Agent" :key="index" style="margin-bottom:10px">
                                                    <el-col :span="6">{{ item.name }}</el-col>

                                                    <el-col :span="16">
                                                        <el-input v-model="config.detail[item.level].agent_recommend_prize" placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append" v-if="config.is_percent_recommend == 0">%</template>
                                                        <template slot="append" v-if="config.is_percent_recommend == 1">元</template>
                                                        </el-input>
                                                    </el-col>
                                                </el-row>
                                            </el-col>
                                        </el-form-item>
                                    </template>
                                </el-card>
                            </el-col>
                        </el-row>
                        <template v-if="is_main == 1">
                            <el-form-item label="独立平级奖励" prop="is_alone_agent_equal_prize" style="margin-top: 10px;" v-if="config.commission_type == 'commission' || config.commission_type == 'score'">
                                <el-switch :active-value="1" :inactive-value="0" v-model="config.is_alone_agent_equal_prize"></el-switch>
                            </el-form-item>
                            <el-form-item label="独立平级奖励类型" prop="alone_agent_equal_prize_type" v-if="config.is_alone_agent_equal_prize == 1">
                                <el-radio-group v-model="config.alone_agent_equal_prize_type">
                                    <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                    <el-radio :label="1"
                                        class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-row :gutter="16" v-if="config.is_alone_agent_equal_prize == 1" style="display: flex;flex-wrap: wrap;">
                                <el-col :span="6" v-for="(item,index) in level_arr.Agent" :key="index">
                                    <el-card shadow="always">
                                        <div slot="header" class="clearfix">
                                            <span>{{item.name+' '+commission_type_map[config.commission_type]}}独立平级配置</span>
                                        </div>
                                        <el-form-item>
                                            <el-col :span="24">
                                                <el-row v-for="(items,indexs) in config.detail[item.level].alone_agent_equal_prize_info" :key="indexs"
                                                    style="margin-bottom:10px">
                                                    <el-col :span="6">{{'第'+items.deep+'层'}}</el-col>

                                                    <el-col :span="16">
                                                        <el-input v-model="items.prize"
                                                            placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                            <template slot="append"
                                                                v-if="config.alone_agent_equal_prize_type == 0">%</template>
                                                            <template slot="append" v-if="config.alone_agent_equal_prize_type == 1">
                                                                <template
                                                                    v-if="config.commission_type == 'commission'">元</template>
                                                                <template
                                                                    v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                            </template>
                                                        </el-input>
                                                    </el-col>
                                                </el-row>
                                            </el-col>
                                        </el-form-item>
                                    </el-card>
                                </el-col>
                            </el-row>
                        </template>
                    </el-tab-pane>
                </el-tabs>
                <el-form-item label="单独设置复购等于报单">
                    <el-switch v-model="form.distribution_is_alone" :active-value="1" :inactive-value="0">
                    </el-switch>
                </el-form-item>
                <el-form-item label="是否开启层级分销" v-if="page == 0">
                   <el-switch v-model="form.distribution_setting.enable_repurchase_reward" :active-value="1" :inactive-value="0">
                   </el-switch>
                </el-form-item>
                <div v-if="page == 0 && form.distribution_setting.enable_repurchase_reward == 1">
                    <el-form-item label="分销层级" prop="distribution_level_max">
                        <label slot="label">分销层级</label>
                        <el-input style="width: 300px" v-model="form.distribution_setting.distribution_level_max" placeholder="3层及3层以后分佣统一,最高15层">
                            <template #append>层</template>
                        </el-input>
                        <span style="color: red; margin-left: 5px"><i class="el-icon-info"></i> 3层及3层以后分佣统一,最高15层</span>
                    </el-form-item>
                    <el-form-item label="分销层级" prop="distribution_type">
                        <el-radio-group v-model="form.distribution_setting.distribution_type">
                            <el-radio :label="0">百分比</el-radio>
                            <el-radio :label="1">固定金额</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item label="一级分销" prop="distribution_level1">
                        <el-input style="width: 300px" v-model="form.distribution_setting.distribution_level1">
                            <template #append>{{form.distribution_setting.distribution_type == 0 ? '%' : '元'}}</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="二级分销" prop="distribution_level2">
                        <el-input style="width: 300px" v-model="form.distribution_setting.distribution_level2">
                            <template #append>{{form.distribution_setting.distribution_type == 0 ? '%' : '元'}}</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="≥三级分销" prop="distribution_level3">
                        <el-input style="width: 300px" v-model="form.distribution_setting.distribution_level3">
                            <template #append>{{form.distribution_setting.distribution_type == 0 ? '%' : '元'}}</template>
                        </el-input>
                    </el-form-item>
                </div>
               <el-form-item label="是否开启层级分销" v-if="page == 1">
                   <el-switch v-model="form.distribution_setting_score.enable_repurchase_reward" :active-value="1" :inactive-value="0">
                   </el-switch>
                </el-form-item>
               <el-form-item label="是否单独设置计算方式" v-if="extend_data?.is_show_alone_computing_method">
                   <el-switch v-model="form.is_alone_computing_method" :active-value="1" :inactive-value="0">
                   </el-switch>

                   <el-form-item prop="computing_method" label="" v-if="form.is_alone_computing_method == 1">
                       <el-radio-group v-model="form.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-form-item>
                </el-form-item>
                <div v-if="page == 1 && form.distribution_setting_score.enable_repurchase_reward == 1">
                    <el-form-item label="分销层级" prop="distribution_setting_score.distribution_level_max">
                        <label slot="label">分销层级22</label>
                        <el-input style="width: 300px" v-model="form.distribution_setting_score.distribution_level_max" placeholder="3层及3层以后分佣统一,最高15层">
                            <template #append>层</template>
                        </el-input>
                        <span style="color: red; margin-left: 5px"><i class="el-icon-info"></i> 3层及3层以后分佣统一,最高15层</span>
                    </el-form-item>
                    <el-form-item label="分销层级" prop="distribution_setting_score.distribution_type">
                        <el-radio-group v-model="form.distribution_setting_score.distribution_type">
                            <el-radio :label="0">百分比</el-radio>
                            <el-radio :label="1">固定金额</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item label="一级分销" prop="distribution_setting_score.distribution_level1">
                        <el-input style="width: 300px" v-model="form.distribution_setting_score.distribution_level1">
                            <template #append>{{form.distribution_setting_score.distribution_type == 0 ? '%' : '元'}}</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="二级分销" prop="distribution_setting_score.distribution_level2">
                        <el-input style="width: 300px" v-model="form.distribution_setting_score.distribution_level2">
                            <template #append>{{form.distribution_setting_score.distribution_type == 0 ? '%' : '元'}}</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="≥三级分销" prop="distribution_setting_score.distribution_level3">
                        <el-input style="width: 300px" v-model="form.distribution_setting_score.distribution_level3">
                            <template #append>{{form.distribution_setting_score.distribution_type == 0 ? '%' : '元'}}</template>
                        </el-input>
                    </el-form-item>
                </div>
                <template v-if="is_main == 1">
                    <template v-if="is_participate == 1">
                        <el-form-item label="代理平级奖励">
                            <el-switch v-model="is_equal_by_upgrade" :active-value="1" :inactive-value="0" @change="changeSwitch($event,'is_equal_by_upgrade')">
                            </el-switch>
                        </el-form-item>
                        <el-form-item label="独立设置经销内购">
                            <el-switch v-model="is_self_buy_alone" :active-value="1" :inactive-value="0" @change="changeSwitch($event,'is_self_buy_alone')">
                            </el-switch>
                        </el-form-item>
                        <template v-if="is_self_buy_alone">
                            <el-form-item label="经销内购" prop="is_self_buy">
                                <el-switch v-model="is_self_buy" :active-value="1" :inactive-value="0" @change="changeSwitch($event,'is_self_buy')">
                                </el-switch>
                                <div class="tips-text" style="line-height: 24px;">
                                    开启内购，经销商自己买商品，拿第一个渠道奖
                                </div>
                            </el-form-item>
                            <el-form-item label="是否开启商品抵扣" prop="enable_goods_deduct">
                                <el-switch v-model="enable_goods_deduct" :active-value="1" :inactive-value="0" @change="changeSwitch($event,'enable_goods_deduct')">
                                </el-switch>
                            </el-form-item>
                        </template>
                    </template>
                </template>
                <template v-if="is_install_regular_bonus == 1">
                    <template v-if="activeName == 'commission'">
                        <el-form-item label="是否启用返佣设置" prop="is_enable_regular_bonus">
                            <el-switch :active-value="1" :inactive-value="0" v-model="is_enable_regular_bonus" @change="handleEnableRegularBonus"></el-switch>
                        </el-form-item>
                        <el-row :gutter="16" v-for="(config,key) in form.commission.extra.RegularBonus" :key="key" v-if="is_enable_regular_bonus == 1" style="display: flex;flex-wrap: wrap;">
                            <el-col :span="8">
                                <el-card shadow="always">
                                    <!--渠道佣金配置 -->
                                    <div slot="header" class="clearfix">
                                        <span>渠道{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="渠道奖类型" prop="is_percent_team">
                                        <el-radio-group v-model="config.is_percent_team">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].agent_team_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_team == 0">%</template>
                                                        <template slot="append" v-if="config.is_percent_team == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="8">
                                <el-card shadow="always">
                                    <!--平级奖佣金配置 -->
                                    <div slot="header" class="clearfix">
                                        <span>平级奖{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="平级奖类型" prop="is_percent_equal">
                                        <el-radio-group v-model="config.is_percent_equal">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].agent_equal_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_equal == 0">%</template>
                                                        <template slot="append" v-if="config.is_percent_equal == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="8">
                                <el-card shadow="always">
                                    <!--越级奖佣金配置 -->
                                    <div slot="header" class="clearfix">
                                        <span>越级奖{{commission_type_map[config.commission_type]}}配置</span>
                                    </div>
                                    <el-form-item label="越级奖类型" prop="is_percent_over">
                                        <el-radio-group v-model="config.is_percent_over">
                                            <el-radio :label="0" class="grid-content bg-purple">百分比</el-radio>
                                            <el-radio :label="1"
                                                class="grid-content bg-purple">固定{{commission_type_map[config.commission_type]}}</el-radio>
                                        </el-radio-group>
                                    </el-form-item>
                                    <el-form-item>
                                        <el-col :span="24">
                                            <el-row>
                                                <el-col :span="6">
                                                    <div class="grid-content bg-purple">经销商等级</div>
                                                </el-col>
                                                <el-col :span="16">
                                                    <div class="grid-content bg-purple-light">提成比例</div>
                                                </el-col>
                                            </el-row>

                                            <el-row v-for="(item,index) in level_arr.Agent" :key="index"
                                                style="margin-bottom:10px">
                                                <el-col :span="6">{{ item.name }}</el-col>

                                                <el-col :span="16">
                                                    <el-input v-model="config.detail[item.level].agent_over_prize"
                                                        placeholder="输入数值" onInput="value=toNumber(value,2)">
                                                        <template slot="append"
                                                            v-if="config.is_percent_over == 0">%</template>
                                                        <template slot="append" v-if="config.is_percent_over == 1">
                                                            <template
                                                                v-if="config.commission_type == 'commission'">元</template>
                                                            <template
                                                                v-if="config.commission_type == 'hi_bei' || config.commission_type == 'hi_value'">枚</template>
                                                            <template
                                                                v-if="config.commission_type == 'score'">{{commission_type_map[config.commission_type]}}</template>
                                                        </template>
                                                    </el-input>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                        </el-row>
                    </template>
                </template>
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-agent', {
        template: "#com-agent",
        props: {
            is_show_additional_score: {
                type: Number,
                default: 0
            },
            level_arr: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            setting: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            commission_type_map: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            is_main: {
                type: Number,
                default: () => {
                    return 0;
                }
            },
            extend_data: {
                type: Object,
                default: () => {
                    return {
                        is_show_alone_computing_method: false,
                    };
                }
            }
        },
        data() {
            return {
                activeName: 'commission',
                is_participate: 1,
                form: {},
                black_list: [
                    'distribution_is_alone',
                    'distribution_setting',
                    'distribution_setting_score',
                ],
                install: {// 初始化数据
                    is_participate: 1,
                    is_enable: 0,
                    is_percent_team: 0,
                    is_percent_equal: 0,
                    is_percent_over: 0,
                    is_percent_extra: 0,
                    is_percent_drainage_subsidy: 0,
                    is_percent_team_subsidy: 0,
                    item_type: 'goods',
                    commission_type: '',
                    is_enable_recommend: 0,
                    is_percent_recommend: 0,
                    detail: {},
                    is_alone_agent_equal_prize:0,
                    alone_agent_equal_prize_type:0,
                    //alone_agent_equal_prize_info:{},
                    is_equal_by_upgrade:0,
                    is_self_buy_alone:0,
                    is_self_buy:0,
                    enable_goods_deduct:0,
                    is_enable_regular_bonus: 0,
                    extra:{},
                },
                is_equal_by_upgrade:0,
                is_self_buy_alone:0,
                is_self_buy:0,
                enable_goods_deduct:0,
                is_install_regular_bonus: 0,
                is_enable_regular_bonus: 0,
                extra:{
                    RegularBonus: {
                        commission: {
                            is_percent_team: 0,
                            is_percent_equal: 0,
                            is_percent_over: 0,
                            commission_type: 'commission',
                            detail: [],
                        },
                    }
                },
                page: 0
            }
        },
        watch: {
            setting: {
                deep: true,
                immediate: true,
                handler(value) {
                    if (!isEmpty(value)) {
                        this.is_participate = value.commission.is_participate ?? 1;
                        this.is_equal_by_upgrade = value.commission.is_equal_by_upgrade ?? 0;
                        this.is_self_buy_alone = value.commission.is_self_buy_alone ?? 0;
                        this.is_self_buy = value.commission.is_self_buy ?? 0;
                        this.enable_goods_deduct = value.commission.enable_goods_deduct ?? 0;
                        this.form = value;
                        this.is_enable_regular_bonus = value.commission.is_enable_regular_bonus ?? 0
                    }
                    if (!this.form.distribution_is_alone) {
                        this.$set(this.form, 'distribution_is_alone', 0)
                    }
                    if (!this.form.distribution_setting) {
                        this.$set(this.form, 'distribution_setting', {
                            enable_repurchase_reward: 0,
                            distribution_level_max: '',
                            distribution_type: 0,
                            distribution_level1: 0,
                            distribution_level2: 0,
                            distribution_level3: 0,
                            item_type: 'goods',
                            commission_type: 'commission',
                            detail: [],
                        })
                    }
                    if (!this.form.distribution_setting_score) {
                        this.$set(this.form, 'distribution_setting_score', {
                            enable_repurchase_reward: 0,
                            distribution_level_max: '',
                            distribution_type: 0,
                            distribution_level1: 0,
                            distribution_level2: 0,
                            distribution_level3: 0,
                            item_type: 'goods',
                            commission_type: 'score',
                            detail: [],
                        })
                    }
                }
            },
            level_arr: {
                deep: true,
                immediate: true,
                handler(value) {

                    //  需要判断插件是否安装，是否启用才需要 额外给付配置
                    if (this.is_show_additional_score == 1) {
                        this.commission_type_map['additional_score'] = '额外积分';
                    }

                    if (!isEmpty(value)) {
                        let self = this;
                        var data = value.Agent;

                        // 初始化赋值
                        for (let name in self.commission_type_map) {
                            let detail = {};
                            var prize = isEmpty(self.form[name]) ? {} : self.form[name].detail;
                            if (data) {
                                Object.keys(data).forEach(function (key) {
                                    var formKey = data[key].level;
                                    Object.assign(detail, {
                                        [formKey]: {
                                            level: data[key].level,
                                            agent_team_prize: !isEmpty(prize[formKey]) && prize[formKey].agent_team_prize !== undefined ? prize[formKey].agent_team_prize : 0,
                                            agent_equal_prize: !isEmpty(prize[formKey]) && prize[formKey].agent_equal_prize !== undefined ? prize[formKey].agent_equal_prize : 0,
                                            agent_over_prize: !isEmpty(prize[formKey]) && prize[formKey].agent_over_prize !== undefined ? prize[formKey].agent_over_prize : 0,
                                            agent_extra_prize: !isEmpty(prize[formKey]) && prize[formKey].agent_extra_prize !== undefined ? prize[formKey].agent_extra_prize : 0,
                                            agent_drainage_subsidy_prize: !isEmpty(prize[formKey]) && prize[formKey].agent_drainage_subsidy_prize !== undefined ? prize[formKey].agent_drainage_subsidy_prize : 0,
                                            agent_team_subsidy_prize: !isEmpty(prize[formKey]) && prize[formKey].agent_team_subsidy_prize !== undefined ? prize[formKey].agent_team_subsidy_prize : 0,
                                            extra_equal_prize1: !isEmpty(prize[formKey]) && prize[formKey].extra_equal_prize1 !== undefined ? prize[formKey].extra_equal_prize1 : 0,
                                            extra_equal_prize2: !isEmpty(prize[formKey]) && prize[formKey].extra_equal_prize2 !== undefined ? prize[formKey].extra_equal_prize2 : 0,
                                            agent_recommend_prize: !isEmpty(prize[formKey]) && prize[formKey].agent_recommend_prize !== undefined ? prize[formKey].agent_recommend_prize : 0,
                                            alone_agent_equal_prize_info: !isEmpty(prize[formKey]) && prize[formKey].alone_agent_equal_prize_info !== undefined ? prize[formKey].alone_agent_equal_prize_info : {},
                                        }
                                    });
                                });
                            }

                            let extra = {}
                            let baseExtra = JSON.parse(JSON.stringify(self.extra))
                            let extra_fields =  Object.keys(baseExtra)
                            extra_fields.forEach(function(fields, index){
                                let exists = false
                                if(!isEmpty(self.form[name]) && !isEmpty(self.form[name].extra)){
                                    if(!isEmpty(self.form[name].extra[fields])){
                                        exists = true
                                    }
                                }
                                if(!exists) {
                                    extra[fields] = {}
                                    Object.assign(extra[fields], baseExtra[fields])
                                    let ckey = Object.keys(baseExtra[fields])[0]
                                    extra[fields][name] = JSON.parse(JSON.stringify(baseExtra[fields][ckey]))
                                    baseExtra[fields].ckey = undefined
                                    extra[fields] = JSON.parse(JSON.stringify(baseExtra[fields]))
                                }else{
                                    extra[fields] = self.form[name].extra[fields]
                                }

                                if(fields == 'RegularBonus'){
                                    let detail2 = {}
                                    let prize2 = {}
                                    if(!isEmpty(self.form[name]) && !isEmpty(self.form[name].extra) && !isEmpty(self.form[name].extra[fields]) && !isEmpty(self.form[name].extra[fields][name]) && !isEmpty(self.form[name].extra[fields][name].detail)){
                                        prize2 = self.form[name].extra[fields][name]['detail']
                                    }
                                    if (data) {
                                        Object.keys(data).forEach(function(key) {
                                            let formKey = data[key].level
                                            Object.assign(detail2, {
                                                [formKey]: {
                                                    level: data[key].level,
                                                    agent_team_prize: !isEmpty(prize2[formKey]) && prize2[formKey].agent_team_prize !== undefined ? prize2[formKey].agent_team_prize : 0,
                                                    agent_equal_prize: !isEmpty(prize2[formKey]) && prize2[formKey].agent_equal_prize !== undefined ? prize2[formKey].agent_equal_prize : 0,
                                                    agent_over_prize: !isEmpty(prize2[formKey]) && prize2[formKey].agent_over_prize !== undefined ? prize2[formKey].agent_over_prize : 0,
                                                }
                                            });
                                        });
                                        if(!isEmpty(extra[fields]) && !isEmpty(extra[fields][name])){
                                            extra[fields][name]['detail'] = detail2
                                        }
                                    }
                                }
                            })

                            self.install = {
                                is_participate: !isEmpty(self.form[name]) && self.form[name].is_participate !== undefined ? self.form[name].is_participate : 1,
                                is_enable: !isEmpty(self.form[name]) && self.form[name].is_enable !== undefined ? self.form[name].is_enable : 0,
                                is_percent_team: !isEmpty(self.form[name]) && self.form[name].is_percent_team !== undefined ? self.form[name].is_percent_team : 0,
                                is_percent_equal: !isEmpty(self.form[name]) && self.form[name].is_percent_equal !== undefined ? self.form[name].is_percent_equal : 0,
                                is_percent_over: !isEmpty(self.form[name]) && self.form[name].is_percent_over !== undefined ? self.form[name].is_percent_over : 0,
                                is_percent_extra: !isEmpty(self.form[name]) && self.form[name].is_percent_extra !== undefined ? self.form[name].is_percent_extra : 0,
                                is_percent_drainage_subsidy: !isEmpty(self.form[name]) && self.form[name].is_percent_drainage_subsidy !== undefined ? self.form[name].is_percent_drainage_subsidy : 0,
                                is_percent_team_subsidy: !isEmpty(self.form[name]) && self.form[name].is_percent_team_subsidy !== undefined ? self.form[name].is_percent_team_subsidy : 0,
                                is_enable_recommend:!isEmpty(self.form[name]) && self.form[name].is_enable_recommend !== undefined ? self.form[name].is_enable_recommend : 0,
                                is_percent_recommend: !isEmpty(self.form[name]) && self.form[name].is_percent_recommend !== undefined ? self.form[name].is_percent_recommend : 0,
                                item_type: !isEmpty(self.form[name]) && self.form[name].item_type !== undefined ? self.form[name].item_type : 'goods',
                                commission_type: name,
                                detail: detail,
                                is_alone_agent_equal_prize: !isEmpty(self.form[name]) && self.form[name].is_alone_agent_equal_prize !== undefined ? self.form[name].is_alone_agent_equal_prize : 0,
                                alone_agent_equal_prize_type: !isEmpty(self.form[name]) && self.form[name].alone_agent_equal_prize_type !== undefined ? self.form[name].alone_agent_equal_prize_type : 0,
                                is_equal_by_upgrade: !isEmpty(self.form[name]) && self.form[name].is_equal_by_upgrade !== undefined ? self.form[name].is_equal_by_upgrade : 0,
                                is_self_buy_alone: !isEmpty(self.form[name]) && self.form[name].is_self_buy_alone !== undefined ? self.form[name].is_self_buy_alone : 0,
                                is_self_buy: !isEmpty(self.form[name]) && self.form[name].is_self_buy !== undefined ? self.form[name].is_self_buy : 0,
                                enable_goods_deduct: !isEmpty(self.form[name]) && self.form[name].enable_goods_deduct !== undefined ? self.form[name].enable_goods_deduct : 0,
                                is_enable_regular_bonus: !isEmpty(self.form[name]) && self.form[name].is_enable_regular_bonus !== undefined ? self.form[name].is_enable_regular_bonus : 0,
                                extra,
                            };
                            this.$set(self.form, name, JSON.parse(JSON.stringify(self.install)));
                        }
                    }
                }
            },
            form: {
                deep: true,
                immediate: true,
                handler(value) {
                    this.$emit("change", JSON.stringify(value), "Agent");
                }
            },
        },
        created(){
            this.getGoodsModeSetting()
        },
        mounted() {
            console.log('mounted', this.setting)
        },
        methods: {
            handleClick(tab, event) {
                this.page = tab.index;
                console.log(tab, event);
            },
            participate(data) {
                for(let name in this.form) {
                    this.form[name].is_participate = data
                }
            },
            changeSwitch(data,field) {
                for(let name in this.form) {
                    if(this.form[name].is_participate){
                        this.$set(this.form[name], field, data);
                    }
                }
            },

            handleEnableRegularBonus(data) {
                for(let name in this.form) {
                    if(name == 'commission'){
                        this.form[name].is_enable_regular_bonus = data
                    }
                }
            },
            getGoodsModeSetting() {
                request({
                    params: {
                        r: 'agent/default/goods-mode-setting',
                    },
                    method: 'post',
                    data: {}
                }).then(e => {
                    if (e.data.code == 0) {
                        this.is_install_regular_bonus = e.data.data.is_install_regular_bonus
                    }
                })
            },
        }
    });
</script>