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

2025-08-27 16:47:33 +08:00
parent 278b0c8258
commit 7ea0de6a67
133 changed files with 465 additions and 432 deletions
--- a/klp-ui/src/views/mes/dv/checkplan/index.vue
+++ b/klp-ui/src/views/mes/dv/checkplan/index.vue
@@ -89,7 +89,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="checkplanList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="checkplanList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="方案编号" align="center" prop="planCode" >
        <template slot-scope="scope">
@@ -157,7 +157,7 @@
          >停用</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/checkplan/machinery.vue
+++ b/klp-ui/src/views/mes/dv/checkplan/machinery.vue
@@ -27,7 +27,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <MachinerySelect ref="machinerySelect" @onSelected="onMachineryAdd"></MachinerySelect>
-    <el-table v-loading="loading" :data="checkmachineryList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="checkmachineryList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="设备编码" align="center" prop="machineryCode" />
      <el-table-column label="设备名称" align="center" prop="machineryName" />
@@ -46,7 +46,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/checkplan/subject.vue
+++ b/klp-ui/src/views/mes/dv/checkplan/subject.vue
@@ -28,7 +28,7 @@
    </el-row>
    <DvsubjectSelect ref="subjectSelect" subjectType="CHECK" @onSelected="onSubjectSelected"></DvsubjectSelect>

-    <el-table v-loading="loading" :data="checksubjectList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="checksubjectList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="项目名称" align="center" prop="subjectName" width="150px"/>
      <el-table-column label="项目内容" align="center" width="350px" prop="subjectContent" :show-overflow-tooltip="true"/>
@@ -44,7 +44,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/checkrecord/index.vue
+++ b/klp-ui/src/views/mes/dv/checkrecord/index.vue
@@ -83,7 +83,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="checkrecordList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="checkrecordList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="设备编码" align="center" prop="machineryCode" >
        <template slot-scope="scope">
@@ -130,7 +130,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/checkrecord/line.vue
+++ b/klp-ui/src/views/mes/dv/checkrecord/line.vue
@@ -36,7 +36,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="checkrecordlineList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="checkrecordlineList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="项目名称" align="center" prop="subjectName" />
      <el-table-column label="检查内容" align="center" prop="subjectContent" :show-overflow-tooltip="true"/>
@@ -65,7 +65,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/machinery/components/Checkplan.vue
+++ b/klp-ui/src/views/mes/dv/machinery/components/Checkplan.vue
@@ -1,7 +1,7 @@
 <template>
  <div class="app-container">

-    <el-table v-loading="loading" :data="checkplanList">
+    <KLPTable v-loading="loading" :data="checkplanList">
      <el-table-column label="计划编码" align="center" prop="planCode" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column label="计划名称" align="center" width="200px" prop="planName" :show-overflow-tooltip="true"/>
      <el-table-column label="开始日期" align="center" prop="startDate" width="180">
@@ -25,7 +25,7 @@
          <dict-tag :options="dict.type.mes_order_status" :value="scope.row.status"/>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

 <!--    <pagination-->
 <!--      v-show="total>0"-->
--- a/klp-ui/src/views/mes/dv/machinery/components/Repair.vue
+++ b/klp-ui/src/views/mes/dv/machinery/components/Repair.vue
@@ -1,6 +1,6 @@
 <template>
  <div class="app-container">
-    <el-table v-loading="loading" :data="repairList">
+    <KLPTable v-loading="loading" :data="repairList">
      <el-table-column label="维修单编号" width="120px" align="center" prop="repairCode" />
      <el-table-column label="维修单名称" width="150px" align="center" prop="repairName" :show-overflow-tooltip="true"/>
      <el-table-column label="报修日期" align="center" prop="requireDate" width="120">
@@ -30,7 +30,7 @@
          <dict-tag :options="dict.type.mes_order_status" :value="scope.row.status"/>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <!--    <pagination-->
    <!--      v-show="total>0"-->
--- a/klp-ui/src/views/mes/dv/machinery/index.vue
+++ b/klp-ui/src/views/mes/dv/machinery/index.vue
@@ -108,7 +108,7 @@
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
        </el-row>

-        <el-table v-loading="loading" :data="machineryList" @selection-change="handleSelectionChange">
+        <KLPTable v-loading="loading" :data="machineryList" @selection-change="handleSelectionChange">
          <el-table-column type="selection" width="50" align="center" />
          <el-table-column label="设备编码" width = "120" align="center" key="machineryCode" prop="machineryCode">
              <template slot-scope="scope">
@@ -164,7 +164,7 @@
              >标签打印</el-button>-->
            </template>
          </el-table-column>
-        </el-table>
+        </KLPTable>

        <pagination
          v-show="total>0"
--- a/klp-ui/src/views/mes/dv/machinerytype/index.vue
+++ b/klp-ui/src/views/mes/dv/machinerytype/index.vue
@@ -25,7 +25,7 @@
      </el-form-item>
    </el-form>

-    <el-table
+    <KLPTable
      v-loading="loading"
      :data="machinerytypeList"
      row-key="machineryTypeId"
