qimall/addons/Redpack/backend/views/goods/com-redpack.php

<template id="com-redpack">
    <div class="com-redpack">
        <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="冻结红包" label-width="80px">
                    <el-switch :active-value="1" :inactive-value="0" v-model="form.frozen_redpack.is_enable"></el-switch>
                </el-form-item>

                <el-form-item label="" label-width="80px">
                    <el-input placeholder="请输入赠送红包金额" style="margin-right: 10px;" class="width-350" v-model="form.frozen_redpack.give" onInput="value = toNumber(value, 2)">
                        <template slot="prepend">赠送红包</template>
                        <template slot="append">{{ form.frozen_redpack.is_percent == 0 ? '元' : '%' }}</template>
                    </el-input>

                    <el-radio v-model="form.frozen_redpack.is_percent" :label="0">固定值</el-radio>
                    <el-radio v-model="form.frozen_redpack.is_percent" :label="1">百分比</el-radio>
                </el-form-item>

                <el-form-item label="" label-width="80px">
                    <el-input placeholder="请输入抵扣金额" style="margin-right: 10px;" class="width-350" v-model="form.frozen_redpack.deduct_money" onInput="value = toNumber(value, 2)">
                        <template slot="prepend">最多抵扣</template>
                        <template slot="append">{{ form.frozen_redpack.is_deduct_percent == 0 ? '元' : '%' }}</template>
                    </el-input>

                    <el-radio v-model="form.frozen_redpack.is_deduct_percent" :label="0">固定值</el-radio>
                    <el-radio v-model="form.frozen_redpack.is_deduct_percent" :label="1">百分比</el-radio>

                    <p class="tips-text">如果设置0，则不支持抵扣</p>
                    <div>
                        <el-radio-group v-model="form.frozen_redpack.deduct_type">
                            <el-radio :label="1">单件抵扣</el-radio>
                            <el-radio :label="2">多件累计抵扣</el-radio>
                        </el-radio-group>
                    </div>
                </el-form-item>
                <!-- 冻结红包结束 -->

                <!-- 激活红包开始 -->
                <el-form-item label="激活红包" label-width="80px">
                    <el-switch :active-value="1" :inactive-value="0" v-model="form.redpack.is_enable"></el-switch>
                </el-form-item>

                <el-form-item label="" label-width="80px">
                    <el-input placeholder="请输入赠送红包金额" style="margin-right: 10px;" class="width-350" v-model="form.redpack.give" onInput="value = toNumber(value, 2)">
                        <template slot="prepend">赠送红包</template>
                        <template slot="append">{{ form.redpack.is_percent == 0 ? '元' : '%' }}</template>
                    </el-input>

                    <el-radio v-model="form.redpack.is_percent" :label="0">固定值</el-radio>
                    <el-radio v-model="form.redpack.is_percent" :label="1">百分比</el-radio>
                </el-form-item>

                <el-form-item label="" label-width="80px">
                    <el-input placeholder="请输入抵扣金额" style="margin-right: 10px;" class="width-350" v-model="form.redpack.deduct_money" onInput="value = toNumber(value, 2)">
                        <template slot="prepend">最多抵扣</template>
                        <template slot="append">{{ form.redpack.is_deduct_percent == 0 ? '元' : '%' }}</template>
                    </el-input>

                    <el-radio v-model="form.redpack.is_deduct_percent" :label="0">固定值</el-radio>
                    <el-radio v-model="form.redpack.is_deduct_percent" :label="1">百分比</el-radio>

                    <p class="tips-text">如果设置0，则不支持抵扣</p>
                    <div>
                        <el-radio-group v-model="form.redpack.deduct_type">
                            <el-radio :label="1">单件抵扣</el-radio>
                            <el-radio :label="2">多件累计抵扣</el-radio>
                        </el-radio-group>
                    </div>
                </el-form-item>
                <!-- 激活红包结束 -->
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-redpack', {
        template: "#com-redpack",
        props: {
            goods_id: {
                type: Number | String,
                default: 0
            }
        },
        data() {
            return {
                form: {
                    frozen_redpack: {
                        redpack_wallet_type: 'frozen_redpack',
                        is_enable: 0,
                        is_percent: 1,
                        is_deduct_percent: 0,
                        give: 0,
                        deduct_money: 0,
                        deduct_type: 1,
                    },
                    redpack: {
                        redpack_wallet_type: 'redpack',
                        is_enable: 0,
                        is_percent: 1,
                        is_deduct_percent: 0,
                        give: 0,
                        deduct_money: 0,
                        deduct_type: 1,
                    },
                }
            }
        },
        watch: {
            form:{
                deep:true,
                immediate: true,
                handler(value){
                    this.$emit("select", {Redpack: this.form});
                }
            }
        },
        mounted: function() {
            if (this.goods_id) this.redpack();
        },
        methods: {
            //优惠券列表
            redpack() {
                request({
                    params: {
                        r: 'redpack/default/goods-setting',
                    },
                    method: 'post',
                    data: {
                        goods_id: this.goods_id
                    }
                }).then(e => {
                    if (e.data.code == 0 && !isEmpty(e.data.data)) {
                        e.data.data.forEach((item) => {
                            if (item.redpack_wallet_type == 'frozen_redpack') this.form.frozen_redpack = item;
                            if (item.redpack_wallet_type == 'redpack') this.form.redpack = item;
                        });
                    }
                })
            },
        }
    });
</script>