调整

src/components/customerManage/customerManage.vue

@@ -183,17 +183,17 @@
         </div>
     </div>
     <div class="page-content">
-        <el-table 
-            v-if="loading"
+        <!-- <el-table 
+            v-show="loading"
             v-loading="true"
             :data="[]">
             <el-table-column 
                 v-for="(item, index) in queryType2" :key="index"
                 :label="item.label">
             </el-table-column>
-        </el-table>
+        </el-table> -->
         <el-table
-            v-if="!loading"
+            v-loading="loading"
             ref="multipleTable"
             :data="tableData"
             tooltip-effect="dark"
@@ -201,6 +201,7 @@
             :height="sceneList.length > 0 ? '600' : '660'"
             border
             row-class-name="font-size-12"
+            @sort-change="handleSortChange"
             @selection-change="handleSelectionChange">
             <el-table-column fixed type="selection" width="40"></el-table-column>
             <el-table-column 
@@ -217,23 +218,27 @@
                 prop="CustomerTypeAlias"
                 label="客户类型"
                 v-if="queryType[20].show"
+                width="120"
                 show-overflow-tooltip>
             </el-table-column>
             <el-table-column
                 prop="CustomerSourceTypeStr"
                 label="客户来源"
+                width="120"
                 v-if="queryType[1].show"
                 show-overflow-tooltip>
             </el-table-column>
             <el-table-column
                 prop="Contact"
                 label="联系人"
+                width="120"
                 v-if="queryType[2].show"
                 show-overflow-tooltip>
             </el-table-column>
             <el-table-column
                 prop="ContactNumber"
                 label="联系电话"
+                width="120"
                 sortable
                 v-if="queryType[3].show"
                 show-overflow-tooltip>
@@ -241,12 +246,14 @@
             <el-table-column
                 prop="Address"
                 label="地址"
+                width="150"
                 v-if="queryType[4].show"
                 show-overflow-tooltip>
             </el-table-column>
             <el-table-column
                 prop="BusinessCount"
                 label="商机数"
+                width="80"
                 v-if="queryType[5].show"
                 show-overflow-tooltip>
             </el-table-column>
@@ -254,7 +261,7 @@
                 prop="OrderCount"
                 label="交易订单数"
                 sortable
-                width="100"
+                width="120"
                 v-if="queryType[6].show"
                 show-overflow-tooltip>
             </el-table-column>
@@ -262,6 +269,7 @@
                 prop="GuestCount"
                 label="交客数"
                 sortable
+                width="100"
                 v-if="queryType[19].show"
                 show-overflow-tooltip>
             </el-table-column>
@@ -269,6 +277,7 @@
                 prop="OrderMoney"
                 label="交易金额"
                 sortable
+                width="120"
                 v-if="queryType[7].show"
                 show-overflow-tooltip>
             </el-table-column>
@@ -276,12 +285,14 @@
                 prop="CouponCount"
                 label="优惠券"
                 sortable
+                width="80"
                 v-if="queryType[8].show"
                 show-overflow-tooltip>
             </el-table-column>
             <el-table-column
                 prop="Client_Balance"
                 label="幸福存折"
+                width="100"
                 sortable
                 v-if="queryType[9].show"
                 show-overflow-tooltip>
@@ -289,6 +300,7 @@
             <el-table-column
                 prop="CustomerLevelStr"
                 label="客户级别"
+                width="120"
                 sortable
                 v-if="queryType[10].show"
                 show-overflow-tooltip>
@@ -959,6 +971,14 @@ export default {
         this.multipleSelection = val.map(x=>
             x.CustomerId
         )
+    },
+    handleSortChange(p){
+        if(p.order=='ascending'){
+            this.msg.OrderBy=`${p.prop} asc`
+        }else{
+            this.msg.OrderBy=`${p.prop} desc`
+        }
+        this.getList()
     }
   }
 };