117 lines
5.0 KiB
JavaScript
117 lines
5.0 KiB
JavaScript
define({
|
||
name:"weight_value",
|
||
template:`
|
||
<div class="weight_value">
|
||
<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 label="是否开启" label-width="155px">
|
||
<el-radio v-model="json.is_open" :label="0">关闭</el-radio>
|
||
<el-radio v-model="json.is_open" :label="1">开启</el-radio>
|
||
<div class="form-item_tips">仅存在经销商身份的用户可以获得权重值</div>
|
||
</el-form-item>
|
||
<template v-if="json.is_open == 1">
|
||
<el-form-item label="赠送方式" label-width="155px">
|
||
<el-radio v-model="json.gift_type" :label="0">普通赠送</el-radio>
|
||
<el-radio v-model="json.gift_type" :label="1">阶梯赠送</el-radio>
|
||
<div class="form-item_tips">普通赠送：赠送指定的权重值</div>
|
||
<div class="form-item_tips">阶梯赠送：根据用户成为经销商的时间顺序排序，获取对应的权重值；超过最大名次则不赠送权重值</div>
|
||
</el-form-item>
|
||
<el-form-item label="赠送级别" label-width="155px">
|
||
<el-radio v-model="json.lv_type" :label="0">二级</el-radio>
|
||
<el-radio v-model="json.lv_type" :label="1">三级</el-radio>
|
||
<div class="form-item_tips">二级：赠送购买人、购买人上级</div>
|
||
<div class="form-item_tips">三级：赠送购买人、购买人上级、购买人上级的上级</div>
|
||
</el-form-item>
|
||
<el-form-item label="赠送数量" v-if="json.gift_type != 1" label-width="155px" prop="quantity">
|
||
<el-input v-model.trim="json.quantity" maxlength="300" type="number">
|
||
<template slot="append">权重值</template>
|
||
</el-input>
|
||
<div class="form-item_tips">如果设置为空或者0则不赠送权重值</div>
|
||
</el-form-item>
|
||
<el-form-item label="阶梯赠送" v-else label-width="155px">
|
||
<div class="ladder-content">
|
||
<div class="ladder-row" v-for="(item,index) in json.ladder" :key="index">
|
||
<el-form-item>
|
||
<el-input class="ladder-input" v-model="json.ladder[index]['where']" placeholder="名次" type="number">
|
||
<template slot="prepend">小于等于</template>
|
||
<template slot="append">名</template>
|
||
</el-input>
|
||
<el-input class="ladder-input" v-model="json.ladder[index]['num']" placeholder="权重值" type="number">
|
||
<template slot="prepend">赠送</template>
|
||
<template slot="append">权重值</template>
|
||
</el-input>
|
||
<el-button type="danger" size="medium" @click="delLadder(index)">删除</el-button>
|
||
</el-form-item>
|
||
</div>
|
||
<el-button type="primary" @click="addLadder">增加阶梯</el-button>
|
||
<div class="form-item_tips">例如：设置小于等于10赠送100权重值；小于等于32赠送120权重值。则第1~10位经销商赠送100权重值，第11~32位经销商赠送120权重值，第33位及之后所有经销商均不赠送权重值</div>
|
||
</div>
|
||
</el-form-item>
|
||
</template>
|
||
</div>
|
||
</el-form>
|
||
</div>
|
||
`,
|
||
style:`
|
||
.ladder-content{
|
||
min-width: 550px!important;
|
||
}
|
||
.ladder-content .ladder-row{
|
||
margin-bottom: 5px!important;
|
||
}
|
||
.ladder-content .ladder-row .ladder-input{
|
||
width: 230px!important;
|
||
}
|
||
`,
|
||
props: {
|
||
form: {
|
||
default() {
|
||
return {}
|
||
}
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
json: {
|
||
is_open: 0,// 是否开启购买商品赠送权重值：0=未开启，1=开启
|
||
gift_type: 0,// 赠送方式：0=赠送固定值，1=阶梯值赠送
|
||
lv_type: 0,// 赠送方式：0=二级，1=三级
|
||
quantity: 0,// 赠送数量
|
||
ladder: {},// 阶梯赠送信息
|
||
}
|
||
}
|
||
},
|
||
watch: { },
|
||
mounted() {
|
||
console.log(this.form);
|
||
if (this.form) {
|
||
let weight_value = this.form || {};
|
||
this.json.is_open = weight_value.is_open ? weight_value.is_open : 0;
|
||
this.json.gift_type = weight_value.gift_type ? weight_value.gift_type : 0;
|
||
this.json.lv_type = weight_value.lv_type ? weight_value.lv_type : 0;
|
||
this.json.quantity = weight_value.quantity ? weight_value.quantity : 0;
|
||
this.json.ladder = weight_value.ladder ? JSON.parse(weight_value.ladder) : {};
|
||
}
|
||
|
||
console.log(this.json);
|
||
|
||
},
|
||
methods:{
|
||
addLadder(){
|
||
this.json.ladder = Object.values(this.json.ladder).concat({where: '', num: ''});
|
||
},
|
||
delLadder(index){
|
||
let ladder = Object.assign({},this.json.ladder);
|
||
delete ladder[index];
|
||
|
||
this.json.ladder = Object.values(ladder);
|
||
},
|
||
validate(){
|
||
return this.json;
|
||
}
|
||
}
|
||
}) |