feat(wms): 添加钢卷异常管理功能及组件

- 新增异常钢卷列表展示组件CoilList
- 在abnormalDetail.vue中添加异常钢卷显示列
- 创建新的异常钢卷管理页面abnormalCoil.vue
- 实现钢卷列表与异常明细的联动展示
- 优化表单交互，根据场景显示/隐藏钢卷选择器

klp-ui/src/views/wms/coil/abnormalDetail.vue

@@ -46,6 +46,13 @@
     <el-table v-loading="loading" :data="coilAbnormalList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="主键ID" align="center" prop="abnormalId" v-if="false" />
+      <el-table-column label="异常钢卷" align="center" prop="coilId">
+        <template slot-scope="scope">
+          <coil-no :coilId="scope.row.coilId">
+            {{ scope.row.coilNo }}
+          </coil-no>
+        </template>
+      </el-table-column>
       <el-table-column label="位置" align="center" prop="position">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.coil_abnormal_position" :value="scope.row.position" />
@@ -62,7 +69,7 @@
           <dict-tag :options="dict.type.coil_abnormal_degree" :value="scope.row.degree" />
         </template>
       </el-table-column>
-      <el-table-column label="判级" align="center" prop="judgeLevel">
+      <!-- <el-table-column label="判级" align="center" prop="judgeLevel">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.coil_abnormal_level" :value="scope.row.judgeLevel" />
         </template>
@@ -72,10 +79,12 @@
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.judgeTime, '{y}-{m}-{d}') }}</span>
         </template>
-      </el-table-column>
+      </el-table-column> -->
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
+
       <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-check" @click="handleJudge(scope.row)">判级</el-button>
+          <!-- <el-button size="mini" type="text" icon="el-icon-check" @click="handleJudge(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-delete" @click="handleDelete(scope.row)">删除</el-button>
         </template>
@@ -88,7 +97,7 @@
     <!-- 添加或修改钢卷异常信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="钢卷ID" prop="coilId">
+        <el-form-item label="钢卷ID" prop="coilId" v-if="!form.abnormalId">
           <coil-selector v-model="form.coilId"></coil-selector>
         </el-form-item>
         <el-form-item label="位置" prop="position">
@@ -143,12 +152,14 @@
 <script>
 import { listCoilAbnormal, getCoilAbnormal, delCoilAbnormal, addCoilAbnormal, updateCoilAbnormal, judgeAbnormalLevel } from "@/api/wms/coilAbnormal";
 import CoilSelector from '@/components/CoilSelector'
+import CoilNo from '@/components/KLPService/Renderer/CoilNo'
 
 export default {
   name: "CoilAbnormal",
   dicts: ['coil_abnormal_code', 'coil_abnormal_position', 'coil_abnormal_degree', 'coil_abnormal_level'],
   components: {
-    CoilSelector
+    CoilSelector,
+    CoilNo
   },
   data() {
     return {
@@ -225,7 +236,7 @@ export default {
     reset() {
       this.form = {
         abnormalId: undefined,
-        coilId: undefined,
+        coilId: this.$route.query.coilId,
         position: undefined,
         lengthCoord: undefined,
         defectCode: undefined,