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

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

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

@@ -23,12 +23,26 @@
         <dict-tag :options="dict.type.coil_abnormal_code" :value="scope.row.defectCode" />
       </template>
     </el-table-column>
-    <el-table-column label="是否为主缺陷" prop="mainMark">
+    <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="缺陷图片" align="center" prop="attachmentFiles" width="120">
+      <template slot-scope="scope">
+        <template v-if="scope.row.attachmentFiles">
+          <div v-for="(url, idx) in scope.row.attachmentFiles.split(',')" :key="idx" style="margin-right: 4px;">
+            <el-image
+              style="width: 30px; height: 30px; vertical-align: middle; border-radius: 2px;"
+              :src="url"
+              :preview-src-list="scope.row.attachmentFiles.split(',')"
+              fit="cover"
+            />
+          </div>
+        </template>
+      </template>
+    </el-table-column>
     <el-table-column label="程度" align="center" prop="degree">
       <template slot-scope="scope">
         <dict-tag :options="dict.type.coil_abnormal_degree" :value="scope.row.degree" />