🦄 refactor: 封装统一表格组件，便于批量扩展表格能力

klp-ui/src/views/wms/order/panels/detail.vue

@@ -34,7 +34,7 @@
       </el-col>
     </el-row>
 
-    <el-table v-loading="loading" :data="orderDetailList">
+    <KLPTable v-loading="loading" :data="orderDetailList">
       <el-table-column label="产品" align="center">
         <template slot-scope="scope">
           <ProductInfo :product-id="scope.row.productId">
@@ -63,7 +63,7 @@
             @click="handleDelete(scope.row)">删除</el-button>
         </template>
       </el-table-column>
-    </el-table>
+    </KLPTable>
 
     <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
       @pagination="getList" /> -->
@@ -126,6 +126,7 @@ import { EOrderStatus } from "@/utils/enums";
 import { ProductInfo } from '@/components/KLPService';
 import BomInfoMini from '@/components/KLPService/Renderer/BomInfoMini.vue';
 import ProductSpec from './spec.vue';
+import KLPTable from '@/components/KLPUI/KLPTable/index.vue';
 
 export default {
   name: "OrderDetailPanel",
@@ -140,7 +141,8 @@ export default {
     ProductSelect,
     ProductInfo,
     BomInfoMini,
-    ProductSpec
+    ProductSpec,
+    KLPTable
   },
   data() {
     return {

klp-ui/src/views/wms/order/panels/spec.vue

@@ -42,7 +42,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="productSpecList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="productSpecList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="主键" align="center" prop="specId" v-if="false"/>
       <el-table-column label="所属产品规范组ID" align="center" prop="groupId" />
@@ -65,7 +65,7 @@
           >删除</el-button>
         </template>
       </el-table-column>
-    </el-table>
+    </KLPTable>
 
     <pagination
       v-show="total>0"