qimall/addons/Achievement/backend/views/goods/com-achievement.php

<template id="com-achievement">
    <div class="com-achievement">
        <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_join"></el-switch>
                    </el-form-item>

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

                    <!-- <el-row :gutter="16" v-if="setting.is_enable == 1"> -->
                        <template v-if="setting.is_enable == 1">
                            <el-form-item label="商品业绩奖励类型" prop="is_percent">
                                <el-radio-group v-model="setting.is_percent">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="商品参与业绩奖励额度">
                                <el-form-item label="商品实付金额（不含运费）" prop="price" style="width: 400px;">
                                    <el-input type="number" oninput="this.value = this.value.replace(/[^0-9\.]/, '');"
                                        min="0" max="99" v-model="setting.price">
                                        <template slot="append" v-if="setting.is_percent == 0">%</template>
                                        <template slot="append" v-if="setting.is_percent == 1">元</template>
                                    </el-input>
                                </el-form-item>
                            </el-form-item>
                        </template>
                        <!-- <el-form-item label="是否独立分红设置" prop="is_alone_bonus">
                            <el-switch :active-value="1" :inactive-value="0" v-model="setting.is_alone_bonus"></el-switch>
                        </el-form-item> -->
                        <!-- <template v-if="setting.is_alone_bonus">
                            <el-form-item label="奖励类型" prop="is_alone_bonus_percent">
                                <el-radio-group v-model="setting.is_alone_bonus_percent">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定金额</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="商品独立分红金额">
                                <el-form-item label="商品售价" prop="alone_bonus" style="width: 400px;">
                                    <el-input type="number" oninput="this.value = this.value.replace(/[^0-9\.]/, '');"
                                        min="0" max="99" v-model="setting.alone_bonus">
                                        <template slot="append" v-if="setting.is_alone_bonus_percent == 0">%</template>
                                        <template slot="append" v-if="setting.is_alone_bonus_percent == 1">元</template>
                                    </el-input>
                                </el-form-item>
                            </el-form-item>
                        </template> -->
                        <!-- <template v-if="setting.is_alone_bonus == 1"> -->
                            <el-form-item label="是否开启独立平级奖励" prop="is_alone_equal">
                                <el-switch :active-value="1" :inactive-value="0" v-model="setting.is_alone_equal"></el-switch>
                            </el-form-item>
                            <template v-if="setting.is_alone_equal">
<!--                                <el-form-item label="奖励方式" prop="equal_type">-->
<!--                                    <el-radio-group v-model="setting.equal_type">-->
<!--                                        <el-radio :label="0">业绩计算奖励</el-radio>-->
<!--                                        <el-radio :label="1">团长奖励计算</el-radio>-->
<!--                                    </el-radio-group>-->
<!--                                </el-form-item>-->
                                <el-form-item label="计算方式" prop="is_alone_equal_percent">
                                    <el-radio-group v-model="setting.is_alone_equal_percent">
                                        <el-radio :label="0">百分比</el-radio>
                                        <el-radio :label="1">固定金额</el-radio>
                                    </el-radio-group>
                                </el-form-item>
                                <el-form-item label="一层平级奖励">
                                    <el-form-item label="" prop="alone_equal_first" style="width: 400px;">
                                        <el-input type="number" oninput="this.value = this.value.replace(/[^0-9\.]/, '');"
                                            min="0" max="99" v-model="setting.alone_equal_first">
                                            <template slot="append" v-if="setting.is_alone_equal_percent == 0">%</template>
                                            <template slot="append" v-if="setting.is_alone_equal_percent == 1">元</template>
                                        </el-input>
                                    </el-form-item>
                                </el-form-item>
                                <el-form-item label="二层平级奖励">
                                    <el-form-item label="" prop="alone_equal_second" style="width: 400px;">
                                        <el-input type="number" oninput="this.value = this.value.replace(/[^0-9\.]/, '');"
                                            min="0" max="99" v-model="setting.alone_equal_second">
                                            <template slot="append" v-if="setting.is_alone_equal_percent == 0">%</template>
                                            <template slot="append" v-if="setting.is_alone_equal_percent == 1">元</template>
                                        </el-input>
                                    </el-form-item>
                                </el-form-item>
                            </template>
                        <!-- </template> -->
                    <!-- </el-row> -->
                </div>
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-achievement', {
        template: "#com-achievement",
        props: {
            goods: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            setting: {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        data() {
            return {
                form: {
                    commission: {
                        is_join: 1,
                        is_enable: 0,
                        is_alone: 0,
                        price:0,
                        item_type: 'goods',
                        commission_type: 'commission',
                        is_extra: 0,
                        detail: {},
                        equal_type:0,
                        is_alone_equal:0,
                        is_alone_equal_percent:0,
                        alone_equal_first:0,
                        alone_equal_second: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), "Achievement");
                }
            }
        }
    });
</script>