|
|
|
@ -36,9 +36,15 @@
|
|
|
|
|
<row>
|
|
|
|
|
<Table :columns="columns1" :data="data1" style="margin-top: 20px;" size="small" no-data-text="--"></Table>
|
|
|
|
|
</row>
|
|
|
|
|
<Modal v-model="modal12" draggable scrollable title="客户信息" width="977px" height="651px" >
|
|
|
|
|
<Modal v-model="modal12" draggable scrollable title="客户信息" :width="vipModalWidth+'px'" height="651px" >
|
|
|
|
|
<row style="padding: 10px 0">
|
|
|
|
|
<i-col span="12" >
|
|
|
|
|
<i-col span="24" v-if="ifVip" >
|
|
|
|
|
<row>
|
|
|
|
|
<span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: right">客户名称</span>
|
|
|
|
|
<i-input v-model="customerName" :placeholder="customerData.name" style="width: 300px;font-weight: 600" />
|
|
|
|
|
</row>
|
|
|
|
|
</i-col>
|
|
|
|
|
<i-col span="12" v-if="!ifVip" >
|
|
|
|
|
<row>
|
|
|
|
|
<span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: right">客户名称</span>
|
|
|
|
|
<i-input v-model="customerName" :placeholder="customerData.name" style="width: 300px;font-weight: 600" />
|
|
|
|
@ -48,14 +54,14 @@
|
|
|
|
|
<!-- <span class="txt-font-b" style="font-weight: 600">{{customerId}}</span>-->
|
|
|
|
|
<!-- </row>-->
|
|
|
|
|
</i-col >
|
|
|
|
|
<i-col span="12" style="border-left: 1px solid #E8ECF2;">
|
|
|
|
|
<i-col span="12" style="border-left: 1px solid #E8ECF2;" v-if="!ifVip" >
|
|
|
|
|
<row style="margin-left: 50px">
|
|
|
|
|
<span class="txt-font-b" style="width: 80px;display:inline-block;text-align: right;">关联会员</span>
|
|
|
|
|
</row>
|
|
|
|
|
<row style="margin-top: 16px;margin-left: 98px">
|
|
|
|
|
<span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: left">会员名称</span>
|
|
|
|
|
<span class="txt-font-b" style="font-weight: 600">{{customerData.vipName}}</span>
|
|
|
|
|
<Button v-if="customerData.vipName != '--'" type="primary" size="small" style="margin-left: 10px;height: 19px;margin-bottom: 3px;" ></Button>
|
|
|
|
|
<Button type="primary" size="small" style="margin-left: 10px;height: 19px;margin-bottom: 3px;" ></Button>
|
|
|
|
|
</row>
|
|
|
|
|
<row style="margin-top: 16px;margin-left: 98px">
|
|
|
|
|
<span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: left;">手机号</span>
|
|
|
|
@ -67,13 +73,17 @@
|
|
|
|
|
</row>
|
|
|
|
|
<row style="margin-top: 16px;margin-left: 98px">
|
|
|
|
|
<span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: left">消费次数</span>
|
|
|
|
|
<span class="txt-font-b" style="font-weight: 600">{{customerData.salesNum}}</span>
|
|
|
|
|
|
|
|
|
|
</row>
|
|
|
|
|
<row style="margin-top: 16px;margin-left: 98px">
|
|
|
|
|
<span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: left">消费金额</span>
|
|
|
|
|
<span class="txt-font-b" style="font-weight: 600">消费金额</span>
|
|
|
|
|
<span class="txt-font-b" style="font-weight: 600">{{customerData.salesAmt}}</span>
|
|
|
|
|
</row>
|
|
|
|
|
<row style="margin-top: 16px;margin-left: 98px">
|
|
|
|
|
<span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: left">最近消费</span>
|
|
|
|
|
<span class="txt-font-b" style="font-weight: 600">{{customerData.lastSalesDay}}</span>
|
|
|
|
|
|
|
|
|
|
</row>
|
|
|
|
|
<row style="margin-top: 16px;margin-left: 98px">
|
|
|
|
|
<span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: left">专属导购</span>
|
|
|
|
@ -121,6 +131,7 @@
|
|
|
|
|
sellerId: null,
|
|
|
|
|
sellerList: [{"id":1,"name":"一区"},{"id":2,"name":"二大区"}],
|
|
|
|
|
customerData: {},
|
|
|
|
|
vipModalWidth: 997,
|
|
|
|
|
columns1: [
|
|
|
|
|
{
|
|
|
|
|
title: '序号',
|
|
|
|
@ -167,6 +178,7 @@
|
|
|
|
|
on: {
|
|
|
|
|
'click': () => {
|
|
|
|
|
that.customerData = that.data1[params.index];
|
|
|
|
|
that.ifVip();
|
|
|
|
|
that.customerName = null;
|
|
|
|
|
that.modal12 = true
|
|
|
|
|
}
|
|
|
|
@ -331,6 +343,12 @@
|
|
|
|
|
that.modal12 = false;
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
ifVip: function(){
|
|
|
|
|
let that = this;
|
|
|
|
|
let vp = that.customerData.vipName !== '--';
|
|
|
|
|
if(!vp)that.vipModalWidth = 500;
|
|
|
|
|
return vp;
|
|
|
|
|
},
|
|
|
|
|
//切页处理
|
|
|
|
|
handlePage:function (value) {
|
|
|
|
|
this.pageNum = value;
|
|
|
|
|