Explorar o código

fix: 修改删除

xiaweibo hai 1 mes
pai
achega
b77f8b7aa1

+ 10 - 5
src/views/production-safety/risk-identification-and-control/labor-products-purchase-apply-manage/components/detail.vue

@@ -102,17 +102,17 @@
                 :on-change="(file) => handleApprovalImageChange(row, file)"
                 :on-exceed="handleApprovalImageExceed"
                 :on-remove="() => handleApprovalImageRemove(row)"
-                :class="{'hide': isViewMode}"
+                :class="{'hide': isViewMode || isAuditMode}"
               >
                 <el-icon><Plus /></el-icon>
                 <template #file="{ file }"> 
                   <div>
                     <img class="el-upload-list__item-thumbnail" :src="file.fileUrl" alt="" />
                     <span class="el-upload-list__item-actions">
-                      <span class="el-upload-list__item-preview" v-if="isViewMode" @click="previewOnline(file.fileUrl)">
+                      <span class="el-upload-list__item-preview" v-if="isViewMode || isAuditMode" @click="previewOnline(file.fileUrl)">
                         <el-icon><ZoomIn /></el-icon>
                       </span>
-                      <span class="el-upload-list__item-delete" v-if="!isViewMode" @click.stop="handleApprovalDeleteClick()">
+                      <span class="el-upload-list__item-delete" v-if="!isViewMode && !isAuditMode" @click.stop="handleApprovalDeleteClick(row)">
                         <el-icon><Delete /></el-icon>
                       </span>
                     </span>
@@ -895,8 +895,13 @@
     form.itemList[approvalUploadKey.value].imageUrl = [];
   };
 
-  const handleApprovalDeleteClick = () => {
-    resetApprovalImageUpload();
+  const handleApprovalDeleteClick = (row: PurchaseApplyItem) => {
+    row.pictureUrl = [];
+    row.stylePhoto = '';
+    const key = row.id || row.$$uid || 'default';
+    if (uploadRefs.value[key]) {
+      uploadRefs.value[key].clearFiles();
+    }
   };
 
   const handleApprovalImageRemove = (row: PurchaseApplyItem) => {