admin/plugins/red-packet/views/widget/marketing/redPacket.js

60 lines
2.3 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

define({
name:"redPacket",
template:`
<div>
<el-form>
<div class="vue-main-title">
<div class="vue-main-title-left"></div>
<div class="vue-main-title-content">每日红包设置</div>
</div>
<div style="margin:0 auto;width:80%;">
<el-form-item class="rad" label="消费获取红包额度" label-width="180px">
<el-radio v-model="form.item.is_open" :label="1">开启</el-radio>
<el-radio v-model="form.item.is_open" :label="0">关闭</el-radio>
<div class="form-item_tips">默认关闭,开启后,用户购买该商品即可获得商品订单实际支付金额*红包额度比例的红包额度奖励;</div>
</el-form-item>
<el-form-item label="消费获得红包额度独立比例" label-width="180px" prop="giveMoney">
<el-input v-model="form.item.scale" maxlength="300">
<template slot="append">%</template>
</el-input>
<div class="form-item_tips">如果为0或者为空开启消费获得红包额度功能后取每日红包基础设置中消费获得红包额度百分比计算获得的红包额度</div>
<div class="form-item_tips">如果设置了独立比例,则取独立比例计算获得的红包额度。</div>
</el-form-item>
<el-form-item label="红包总额独立比例" label-width="180px" prop="giveMoney">
<el-input v-model="form.item.scale_all" maxlength="300">
<template slot="append">%</template>
</el-input>
<span class="form-item_tips">如果为0或者为空开启消费获得红包额度功能后取每日红包基础设置中【红包总额比例】百分比计算红包总额</span><br/>
<span class="form-item_tips">如果设置了独立比例,则取独立比例计算红包总额</span>
</el-form-item>
</div>
</el-form>
</div>
`,
style:`
`,
props: {
form: {
default() {
return {}
}
}
},
data(){
return{}
},
mounted() {
if(this.form.item.scale == undefined){
this.$set(this.form.item,'scale',0)
}
},
methods: {
validate(){
return {
scale:this.form.item.scale,
scale_all:this.form.item.scale_all,
is_open:this.form.item.is_open
}
}
},
})