qimall/backend/modules/mall/views/setting/order/marketing.php

<template id="marketing">
<div class="goods-marketing">
    <el-card class="edit-card" shadow="never">
        <div slot="header" class="clearfix">
            <div class="card-title">营销设置</div>
        </div>
        <el-form-item label="开启营销设置">
            <template>
                <el-switch v-model="ruleForm.marketing.enable_marketing.value" :active-value="1" :inactive-value="0" @change="marketingOpen">
                </el-switch>
                <p class="tips-text">需开启下方对应营销开关生效，且如同订单下商品存在独立设置优先</p>
            </template>
        </el-form-item>
        <div v-if="ruleForm.marketing.enable_marketing.value == 1">
            <el-form-item label="商品类型" :rules="[{ required: true, message: '商品类型必须选择一项'}]">
                <el-col :span="12">
                    <el-checkbox-group v-model="ruleForm.marketing.score_give_setting.value.score_giving_goods_type">
                        <el-checkbox label="0">平台商品</el-checkbox>
                        <el-checkbox label="1">多商户商品</el-checkbox>
                    </el-checkbox-group>
                </el-col>
            </el-form-item>
            <el-form-item label="触发条件:">
                订单消费满
                <el-input placeholder="请输入金额" class="width-200" v-model="ruleForm.marketing.total_price.value" onInput="value = toNumber(value, 2)">
                    <template slot="append">元</template>
                </el-input>
                <p class="tips-text">订单总消费满足该金额，且开启赠送优惠券、余额、积分、红包，则触发赠送</p>
            </el-form-item>
            <el-form-item label="结算方式:">
                <el-radio-group v-model="ruleForm.marketing.settlement.value">
                    <el-radio :label="1">支付完成</el-radio>
                    <el-radio :label="2">订单完成</el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="开启积分赠送">
                <template>
                    <el-switch v-model="ruleForm.marketing.enable_give_score.value" :active-value="1" :inactive-value="0">
                    </el-switch>
                    <p class="tips-text">开关开启以后,积分赠送配置生效</p>
                </template>
            </el-form-item>
            <el-form-item label="计算方式" v-if="ruleForm.marketing.enable_give_score.value == 1">
                <el-radio-group v-model="ruleForm.marketing.score_give_setting.value.score_giving_calculation">
                    <el-radio :label="'0'">实付金额</el-radio>
                    <el-radio :label="'1'">商品利润</el-radio>
                    <el-radio :label="'2'">商品售价</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="积分赠送:" v-if="ruleForm.marketing.enable_give_score.value == 1">
                <div>
                    <el-radio-group v-model="ruleForm.marketing.score_give_setting.value.give_type" @change="handleGiveTypeChange('score_give_setting')">
                        <el-radio :label="'1'">固定值</el-radio>
                        <el-radio :label="'2'">百分比</el-radio>
                    </el-radio-group>
                </div>
                <el-input placeholder="请输入积分赠送数量" class="width-200" v-model="ruleForm.marketing.score_give_setting.value.give_num" @input="formatGiveNumber(ruleForm.marketing.score_give_setting.value.give_num, 'score_give_setting')">
                    <template slot="append">{{ ruleForm.marketing.score_give_setting.value.give_type == "1" ? '积分' : '%'}}</template>
                </el-input>
                <p class="tips-text">积分赠送百分比只能设置整数，固定值可设置两位小数</p>
                <p class="tips-text">用户购物赠送的积分, 如果为百分比则按售价的比例计算积分</p>
                <p class="tips-text">如: 设置10 积分, 不管售价是多少， 则购买后获得10积分</p>
                <p class="tips-text">如: 设置10%积分, 如售价200， 则购买后获得20积分（200*10%）</p>
            </el-form-item>

            <el-form-item label="开启余额赠送">
                <template>
                    <el-switch v-model="ruleForm.marketing.enable_give_balance.value" :active-value="1" :inactive-value="0">
                    </el-switch>
                    <p class="tips-text">开关开启以后,余额赠送配置生效</p>
                </template>
            </el-form-item>
            <el-form-item label="余额赠送:" v-if="ruleForm.marketing.enable_give_balance.value == 1">
                <div>
                    <el-radio-group v-model="ruleForm.marketing.balance_give_setting.value.give_type" @change="handleGiveTypeChange('balance_give_setting')">
                        <el-radio :label="'1'">固定值</el-radio>
                        <el-radio :label="'2'">百分比</el-radio>
                    </el-radio-group>
                </div>
                <el-input placeholder="请输入余额赠送数量" class="width-200" v-model="ruleForm.marketing.balance_give_setting.value.give_num" @input="formatGiveNumber(ruleForm.marketing.balance_give_setting.value.give_num, 'balance_give_setting')">
                    <template slot="append">{{ ruleForm.marketing.balance_give_setting.value.give_type == 1 ? '余额' : '%'}}</template>
                </el-input>
                <p class="tips-text">用户购物赠送的余额, 如果为百分比则按售价的比例计算余额</p>
                <p class="tips-text">如: 设置10 余额, 不管售价是多少， 则购买后获得10余额</p>
                <p class="tips-text">如: 设置10%余额, 如售价200， 则购买后获得20余额（200*10%）</p>
            </el-form-item>
            <div v-if="ruleForm.marketing.is_installed_redpack.value == 1">
                <el-form-item label="开启红包赠送">
                    <template>
                        <el-switch v-model="ruleForm.marketing.enable_give_redpack.value" :active-value="1" :inactive-value="0">
                        </el-switch>
                        <p class="tips-text">开关开启以后,红包赠送配置生效</p>
                    </template>
                </el-form-item>

                <el-form-item label="红包赠送:" v-if="ruleForm.marketing.enable_give_redpack.value == 1">
                    <div>
                        <el-radio-group v-model="ruleForm.marketing.redpack_give_setting.value.give_type" @change="handleGiveTypeChange('redpack_give_setting')">
                            <el-radio :label="'1'">固定值</el-radio>
                            <el-radio :label="'2'">百分比</el-radio>
                        </el-radio-group>
                    </div>
                    <el-input placeholder="请输入红包赠送数量" class="width-200" v-model="ruleForm.marketing.redpack_give_setting.value.give_num" @input="formatGiveNumber(ruleForm.marketing.redpack_give_setting.value.give_num, 'redpack_give_setting')">
                        <template slot="append">{{ ruleForm.marketing.redpack_give_setting.value.give_type == 1 ? '红包' : '%'}}</template>
                    </el-input>
                    <p class="tips-text">红包赠送百分比只能设置整数，固定值可设置两位小数</p>
                    <p class="tips-text">用户购物赠送的红包, 如果为百分比则按售价的比例计算红包</p>
                    <p class="tips-text">如: 设置10 红包, 不管售价是多少， 则购买后获得10红包</p>
                    <p class="tips-text">如: 设置10%红包, 如售价200， 则购买后获得20红包（200*10%）</p>
                </el-form-item>
            </div>
            <div v-if="ruleForm.marketing.is_install_coupon.value == 1">
                <el-form-item label="开启优惠券赠送" >
                    <template>
                        <el-switch v-model="ruleForm.marketing.enable_give_coupon.value" :active-value="1" :inactive-value="0">
                        </el-switch>
                        <p class="tips-text">开关开启以后,优惠券赠送配置生效</p>
                    </template>
                </el-form-item>

                <el-card shadow="never" style = "margin-left:150px;" v-show="ruleForm.marketing.enable_give_coupon.value == 1">
                    <el-form-item label="选择优惠券" style="margin-left:10px;">
                        <el-button type="primary" size="mini" @click="handle('coupon_select')">选择优惠券</el-button>
                    </el-form-item>
                    <el-form-item label="已选优惠券">
                        <el-row :gutter="3">
                            <el-col :span="5" v-for="(item,index) in ruleForm.marketing.coupon_give_setting.value.multiple_selection" :key="index">
                                <el-card shadow="always" style="position: relative; margin-right: 10px; margin-bottom:10px;">
                                    <div>{{item.name}}</div>
                                    <div>优惠方式:{{ item.discount_method }}</div>
                                    <div>赠送数量：<span>{{item.num}}</span></div>
                                    <el-button type="danger" icon="el-icon-delete" circle style="position: absolute; right: 8px;top: 10px;" @click="handle('coupon_delete', index)"></el-button>
                                </el-card>
                            </el-col>
                        </el-row>
                    </el-form-item>
                </el-card>
            </div>
        </div>
    </el-card>

    <coupon-select :coupon-loading="couponLoading" :coupon_arr="ruleForm.marketing.coupon_give_setting.value.multiple_selection" @submit="handleCoupon" @close="couponLoading = false"></coupon-select>
</div>
</template>