feat: 修改打包状态为原料材质并优化异常管理功能

修改所有打包状态字段为原料材质，统一业务术语
重构异常管理功能，新增异常记录列表和删除功能
优化分条钢卷面板显示更多物料信息
将切边要求和包装要求改为下拉选择框

klp-ui/src/views/wms/coil/panels/do.vue

@@ -84,7 +84,7 @@
                             <span class="param-value">{{ item.trimmingRequirement }}</span>
                           </div>
                           <div class="param-row" v-if="item.packingStatus">
-                            <span class="param-label">打包状态：</span>
+                            <span class="param-label">原料材质：</span>
                             <span class="param-value">{{ item.packingStatus }}</span>
                           </div>
                           <div class="param-row" v-if="item.packagingRequirement">
@@ -410,13 +410,8 @@
       </el-col>
     </el-row>
 
-    <el-dialog title="新增异常" :visible.sync="exceptionDialogVisible" width="600px">
-      <abnormal-form ref="abnormalForm" v-model="exceptionForm" :show-coil-selector="false"></abnormal-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="info" @click="handleAbnormal">查看异常</el-button>
-        <el-button type="primary" @click="confirmException">确 定</el-button>
-        <el-button @click="cancelException">取 消</el-button>
-      </div>
+    <el-dialog title="异常管理" :visible.sync="exceptionDialogVisible" fullscreen>
+      <exception-manager :coilId="currentCoilId"></exception-manager>
     </el-dialog>
 
     <!-- 标签预览弹窗 -->
@@ -439,10 +434,9 @@ import { listPendingAction, startProcess, cancelAction, delPendingAction, addPen
 import { parseTime } from '@/utils/klp'
 import ProductInfo from '@/components/KLPService/Renderer/ProductInfo'
 import RawMaterialInfo from '@/components/KLPService/Renderer/RawMaterialInfo'
-import { addCoilAbnormal } from '@/api/wms/coilAbnormal'
 import LabelRender from './LabelRender/index.vue'
 import StepSplit from './stepSplit.vue'
-import AbnormalForm from '../components/AbnormalForm'
+import ExceptionManager from '../components/ExceptionManager'
 import { getCoilTagPrintType } from '@/views/wms/coil/js/coilPrint'
 
 export default {
@@ -467,7 +461,7 @@ export default {
     RawMaterialInfo,
     LabelRender,
     StepSplit,
-    AbnormalForm
+    ExceptionManager
   },
   data() {
     return {
@@ -503,16 +497,7 @@ export default {
       },
       buttonLoading: false,
       exceptionDialogVisible: false,
-      exceptionForm: {
-        coilId: null,
-        position: null,
-        lengthCoord: null,
-        startPosition: 0,
-        endPosition: 0,
-        defectCode: null,
-        degree: null,
-        remark: null
-      },
+      currentCoilId: null,
       tagSizeMap: {
         '2': {
           width: 100,
@@ -930,27 +915,14 @@ export default {
       return '—'
     },
     handleAddAbnormal(row) {
-      this.exceptionForm.coilId = row.coilId
+      this.currentCoilId = row.coilId
+      if (!row.coilId) {
+        this.$message.error('请先选择钢卷')
+        return
+      }
+      // 显示弹窗
       this.exceptionDialogVisible = true
     },
-    confirmException() {
-      this.$refs["abnormalForm"].validate(valid => {
-        if (valid) {
-          addCoilAbnormal({
-            ...this.exceptionForm,
-            length: this.exceptionForm.endPosition - this.exceptionForm.startPosition,
-          }).then(response => {
-            this.$message.success('异常记录添加成功')
-            this.cancelException();
-            // 重置表单
-            this.getMaterialCoil()
-          }).catch(error => {
-            console.error('异常记录添加失败:', error)
-            this.$message.error('异常记录添加失败: ' + (error.message || error))
-          })
-        }
-      });
-    },
     handleAbnormal() {
       this.$router.push({
         path: '/quality/detail',
@@ -1386,4 +1358,16 @@ export default {
     }
   }
 }
+
+
+
+// 对话框底部样式
+.dialog-footer {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  padding: 16px;
+  border-top: 1px solid #e4e7ed;
+  background-color: #fafafa;
+}
 </style>