客户明细数据

kiisoo-ic-ui/src/pages/CustomerDetail.vue

@@ -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" />
@@ -47,15 +53,15 @@
 <!--                    <span class="txt-font-b margin-right" style="width: 80px;display:inline-block;text-align: right">客户ID</span>&nbsp;-->
 <!--                    <span class="txt-font-b" style="font-weight: 600">{{customerId}}</span>-->
 <!--                  </row>-->
-                </i-col>
+                </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;