改为暗色风格主题

klp-ui/src/views/index.vue

@@ -33,7 +33,6 @@
 </template>
 
 <script>
-import * as echarts from 'echarts';
 import AllApplications from '@/views/components/AllApplications.vue';
 import OrderDashboard from '@/views/components/OrderDashboard.vue';
 import FlowTable from '@/views/components/FlowTable.vue';

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,
       // 遮罩层

klp-ui/src/views/wms/rxgood/detail.vue

@@ -91,55 +91,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <KLPTable v-loading="loading" :data="reportDetailList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="序号" align="center" type="index" v-if="true"/>
-      <!-- <el-table-column label="关联汇报概述ID" align="center" prop="summaryId" /> -->
-      <el-table-column label="货物编号" align="center" prop="deviceCode" />
-      <el-table-column label="货物类别" align="center" prop="category" />
-      <el-table-column label="货物说明" align="center" prop="deviceDescription" />
-      <el-table-column label="收发货详情" align="center" prop="reportDetail" />
-      <el-table-column label="图片概况" align="center" prop="ossIds" width="100">
-        <template slot-scope="scope">
-          <image-preview :src="scope.row.images" :width="50" :height="50"/>
-        </template>
-      </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-view"
-            @click="handleImageDetail(scope.row)"
-          >图片详情</el-button>
-
-
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-          >修改</el-button>
-
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleAddExpress(scope.row)"
-          >发货</el-button>
-
-
-
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </KLPTable>
+    <KLPTable v-loading="loading" :data="reportDetailList" @selection-change="handleSelectionChange" :selectionColumn="true" :indexColumn="true" :customColumns="customColumns" />
 
     <pagination
       v-show="total>0"
@@ -253,6 +205,60 @@ export default {
   components: {UserSelect},
   data() {
     return {
+      customColumns: [
+        {
+          label: '关联汇报概述ID',
+          prop: 'summaryId',
+          width: 180,
+        },
+        {
+          label: '货物编号',
+          prop: 'deviceCode',
+          width: 180,
+        },
+        {
+          label: '货物类别',
+          prop: 'category',
+          width: 180,
+        },
+        {
+          label: '货物说明',
+          prop: 'deviceDescription',
+          width: 180,
+        },        
+        {
+          label: '收发货详情',
+          prop: 'reportDetail',
+          width: 180,
+        },
+        {
+          label: '图片概况',
+          prop: 'ossIds',
+          width: 100,
+          render: (h, row) => {
+            return <image-preview src={row.images} width={50} height={50} />
+          }
+        },
+        {
+          label: '备注',
+          prop: 'remark',
+          width: 180,
+          eclipse: true
+        },
+        {
+          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-view" onClick={() => this.handleImageDetail(row)}>图片详情</el-button>)
+            actions.push(<el-button type="text" size="mini" icon="el-icon-edit" onClick={() => this.handleAddExpress(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,
       expressOpen:false,

klp-ui/src/views/wms/rxgood/index.vue

@@ -85,44 +85,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <KLPTable v-loading="loading" :data="reportSummaryList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="序号" align="center" type="index" v-if="true"/>
-      <el-table-column label="收发货标题" align="center" prop="reportTitle">
-        <template slot-scope="scope">
-          <router-link class="link-type" :to="'/exp/rx/detail/' + scope.row.summaryId">{{ scope.row.reportTitle }}</router-link>
-        </template>
-      </el-table-column>
-      <el-table-column label="最近汇报时间" align="center" prop="lastUpdateTime" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.lastUpdateTime, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="收发货日期" align="center" prop="reportDate" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.reportDate, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="经办人" align="center" prop="reporter" />
-<!--      <el-table-column label="涉及项目" align="center" prop="projectName" />-->
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </KLPTable>
+    <KLPTable v-loading="loading" :data="reportSummaryList" @selection-change="handleSelectionChange" :selectionColumn="true" :indexColumn="true" :customColumns="customColumns" />
 
     <pagination
       v-show="total>0"
@@ -182,6 +145,53 @@ export default {
   name: "ReportSummary",
   data() {
     return {
+      customColumns: [
+        {
+          label: '收发货标题',
+          prop: 'reportTitle',
+          render: (h, row) => {
+            return <router-link class="link-type" to={'/exp/rx/detail/' + row.summaryId}>{row.reportTitle}</router-link>
+          }
+        },
+        {
+          label: '最近汇报时间',
+          prop: 'lastUpdateTime',
+          width: 180,
+          render: (h, row) => {
+            return <span>{this.parseTime(row.lastUpdateTime, '{y}-{m}-{d}')}</span>
+          }
+        },
+        {
+          label: '收发货日期',
+          prop: 'reportDate',
+          width: 180,
+          render: (h, row) => {
+            return <span>{this.parseTime(row.reportDate, '{y}-{m}-{d}')}</span>
+          }
+        },
+        {
+          label: '经办人',
+          prop: 'reporter',
+          width: 180,
+        },
+        {
+          label: '备注',
+          prop: 'remark',
+          width: 180,
+          eclipse: true
+        },
+        {
+          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;
+          }
+        }
+      ],
       // projectList: [],
       // 按钮loading
       buttonLoading: false,