qimall/addons/BossWeight/backend/views/goods/com-boss.php

<template id="com-boss">
    <div class="com-boss">
        <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">
                <div v-for="(setting,index) in form">
                <el-form-item label="商品是否参与股东分红" prop="is_enable">
                    <el-switch :active-value="1" :inactive-value="0" v-model="setting.is_enable"></el-switch>
                </el-form-item>

                <el-form-item label="是否独立设置" prop="is_alone">
                    <el-switch :active-value="1" :inactive-value="0" v-model="setting.is_alone"></el-switch>
                </el-form-item>

                <el-row :gutter="16" v-if="setting.is_alone == 1">
                    <el-col :span="8">
                        <el-card shadow="always">
                            <!--永久分红设置 -->
                            <div slot="header" class="clearfix">
                                <span>永久分红</span>
                            </div>

                            <el-form-item>
                                <el-col :span="24">
                                    <el-row>
                                        <el-col :span="5"><div class="grid-content bg-purple">股东等级</div></el-col>
                                        <el-col :span="18"><div class="grid-content bg-purple-light">提成比例</div></el-col>
                                    </el-row>

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

                                        <el-col :span="18">
                                            <el-input type="number" v-model="setting.detail[item.level].prize" placeholder="输入数值">
                                                <template slot="append">%</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>开启额外分红</span>
                                <el-switch :active-value="1" :inactive-value="0" v-model="setting.is_extra" style="margin-left: 10px;"></el-switch>
                            </div>

                            <!-- 额外分红设置 -->
                            <el-form-item>
                                <el-col :span="24">
                                    <el-row>
                                        <el-col :span="5"><div class="grid-content bg-purple">股东等级</div></el-col>
                                        <el-col :span="18"><div class="grid-content bg-purple-light">额外分红比例</div></el-col>
                                    </el-row>

                                    <el-row v-for="(item,index) in level_arr.Boss" :key="index" style="margin-bottom:10px">
                                        <el-col :span="5">{{ item.name }}</el-col>
                                        <el-col :span="18">
                                            <el-input type="number" v-model="setting.detail[item.level].extra_prize" placeholder="输入数值">
                                                <template slot="append">%</template>
                                            </el-input>
                                        </el-col>
                                    </el-row>
                                </el-col>
                            </el-form-item>
                        </el-card>
                    </el-col>
                </el-row>
                </div>
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-boss', {
        template: "#com-boss",
        props: {
            goods: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            level_arr: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            setting: {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        data() {
            return {
                form: {
                    commission: {
                        is_enable: 1,
                        is_alone: 0,
                        item_type: 'goods',
                        commission_type: 'commission',
                        is_extra: 0,
                        detail: {}
                    }
                }
            }
        },
        watch: {
            setting: {
                deep:true,
                immediate: true,
                handler(value){
                    if (!isEmpty(value)) {
                        this.form = value;
                    }
                }
            },
            level_arr: {
                deep:true,
                immediate: true,
                handler(value){
                    if (!isEmpty(value)) {
                        var data = value.Boss;
                        let detail = {};
                        var prize = isEmpty(this.form) ? {} : this.form.commission.detail;
                        Object.keys(data).forEach(function (key) {
                            var formKey = data[key].level;
                            Object.assign(detail, {
                                [formKey]: {
                                    level: data[key].level,
                                    prize: prize[formKey] ? prize[formKey].prize : 0,
                                    extra_prize: prize[formKey] ? prize[formKey].extra_prize : 0
                                }
                            });
                        });
                        for(let key in this.form) {
                            this.form[key].detail = detail;
                        }
                    }
                }
            },
            form:{
                deep:true,
                immediate: true,
                handler(value){
                    this.$emit("change",JSON.stringify(value),"Boss");
                }
            }
        }
    });
</script>