改为暗色风格主题

klp-ui/src/views/wms/order/customer.vue

@@ -75,9 +75,9 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <KLPTable v-loading="loading" :data="customerList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="customerList" @selection-change="handleSelectionChange" :customColumns="customColumns">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="编号，主键自增" align="center" prop="customerId" v-if="false"/>
+      <!-- <el-table-column label="编号，主键自增" align="center" prop="customerId" v-if="false"/>
       <el-table-column label="客户名称" align="center" prop="name" />
       <el-table-column label="手机" align="center" prop="mobile" />
       <el-table-column label="电话" align="center" prop="telephone" />
@@ -108,7 +108,7 @@
             @click="handleDelete(scope.row)"
           >删除</el-button>
         </template>
-      </el-table-column>
+      </el-table-column> -->
     </KLPTable>
 
     <pagination
@@ -183,6 +183,64 @@ export default {
   },
   data() {
     return {
+      customColumns: [
+        {
+          label: '客户名称',
+          prop: 'name'
+        },
+        {
+          label: '手机',
+          prop: 'mobile'
+        },
+        {
+          label: '电话',
+          prop: 'telephone'
+        },
+        {
+          label: 'QQ',
+          prop: 'qq'
+        },
+        {
+          label: '微信',
+          prop: 'wechat'
+        },
+        {
+          label: '邮箱',
+          prop: 'email'
+        },
+        {
+          label: '地区编号',
+          prop: 'areaId'
+        },
+        {
+          label: '详细地址',
+          prop: 'detailAddress',
+          eclipse: true
+        },
+        {
+          label: '客户等级',
+          prop: 'level'
+        },
+        {
+          label: '客户来源',
+          prop: 'source'
+        },
+        {
+          label: '备注',
+          prop: 'remark'
+        },
+        {
+          label: '操作',
+          width: 150,
+          fixed: 'right',
+          render: (h, row) => {
+            const actions = [];
+            actions.push(<el-button type="text" size="mini" icon="el-icon-edit" onClick={() => this.handleUpdate(row)}>修改</el-button>)
+            actions.push(<el-button type="text" size="mini" icon="el-icon-delete" onClick={() => this.handleDelete(row)}>删除</el-button>)
+            return actions;
+          }
+        }
+      ],
       // 按钮loading
       buttonLoading: false,
       // 遮罩层