<template>
|
<!--
|
作者：luoyiming
|
时间：2019-10-26
|
描述：商品管理-商品编辑-高级设置
|
-->
|
<div class="basic-setting-content pl16 pr16">
|
<!--其他设置-->
|
<div class="common-form">其他设置</div>
|
<el-form-item label="商品属性：">
|
<el-radio-group v-model="form.model.is_virtual">
|
<el-radio :label="0">实物商品</el-radio>
|
<el-radio :label="1">虚拟商品(无需发货)</el-radio>
|
<el-radio :label="2">计次商品(无需发货)</el-radio>
|
<el-radio :label="3">服务商品(无需发货)</el-radio>
|
<el-radio :label="4">团购商品</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="运费模板：" prop="model.delivery_id" v-if="form.model.is_virtual==0||form.model.is_virtual==4">
|
<el-radio-group v-model="form.model.is_delivery_free" disabled>
|
<el-radio :label="0">包邮</el-radio>
|
<el-radio :label="1">运费模板</el-radio>
|
</el-radio-group>
|
<el-select v-model="form.model.delivery_id" v-if="form.model.is_delivery_free == 1" disabled>
|
<el-option v-for="item in form.delivery" :value="item.delivery_id" :key="item.delivery_id" :label="item.name"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="初始销量：">
|
<el-input type="number" min="0" v-model="form.model.sales_initial" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="商品排序：" :rules="[{ required: true, message: ' ' }]" prop="model.product_sort">
|
<el-input type="number" min="0" v-model="form.model.product_sort" class="max-w460"></el-input>
|
</el-form-item>
|
<el-form-item label="限购数量：" :rules="[{ required: true, message: ' ' }]" prop="model.limit_num">
|
<el-input type="number" min="0" v-model="form.model.limit_num" class="max-w460"></el-input>
|
<div class="gray9">每个会员购买的最大数量，0为不限购</div>
|
</el-form-item>
|
<el-form-item label="发货类型：" v-if="form.model.is_virtual==1||form.model.is_virtual==3">
|
<el-radio-group v-model="form.model.virtual_auto">
|
<el-radio :label="1">自动</el-radio>
|
<el-radio :label="0">手动</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="虚拟内容：" :rules="[{ required: true, message: '请填写虚拟内容' }]" prop="model.virtual_content" v-if="form.model.is_virtual==1">
|
<el-input type="text" v-model="form.model.virtual_content" class="max-w460"></el-input>
|
<div class="gray9">虚拟物品内容</div>
|
</el-form-item>
|
<el-form-item label="服务内容：" :rules="[{ required: true, message: '请填写服务内容' }]" prop="model.service_content" v-if="form.model.is_virtual==3">
|
<el-input type="text" v-model="form.model.service_content" class="max-w460"></el-input>
|
<div class="gray9">服务内容</div>
|
</el-form-item>
|
<el-form-item label="会员等级限制：">
|
<el-select v-model="form.model.grade_ids" multiple placeholder="请选择" style="width: 460px;">
|
<el-option
|
v-for="item in form.gradeList"
|
:key="item.grade_id"
|
:label="item.name"
|
:value="item.grade_id">
|
</el-option>
|
</el-select>
|
<div class="gray9">仅设置的等级会员可购买，不设置则都可以购买</div>
|
</el-form-item>
|
<!--积分设置-->
|
<div class="common-form mt50">积分设置</div>
|
<el-form-item label="是否开启积分赠送：">
|
<el-radio-group v-model="form.model.is_points_gift">
|
<el-radio :label="1">开启</el-radio>
|
<el-radio :label="0">关闭</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="是否允许使用积分抵扣：">
|
<el-radio-group v-model="form.model.is_points_discount">
|
<el-radio :label="1">允许</el-radio>
|
<el-radio :label="0">不允许</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item v-if="form.model.is_points_discount == 1" label="最大抵扣积分数量：" :rules="[{ required: true, message: ' ' }]" prop="model.max_points_discount">
|
<el-input type="number" min="0" v-model="form.model.max_points_discount" class="max-w460"></el-input>
|
</el-form-item>
|
<div class="common-form mt50">优惠券</div>
|
<el-form-item label="是否赠送优惠券：">
|
<el-radio-group v-model="form.model.open_coupon">
|
<el-radio :label="1">是</el-radio>
|
<el-radio :label="0">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="优惠券：" :rules="[{ required: true, message: '请填写优惠券' }]" prop="model.open_coupons"
|
v-if="form.model.open_coupon">
|
<div class="d-s-c">
|
<div style="width: 460px;border: 1px solid #dedede;min-height: 32px;"><span
|
v-for="(item,index) in form.model.open_coupons" :key="index">{{item.name+';'}}</span></div>
|
<el-button type="primary" @click="addCoupon()">添加优惠券</el-button>
|
</div>
|
</el-form-item>
|
<el-form-item label="" v-if="form.model.open_coupon">
|
<el-table :data="form.model.open_coupons" style="width: 60%">
|
<el-table-column prop="name" label="券名称">
|
</el-table-column>
|
<el-table-column prop="number" label="每人领取数量" :rules="[{required: true,message: ' '}]">
|
<template slot-scope="scope">
|
<el-input type="number" v-model="scope.row.number" placeholder="">
|
</el-input>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" prop="address">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click='delcoupon(scope.row)'> 删除 </el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-form-item>
|
<div class="common-form mt50">消费券设置</div>
|
<el-form-item label="是否开启消费券赠送：">
|
<el-radio-group v-model="form.model.is_consumption_gift">
|
<el-radio :label="1">开启</el-radio>
|
<el-radio :label="0">关闭</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="是否允许使用消费券抵扣：">
|
<el-radio-group v-model="form.model.is_consumption_discount">
|
<el-radio :label="1">允许</el-radio>
|
<el-radio :label="0">不允许</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item v-if="form.model.is_consumption_discount == 1" label="最大抵扣消费券数量：" :rules="[{ required: true, message: ' ' }]" prop="model.max_consumption_discount">
|
<el-input type="number" min="0" v-model="form.model.max_consumption_discount" class="max-w460"></el-input>
|
</el-form-item>
|
<!--会员折扣设置-->
|
<div class="common-form mt50">会员折扣设置</div>
|
<el-form-item label="是否开启会员折扣：">
|
<el-radio-group v-model="form.model.is_enable_grade">
|
<el-radio :label="1">开启</el-radio>
|
<el-radio :label="0">关闭</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="会员折扣设置：">
|
<el-radio-group v-model="form.model.is_alone_grade">
|
<el-radio :label="0">默认折扣</el-radio>
|
<el-radio :label="1">单独设置折扣</el-radio>
|
</el-radio-group>
|
<div class="gray9" v-if="form.model.is_alone_grade==0">默认折扣：默认为用户所属会员等级的折扣率</div>
|
</el-form-item>
|
|
<el-form-item label="折扣佣金类型：" v-if="form.model.is_alone_grade==1">
|
<el-radio-group v-model="form.model.alone_grade_type" @change="changeGradeType">
|
<el-radio :label="10">百分比</el-radio>
|
<el-radio :label="20">固定金额</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
|
<el-form-item label="" v-if="form.model.is_alone_grade==1">
|
<div class="max-w460">
|
<el-table :data="form.gradeList" border size="mini" style="width: 100%">
|
<el-table-column prop="name" label="会员等级">
|
</el-table-column>
|
<el-table-column prop="name" label="折扣">
|
<template v-slot="scope">
|
<div class="d-s-c">
|
<el-input v-model="scope.row.product_equity" type="number" placeholder="请输入折扣"></el-input>
|
<span class="ml10">{{ grade_unit }}</span>
|
</div>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</el-form-item>
|
<div v-if="form.model.is_repurchase" class="common-form">见点奖设置</div>
|
<el-form-item label="见点奖设置：" v-if="form.model.is_repurchase">
|
<el-radio-group v-model="form.model.is_viewpoint_money">
|
<el-radio :label="0">平台规则</el-radio>
|
<el-radio :label="1">单独规则</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item v-if="form.model.is_viewpoint_money == 1" label="见点奖：" :rules="[{ required: true, message: ' ' }]" prop="model.viewpoint_money">
|
<el-input type="number" min="0" v-model="form.model.viewpoint_money" class="max-w460"></el-input>
|
</el-form-item>
|
<!--分红比例设置-->
|
<div class="common-form mt50">分红比例设置</div>
|
<el-form-item label="分红比例设置：">
|
<el-radio-group v-model="form.model.is_alone_team">
|
<el-radio :label="0">平台规则</el-radio>
|
<el-radio :label="1">单独规则</el-radio>
|
</el-radio-group>
|
<div class="gray9">平台规则：
|
<span v-for="(item,index) in form.teamgradeList" :key="index" style="padding-left: 10px;">
|
{{item.name}}({{item.equity}}%)
|
</span>
|
</div>
|
</el-form-item>
|
<el-form-item label="" v-if="form.model.is_alone_team==1">
|
<div class="max-w460">
|
<el-table :data="form.teamgradeList" border size="mini" style="width: 100%">
|
<el-table-column prop="name" label="分红等级">
|
</el-table-column>
|
<el-table-column prop="name" label="分红比例">
|
<template v-slot="scope">
|
<div class="d-s-c">
|
<el-input v-model="scope.row.product_equity" type="number" placeholder="请输入分红比例"></el-input>
|
<span class="ml10">%</span>
|
</div>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</el-form-item>
|
<!--分销设置-->
|
<!-- <div class="common-form mt50" v-if="form.basicSetting.is_open == 1">分销设置</div>
|
<el-form-item label="是否开启分销：" v-if="form.basicSetting.is_open == 1">
|
<el-radio-group v-model="form.model.is_agent">
|
<el-radio :label="0">关闭</el-radio>
|
<el-radio :label="1">开启</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<template v-if="form.model.is_agent === 1">
|
<el-form-item label="分销规则：" v-if="form.basicSetting.is_open == 1">
|
<el-radio-group v-model="form.model.is_ind_agent">
|
<el-radio :label="0">平台规则</el-radio>
|
<el-radio :label="1">单独规则</el-radio>
|
</el-radio-group>
|
<div class="gray9">平台规则：层级({{form.basicSetting.level}}级)
|
<span v-if="form.basicSetting.level >= 1" style="padding-left: 10px;">1级佣金({{form.agentSetting.first_money}}%)</span>
|
<span v-if="form.basicSetting.level >= 2" style="padding-left: 10px;">2级佣金({{form.agentSetting.second_money}}%)</span>
|
<span v-if="form.basicSetting.level >= 3" style="padding-left: 10px;">3级佣金({{form.agentSetting.third_money}}%)</span>
|
</div>
|
</el-form-item>
|
<template v-if="form.model.is_ind_agent === 1 && form.basicSetting.is_open == 1">
|
<el-form-item label="分销佣金类型：">
|
<el-radio-group v-model="form.model.agent_money_type" @change="changeMoneyType">
|
<el-radio :label="10">百分比</el-radio>
|
<el-radio :label="20">固定金额</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="单独分销设置：">
|
<el-input type="number" min="0" v-model="form.model.first_money" class="max-w460">
|
<template slot="prepend">
|
一级佣金：
|
</template>
|
<template slot="append">
|
{{ unit }}
|
</template>
|
</el-input>
|
</el-form-item>
|
<el-form-item v-if="form.basicSetting.level >= 2">
|
<el-input type="number" min="0" v-model="form.model.second_money" class="max-w460">
|
<template slot="prepend">
|
二级佣金：
|
</template>
|
<template slot="append">
|
{{ unit }}
|
</template>
|
</el-input>
|
</el-form-item>
|
<el-form-item v-if="form.basicSetting.level >= 3">
|
<el-input type="number" min="0" v-model="form.model.third_money" class="max-w460">
|
<template slot="prepend">
|
三级佣金：
|
</template>
|
<template slot="append">
|
{{ unit }}
|
</template>
|
</el-input>
|
</el-form-item>
|
</template>
|
</template> -->
|
<div class="common-form mt50">团队分红设置</div>
|
<el-form-item label="是否参与团队分红：">
|
<el-radio-group v-model="form.model.is_enable_team">
|
<el-radio :label="1">参与</el-radio>
|
<el-radio :label="0">不参与</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<!--选择优惠券-->
|
<GetCoupon v-if="open_add" :open_add="open_add" @closeDialog="closeCouponDialogFunc($event)">选择优惠券弹出层</GetCoupon>
|
</div>
|
</template>
|
|
<script>
|
import GetCoupon from '@/components/coupon/GetCoupon';
|
import draggable from "vuedraggable";
|
export default {
|
components: {
|
GetCoupon,
|
},
|
data() {
|
return {
|
unit: '%',
|
grade_unit: '%',
|
open_add:false
|
};
|
},
|
created() {
|
if(this.form.model.alone_grade_type == '20'){
|
this.grade_unit = '元';
|
}
|
if(this.form.model.agent_money_type == '20'){
|
this.unit = '元';
|
}
|
},
|
inject: ['form'],
|
methods: {
|
/*换算单位*/
|
changeMoneyType: function(val) {
|
if (val == '10') {
|
this.unit = '%';
|
} else {
|
this.unit = '元';
|
}
|
},
|
/*换算单位*/
|
changeGradeType: function(val) {
|
if (val == '10') {
|
this.grade_unit = '%';
|
} else {
|
this.grade_unit = '元';
|
}
|
},/*添加优惠券*/
|
addCoupon() {
|
if(this.form.model.open_coupons.length>=15){
|
this.$message.error('您已经选择了十五张优惠券，若要更换请删除其他优惠券！');
|
return
|
}
|
|
this.open_add = true;
|
},
|
/*关闭优惠券*/
|
closeCouponDialogFunc(e) {
|
let self = this;
|
self.open_add = e.openDialog;
|
if (e.type == 'success') {
|
let params = {
|
coupon_id: e.params.coupon_id,
|
name: e.params.name,
|
number: 1,
|
color:e.params.color,
|
discount:e.params.discount,
|
reduce_price:e.params.reduce_price,
|
coupon_type:e.params.coupon_type,
|
min_price:e.params.min_price,
|
}
|
self.form.model.open_coupons.push(params);
|
}
|
},
|
delcoupon(item) {
|
let self = this;
|
let n = self.form.model.open_coupons.indexOf(item);
|
self.form.model.open_coupons.splice(n, 1);
|
},
|
}
|
};
|
</script>
|
|
<style></style>
|
