改为暗色风格主题

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,