qimall/addons/ShortVideo/backend/views/goods/com-short-video.php

<template id="com-short-video">
    <div class="com-short-video">
        <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>
                        <div v-if="setting.is_alone==1">
                            <el-radio v-model="setting.detail.calculate_type" :label="1">百分比</el-radio>
                            <el-radio v-model="setting.detail.calculate_type" :label="2">固定金额</el-radio>
                        </div>
                    </el-form-item>
                    <el-form-item v-if="setting.is_alone==1" style="width: 500px;" label="" prop="calculate_type">
                        <el-input v-if="setting.detail.calculate_type==1" type="number" :min="0" :max="100"
                            class="member-money" v-model="setting.detail.value" placeholder="">
                            <template slot="append">%</template>
                        </el-input>
                        <el-input v-if="setting.detail.calculate_type==2" type="number" :min="0" :max="100"
                            class="member-money" v-model="setting.detail.value" placeholder="">
                            <template slot="append">元</template>
                        </el-input>
                    </el-form-item>
                </div>
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-short-video', {
        template: "#com-short-video",
        props: {
            goods: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            level_arr: {
                type: Object,
                default: () => {
                    return {};
                }
            },
            setting: {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        data() {
            return {
                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), "ShortVideo");
                }
            }
        },
    });
</script>