feat(wms/coil): 添加缺陷图片上传与展示功能

1. 新增ImageUpload组件支持url模式绑定
2. 在异常表单中添加主缺陷对应的图片上传控件
3. 在异常表格和管理页面中新增缺陷图片展示列
4. 同步更新表单数据默认值与表格初始化逻辑

klp-ui/src/views/wms/coil/components/AbnormalForm.vue

@@ -52,17 +52,22 @@
       <!-- 0表示否，1表示是 -->
       <el-checkbox v-model="formData.mainMark" :true-label="1" :false-label="0">是否为主缺陷</el-checkbox>
     </el-form-item>
+    <el-form-item label="缺陷图片" v-if="formData.mainMark === 1">
+      <image-upload v-model="formData.attachmentFiles" value-mode="url" :limit="3" />
+    </el-form-item>
     
   </el-form>
 </template>
 
 <script>
 import CoilSelector from '@/components/CoilSelector'
+import ImageUpload from '@/components/ImageUpload'
 
 export default {
   name: "AbnormalForm",
   components: {
-    CoilSelector
+    CoilSelector,
+    ImageUpload
   },
   props: {
     value: {
@@ -141,7 +146,8 @@ export default {
         productionLine: undefined,
         defectCode: undefined,
         degree: undefined,
-        remark: undefined
+        remark: undefined,
+        attachmentFiles: undefined
       };
     },
     /** 计算缺陷长度 */