@@ -66,7 +66,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <!-- 添加或修改设备类型对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
--- a/klp-ui/src/views/mes/dv/maintenrecord/index.vue
+++ b/klp-ui/src/views/mes/dv/maintenrecord/index.vue
@@ -86,7 +86,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="maintenrecordList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="maintenrecordList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="设备编码" align="center" prop="machineryCode" >
        <template slot-scope="scope">
@@ -132,7 +132,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/maintenrecord/line.vue
+++ b/klp-ui/src/views/mes/dv/maintenrecord/line.vue
@@ -36,7 +36,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="maintenrecordlineList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="maintenrecordlineList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="项目名称" align="center" prop="subjectName" />
      <el-table-column label="项目内容" align="center" prop="subjectContent" />
@@ -61,7 +61,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/repair/index.vue
+++ b/klp-ui/src/views/mes/dv/repair/index.vue
@@ -96,7 +96,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="repairList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="repairList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="维修单编号" width="120px" align="center" prop="repairCode" />
      <el-table-column label="维修单名称" width="150px" align="center" prop="repairName" :show-overflow-tooltip="true"/>
@@ -147,7 +147,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/repair/line.vue
+++ b/klp-ui/src/views/mes/dv/repair/line.vue
@@ -26,7 +26,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="repairlineList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="repairlineList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="项目名称" align="center" prop="subjectName" />
      <el-table-column label="故障描述" align="center" prop="malfunction" >
@@ -56,7 +56,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/specialEquipment/specialEquipment.vue
+++ b/klp-ui/src/views/mes/dv/specialEquipment/specialEquipment.vue
@@ -131,7 +131,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="specialEquipmentList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="specialEquipmentList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="设备ID" align="center" prop="equipmentId" v-if="false"/>
      <el-table-column label="设备编码" align="center" prop="equipmentCode" />
@@ -189,7 +189,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/dv/subject/index.vue
+++ b/klp-ui/src/views/mes/dv/subject/index.vue
@@ -79,7 +79,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="dvsubjectList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="dvsubjectList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="项目编码" align="center" prop="subjectCode" />
      <el-table-column label="项目类型" align="center" prop="subjectType">
@@ -114,7 +114,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/is/inspectionCommission/index.vue
+++ b/klp-ui/src/views/mes/is/inspectionCommission/index.vue
@@ -115,7 +115,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="inspectionCommissionList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="inspectionCommissionList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="委托单ID" align="center" prop="commissionId" v-if="false"/>
      <el-table-column label="委托单号" align="center" prop="commissionNo" />
@@ -162,7 +162,7 @@
          >查看</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/is/inspectionTask/index.vue
+++ b/klp-ui/src/views/mes/is/inspectionTask/index.vue
@@ -54,7 +54,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="inspectionTaskList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="inspectionTaskList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="任务ID" align="center" prop="taskId" v-if="false" />
      <el-table-column label="任务单号" align="center" prop="taskNo" />
@@ -87,7 +87,7 @@
          <el-button size="mini" type="text" icon="el-icon-document" @click="handleResult(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" />
--- a/klp-ui/src/views/mes/is/sampleInventory/index.vue
+++ b/klp-ui/src/views/mes/is/sampleInventory/index.vue
@@ -86,7 +86,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="sampleInventoryList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="sampleInventoryList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="样品ID" align="center" prop="sampleId" v-if="false"/>
      <el-table-column label="关联委托单" align="center" prop="commissionId" />
@@ -119,7 +119,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/qc/book/index.vue
+++ b/klp-ui/src/views/mes/qc/book/index.vue
@@ -57,7 +57,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="commonDefectList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="commonDefectList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="主键" align="center" prop="defectId" v-if="true"/>
      <el-table-column label="缺陷名称" align="center" prop="defectName" />
@@ -78,7 +78,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/qc/history/index.vue
+++ b/klp-ui/src/views/mes/qc/history/index.vue
@@ -28,7 +28,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="checkTaskList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="checkTaskList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="主键" align="center" prop="taskId" v-if="true"/>
      <el-table-column label="任务名称" align="center" prop="taskName" />
@@ -43,7 +43,7 @@
          >详情</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/qc/item/index.vue
+++ b/klp-ui/src/views/mes/qc/item/index.vue
@@ -57,7 +57,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="checkItemList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="checkItemList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="主键" align="center" prop="itemId" v-if="true"/>
      <el-table-column label="检查项名称" align="center" prop="itemName" />
@@ -78,7 +78,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"
--- a/klp-ui/src/views/mes/qc/task/index.vue
+++ b/klp-ui/src/views/mes/qc/task/index.vue
@@ -57,7 +57,7 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

-    <el-table v-loading="loading" :data="checkTaskList" @selection-change="handleSelectionChange">
+    <KLPTable v-loading="loading" :data="checkTaskList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="主键" align="center" prop="taskId" v-if="true"/>
      <el-table-column label="任务名称" align="center" prop="taskName" />
@@ -78,7 +78,7 @@
          >删除</el-button>
        </template>
      </el-table-column>
-    </el-table>
+    </KLPTable>

    <pagination
      v-show="total>0"