<template>
|
<!--
|
作者：luoyiming
|
时间：2019-06-04
|
描述：插件中心-分销-分销设置-基础设置
|
-->
|
<div class="product-add mt30">
|
<!--form表单-->
|
<el-form size="small" ref="form" :model="form" label-width="200px">
|
<el-form-item label="是否开启股东分红功能">
|
<div>
|
<el-radio v-model="form.is_open" label="1">开启</el-radio>
|
<el-radio v-model="form.is_open" label="0">关闭</el-radio>
|
</div>
|
</el-form-item>
|
<el-form-item label="订单总分红比例">
|
<el-input v-model="form.total_rate" type="number" class="max-w460">
|
<template slot="append">%</template>
|
</el-input>
|
<div class="tips">订单总分红比例 * 订单实付金额 = 可被所有股东瓜分的分红总金额</div>
|
</el-form-item>
|
<el-form-item label="是否开启平级分红">
|
<div>
|
<el-radio v-model="form.pjaward" label="1">开启</el-radio>
|
<el-radio v-model="form.pjaward" label="0">关闭</el-radio>
|
</div>
|
</el-form-item>
|
<el-form-item label="平级奖励层级" v-if="form.pjaward==1">
|
<div>
|
<el-input v-model="form.pjaward_level" type="number" class="max-w460"></el-input>
|
<div class="tips">默认1级，即只往上找一个平级（根据分销关系查找）</div>
|
</div>
|
</el-form-item>
|
<el-form-item label="分红结算周期">
|
<div>
|
<el-radio v-model="form.bonus_type" label="10">按周</el-radio>
|
<el-radio v-model="form.bonus_type" label="20">按月</el-radio>
|
<el-radio v-model="form.bonus_type" label="30">按年</el-radio>
|
</div>
|
</el-form-item>
|
<el-form-item label="红比发放条件">
|
<div>
|
<label class="el-form-item__label" style="width: 140px;">消费金额</label>
|
<el-input v-model="form.consumption_amount" type="number" class="max-w460">
|
<template slot="append">元</template>
|
</el-input>
|
</div>
|
<div>
|
<label class="el-form-item__label" style="width: 140px;">购买次数VIP专区商品</label>
|
<el-input v-model="form.condition_purchase_count" type="number" class="max-w460">
|
<template slot="append">次</template>
|
</el-input>
|
</div>
|
</el-form-item>
|
<el-form-item label="成为股东条件">
|
<div>
|
<el-radio v-model="form.become" label="10">申请</el-radio>
|
<el-radio v-model="form.become" label="100">购买商品</el-radio>
|
<!-- <el-radio v-model="form.become" label="20">无需审核</el-radio> -->
|
<!-- <el-radio v-model="form.become" label="30">下线人数</el-radio> -->
|
<el-radio v-model="form.become" label="40">下级分销商总数</el-radio>
|
<el-radio v-model="form.become" label="50">累计佣金总数</el-radio>
|
<!-- <el-radio v-model="form.become" label="60">已提现佣金</el-radio> -->
|
<el-radio v-model="form.become" label="70">累计团队业绩</el-radio>
|
<el-radio v-model="form.become" label="80">团队总人数</el-radio>
|
<el-radio v-model="form.become" label="110">团队推荐指定会员等级和商家</el-radio>
|
<!-- <el-radio v-model="form.become" label="90">一次性消费金额</el-radio> -->
|
</div>
|
</el-form-item>
|
|
<el-form-item label="下线人数需达到" v-if="form.become==30">
|
<el-input v-model="form.total_down" type="number" class="max-w460">
|
<template slot="append">人</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="下级分销商总数达到" v-if="form.become==40">
|
<el-input v-model="form.totalfxs_down" type="number" class="max-w460">
|
<template slot="append">人</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="累计佣金总数达到" v-if="form.become==50">
|
<el-input v-model="form.total_money" type="number" class="max-w460">
|
<template slot="append">元</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="已提现佣金达到" v-if="form.become==60">
|
<el-input v-model="form.ytx_money" type="number" class="max-w460">
|
<template slot="append">元</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="累计团队业绩达到" v-if="form.become==70">
|
<el-input v-model="form.total_team_money" type="number" class="max-w460">
|
<template slot="append">元</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="是否包含个人业绩" v-if="form.become==70">
|
<div>
|
<el-radio v-model="form.self_buy_money" label="1">是</el-radio>
|
<el-radio v-model="form.self_buy_money" label="0">否</el-radio>
|
</div>
|
</el-form-item>
|
<el-form-item label="团队总达到" v-if="form.become==80">
|
<el-input v-model="form.total_team_user" type="number" class="max-w460">
|
<template slot="append">人</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="一次性消费金额达到" v-if="form.become==90">
|
<el-input v-model="form.one_expend_money" type="number" class="max-w460">
|
<template slot="append">元</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="" v-if="form.become == 100">
|
<div>
|
<el-row>
|
<el-button type="primary" @click="openProduct">选择商品</el-button>
|
<div v-if="form.product_image && form.product_image.length > 0" class="d-s-c f-w">
|
<div v-for="(item, index) in form.product_image" :key="index" class="img pr">
|
<a href="javascript:void(0)" class="delete-btn" @click="deleteFunc(index)"><i class="el-icon-error"></i></a>
|
<img :src="item.image" width="100" height="100" />
|
<p class="text-ellipsis">{{ item.product_name }}</p>
|
</div>
|
</div>
|
</el-row>
|
</div>
|
</el-form-item>
|
<el-form-item label="团队推荐商户入驻人数需达到" v-if="form.become==110">
|
<el-input v-model="form.totalsh_down" type="number" class="max-w460">
|
<template slot="append">人</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="团队推荐指定会员等级达到" v-if="form.become==110">
|
<div class="max-w460">
|
<el-select v-model="form.referee_grade_ids" multiple>
|
<el-option
|
v-for="item in userGradeList"
|
:key="item.grade_id"
|
:label="item.name"
|
:value="item.grade_id">
|
</el-option>
|
</el-select>
|
</div>
|
<br/>
|
<el-input v-model="form.totalvip_down" type="number" class="max-w460">
|
<template slot="append">人</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<el-form-item label="VIP专区购买商品次数" v-if="form.become==110">
|
<el-input v-model="form.purchase_count" type="number" class="max-w460">
|
<template slot="append">次</template>
|
</el-input>
|
<div class="tips"></div>
|
</el-form-item>
|
<!--提交-->
|
<div class="common-button-wrapper">
|
<el-button size="small" type="primary" @click="onSubmit" :loading="loading">提交</el-button>
|
</div>
|
</el-form>
|
<!--产品列表弹出层组件-->
|
<Product :isproduct="isproduct" @closeDialog="closeDialogFunc($event)">产品列表弹出层</Product>
|
</div>
|
</template>
|
|
<script>
|
import PlusApi from '@/api/plus/shareholder.js';
|
import Product from '@/components/product/Product';
|
import Test from "../../../../help/test.vue";
|
import Spec from "../../../../product/product/part/Spec.vue";
|
export default {
|
components: {
|
Spec,
|
Test,
|
/*产品列表组件*/
|
Product: Product
|
},
|
data() {
|
return {
|
/*form表单数据*/
|
form: {
|
is_open: '',
|
level: '',
|
self_buy: '',
|
self_buy_money: ''
|
},
|
/*是否打开产品弹出层*/
|
isproduct: false,
|
/*是否正在加载*/
|
loading: false,
|
userGradeList:[]
|
};
|
},
|
props:{
|
settingData:Object
|
},
|
created() {
|
this.form=this.settingData.data.basic.values;
|
this.userGradeList=this.settingData.userGradeList;
|
for (let i = 0; i < this.form.referee_grade_ids.length; i++) {
|
this.form.referee_grade_ids[i] = parseInt(this.form.referee_grade_ids[i]);
|
}
|
if (!this.form.product_image) {
|
this.form.product_image = [];
|
}
|
},
|
methods: {
|
|
/*提交表单*/
|
onSubmit() {
|
let self = this;
|
self.loading = true;
|
let params = this.form;
|
PlusApi.basic(params, true)
|
.then(data => {
|
self.loading = false;
|
self.$message({
|
message: '恭喜你，设置成功',
|
type: 'success'
|
});
|
|
})
|
.catch(error => {
|
self.loading = false;
|
});
|
},
|
/*删除商品*/
|
deleteFunc(i) {
|
this.form.become__buy_product_ids.splice(i, 1);
|
this.form.product_image.splice(i, 1);
|
},
|
|
/*产品列表弹出层*/
|
openProduct() {
|
this.isproduct = true;
|
},
|
|
/*关闭弹窗*/
|
closeDialogFunc(e) {
|
this.isproduct = e.openDialog;
|
if (e.type == 'success') {
|
if (this.form.become__buy_product_ids.indexOf(e.params.product_id) == -1) {
|
this.form.become__buy_product_ids.push(e.params.product_id);
|
this.form.product_image.push({ product_id: e.params.product_id, image: e.params.image,product_name: e.params.product_name });
|
} else {
|
this.$message({
|
message: '已选择该商品',
|
type: 'warning'
|
});
|
}
|
}
|
}
|
}
|
};
|
</script>
|
|
<style scoped>
|
.tips {
|
color: #ccc;
|
}
|
.img {
|
width: 100px;
|
margin-top: 10px;
|
height: 130px;
|
margin-right: 10px;
|
}
|
|
.img img {
|
border: 1px solid #eeeeee;
|
}
|
|
.delete-btn {
|
position: absolute;
|
display: block;
|
width: 20px;
|
height: 20px;
|
line-height: 20px;
|
right: -8px;
|
top: -8px;
|
color: red;
|
}
|
</style>
|
