qimall/addons/HiGo/backend/views/goods/com-higo.php

<template id="com-higo">
    <div class="com-higo">
        <el-card class="edit-card" shadow="never">

            <el-form :model="form" size="small">
                <el-col :span="12">
                    <el-card shadow="always">
                        <div slot="header" class="clearfix">
                            <div class="card-title">嗨值赠送/抵扣设置<span class="card-sub-title"></span></div>
                        </div>
                        <!-- 嗨值开始 -->
                        <el-form-item label="嗨值赠送" label-width="108px">
                            <el-switch :active-value="1" :inactive-value="0" v-model="form.hi_value.is_enable"></el-switch>
                        </el-form-item>
                        <template v-if="form.hi_value.is_enable == 1">
                            <el-form-item label="赠送金额" label-width="108px">
                                <el-col :span="14">
                                    <el-input placeholder="请输入赠送嗨值金额" style="margin-right: 10px;" class="width-350" v-model="form.hi_value.give" onInput="value = toNumber(value, 2)">
                                        <template slot="append">{{ form.hi_value.is_percent == 0 ? '枚' : '%' }}</template>
                                    </el-input>
                                </el-col>
                            </el-form-item>
                            <el-form-item label="赠送类型" label-width="108px">
                                <el-radio v-model="form.hi_value.is_percent" :label="0">固定值</el-radio>
                                <el-radio v-model="form.hi_value.is_percent" :label="1">百分比</el-radio>
                            </el-form-item>
                            <el-form-item label="结算方式" label-width="108px">
                                <el-radio-group v-model="form.hi_value.settlement_method">
                                    <el-radio :label="0">支付完成后</el-radio>
                                    <el-radio :label="1">订单完成后</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="抵扣金额" label-width="108px">
                                <el-col :span="14">
                                    <el-input placeholder="请输入抵扣金额" class="width-350" v-model="form.hi_value.deduct_money" onInput="value = toNumber(value, 2)">
                                        <template slot="prepend">最多抵扣</template>
                                        <template slot="append">枚</template>
                                    </el-input>
                                </el-col>
                                <br />
                                <p class="tips-text">如果设置0，则不支持抵扣</p>
                            </el-form-item>
                            <el-form-item label="抵扣方式" label-width="108px">
                                <el-radio-group v-model="form.hi_value.deduct_type">
                                    <el-radio :label="1">单件抵扣</el-radio>
                                    <el-radio :label="2">多件累计抵扣</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </template>

                        <!-- 嗨值结束 -->
                    </el-card>
                </el-col>
                <el-col :span="12" style="margin-bottom:10px;">
                    <el-card shadow="always">
                        <div slot="header" class="clearfix">
                            <div class="card-title">嗨贝赠送/抵扣设置<span class="card-sub-title"></span></div>
                        </div>
                        <!-- 嗨贝开始 -->
                        <el-form-item label="嗨贝赠送" label-width="108px">
                            <el-switch :active-value="1" :inactive-value="0" v-model="form.hi_bei.is_enable"></el-switch>
                        </el-form-item>
                        <template v-if="form.hi_bei.is_enable == 1">
                            <el-form-item label="赠送金额" label-width="108px">
                                <el-col :span="14">
                                    <el-input placeholder="请输入赠送嗨贝金额" style="margin-right: 10px;" class="width-350" v-model="form.hi_bei.give" onInput="value = toNumber(value, 2)">
                                        <template slot="append">{{ form.hi_bei.is_percent == 0 ? '枚' : '%' }}</template>
                                    </el-input>
                                </el-col>
                            </el-form-item>
                            <el-form-item label="赠送类型" label-width="108px">
                                <el-radio v-model="form.hi_bei.is_percent" :label="0">固定值</el-radio>
                                <el-radio v-model="form.hi_bei.is_percent" :label="1">百分比</el-radio>
                            </el-form-item>
                            <el-form-item label="结算方式" label-width="108px">
                                <el-radio-group v-model="form.hi_bei.settlement_method">
                                    <el-radio :label="0">支付完成后</el-radio>
                                    <el-radio :label="1">订单完成后</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="抵扣金额" label-width="108px">
                                <el-col :span="14">
                                    <el-input placeholder="请输入抵扣金额" class="width-350" v-model="form.hi_bei.deduct_money" onInput="value = toNumber(value, 2)">
                                        <template slot="prepend">最多抵扣</template>
                                        <template slot="append">枚</template>
                                    </el-input>
                                </el-col>
                                <br />
                                <p class="tips-text">如果设置0，则不支持抵扣</p>
                            </el-form-item>
                            <el-form-item label="抵扣方式" label-width="108px">
                                <el-radio-group v-model="form.hi_bei.deduct_type">
                                    <el-radio :label="1">单件抵扣</el-radio>
                                    <el-radio :label="2">多件累计抵扣</el-radio>
                                </el-radio-group>
                            </el-form-item>
                        </template>

                        <!-- 嗨贝结束 -->
                    </el-card>
                </el-col>
            </el-form>
        </el-card>
    </div>
</template>
<script>
    Vue.component('com-higo', {
        template: "#com-higo",
        props: {
            goods_id: {
                type: Number | String,
                default: 0
            },
            source: {
                type: String,
                default: 'Main'
            },
            source_id: {
                type: Number | String,
                default: 0
            },
        },
        data() {
            return {
                form: {
                    hi_value: {
                        is_enable: 0,
                        wallet_type: 'hi_value',
                        is_percent: 1,
                        give: 0,
                        deduct_money: 0,
                        deduct_type: 1,
                        settlement_method: 0,
                        source_id: 0,
                        source: 'Main'
                    },
                    hi_bei: {
                        is_enable: 0,
                        wallet_type: 'hi_bei',
                        is_percent: 1,
                        give: 0,
                        deduct_money: 0,
                        deduct_type: 1,
                        settlement_method: 0,
                        source_id: 0,
                        source: 'Main'
                    },
                }
            }
        },
        watch: {
            form: {
                deep: true,
                immediate: true,
                handler(value) {
                    this.form.hi_value.source = this.source;
                    this.form.hi_value.source_id = this.source_id;
                    this.form.hi_bei.source = this.source;
                    this.form.hi_bei.source_id = this.source_id;
                    this.$emit("select", {
                        HiGo: this.form
                    });
                }
            }
        },
        mounted: function() {
            if (this.goods_id) this.redpack();
        },
        methods: {
            //优惠券列表
            redpack() {
                request({
                    params: {
                        r: 'hi-go/default/goods-setting',
                    },
                    method: 'post',
                    data: {
                        goods_id: this.goods_id,
                        source_id: this.source_id,
                        source: this.source
                    }
                }).then(e => {
                    if (e.data.code == 0 && !isEmpty(e.data.data)) {
                        e.data.data.forEach((item) => {
                            if (item.wallet_type == 'hi_bei') this.form.hi_bei = item;
                            if (item.wallet_type == 'hi_value') this.form.hi_value = item;
                        });
                    }
                })
            },
        }
    });
</script>