refactor(wms): 提取异常钢卷表格为公共组件 AbnormalTable

将多个页面中重复的异常钢卷表格逻辑提取为公共组件 AbnormalTable，提高代码复用性和维护性

klp-ui/src/views/wms/report/components/coilTable/index.vue

@@ -61,31 +61,9 @@
     </el-table>
 
     <el-dialog title="钢卷异常信息" :visible.sync="abmornal.visible" width="60%">
-      <el-table :data="abmornal.data" style="width: 100%" v-loading="abmornal.loading">
-        <el-table-column label="开始位置" prop="startPosition"></el-table-column>
-        <el-table-column label="结束位置" prop="endPosition"></el-table-column>
-        <el-table-column label="长度" prop="length"></el-table-column>
-        <el-table-column label="上下板面" align="center" prop="plateSurface"></el-table-column>
-        <el-table-column label="缺陷位置" prop="position"></el-table-column>
-        <el-table-column label="缺陷代码" prop="defectCode">
-          <template slot-scope="scope">
-            <dict-tag :options="dict.type.coil_abnormal_code" :value="scope.row.defectCode" />
-          </template>
-        </el-table-column>
-        <el-table-column label="是否为主缺陷" prop="mainMark">
-          <template slot-scope="scope">
-            <el-tag v-if="scope.row.mainMark" type="success">是</el-tag>
-            <el-tag v-else type="danger">否</el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="程度" prop="degree">
-          <template slot-scope="scope">
-            <dict-tag :options="dict.type.coil_abnormal_degree" :value="scope.row.degree" />
-          </template>
-        </el-table-column>
-        <el-table-column label="产线" prop="productionLine"></el-table-column>
-        <el-table-column label="备注" prop="remark"></el-table-column>
-      </el-table>
+      <abnormal-table ref="abnormalTable" :list="abmornal.data" 
+        :editable="false" :show-coil="false" v-loading="abmornal.loading">
+      </abnormal-table>
     </el-dialog>
   </div>
 </template>
@@ -96,6 +74,7 @@ import RawMaterialInfo from "@/components/KLPService/Renderer/RawMaterialInfo";
 import CoilNo from "@/components/KLPService/Renderer/CoilNo.vue";
 
 import { listCoilAbnormal } from '@/api/wms/coilAbnormal'
+import AbnormalTable from '@/views/wms/coil/components/AbnormalTable.vue'
 
 export default {
   name: 'CoilTable',
@@ -103,6 +82,7 @@ export default {
     ProductInfo,
     RawMaterialInfo,
     CoilNo,
+    AbnormalTable,
   },
   props: {
     columns: {