qimall/addons/ScoreBonus/backend/views/goods/com-score-bonus.php

<template id="com-score-bonus">
    <div class="com-score-bonus">
        <el-card class="edit-card" shadow="never">
            <el-form :model="form" size="small">
                <el-tabs v-model="activeName">
                    <div v-for="(config,key) in form">
                        <el-form-item label="是否独立设置" prop="is_alone">
                            <el-switch :active-value="1" :inactive-value="0" v-model="config.is_alone"></el-switch>
                            <div class="tips-text">开启后，该商品按独立设置的奖励分出，不受其它位置的配置影响</div>
                        </el-form-item>
                        <el-form-item v-if="config.is_alone==1" style="width: 500px;" label="" prop="calculate_type">
                            <label slot="label">投放比例
                                <el-tooltip class="item" effect="dark" content="平台营业额投放比例" placement="top">
                                    <i class="el-icon-info"></i>
                                </el-tooltip>
                            </label>
                            <span style="color: #333;">
                                平台营业额
                                <el-input type="number" size="small" style="width:150px; margin-left:5px; margin-right:5px;" v-model="config.detail.value">
                                    <template slot="append">%</template>
                                </el-input>
                                投放到分红
                            </span>
                            <br />
                            <div class="tips-text" style="line-height: 24px;">
                                分红池金额：营业额*N%=分红池金额
                            </div>
                        </el-form-item>
                    </div>
                </el-tabs>
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-score-bonus', {
        template: "#com-score-bonus",
        props: {
            setting: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            commission_type_map: {
                type: Object,
                default: () => {
                    return {};
                }
            }
        },
        data() {
            return {
                activeName: 'commission',
                form: {
                    commission: {
                        is_enable: 0,
                        is_alone: 0,
                        item_type: 'goods',
                        commission_type: 'commission',
                        detail: {
                            calculate_type: 1,
                            value: 0
                        }
                    }
                },
            }
        },
        watch: {
            setting: {
                deep: true,
                immediate: true,
                handler(value) {
                    if (!isEmpty(value)) {
                        this.form = value;
                    }
                }
            },
            form: {
                deep: true,
                immediate: true,
                handler(value) {
                    this.$emit("change", JSON.stringify(value), "ScoreBonus");
                }
            },
        },
    });
</script>