From 263b7cc9bf627376c23d30382b0fba5d56727300 Mon Sep 17 00:00:00 2001
From: xielue <gd_star@163.com>
Date: Tue, 24 Oct 2023 11:09:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E5=85=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MoldProductionOrder/ComponentDetail.vue   | 52 ++++++++++++++++---
 1 file changed, 45 insertions(+), 7 deletions(-)

diff --git a/src/pages/Middle/Mold/MoldProductionOrder/ComponentDetail.vue b/src/pages/Middle/Mold/MoldProductionOrder/ComponentDetail.vue
index 028974a..3ad52f2 100644
--- a/src/pages/Middle/Mold/MoldProductionOrder/ComponentDetail.vue
+++ b/src/pages/Middle/Mold/MoldProductionOrder/ComponentDetail.vue
@@ -7,8 +7,21 @@
       :edit-config="{ trigger: 'click', mode: 'cell', icon: 'vxe-icon-edit', showStatus: false, beforeEditMethod: beforeEditMethod }">
       <vxe-column title="图片" width="110" align="center">
         <template #default="{ row }">
-          <img v-if="row.component_img" style="width:50px;height:50px;" :src="row.component_img"
-            @click.stop="$hevueImgPreview(row.component_img)" />
+          <div v-if="row.component_img" style="position: relative;" class="imgbox">
+            <img style="width:50px;height:50px;" :src="row.component_img"
+              @click.stop="$hevueImgPreview(row.component_img)" />
+            <div class="imgicons" style="position:absolute;right:0px;top:0px;">
+              <div>
+                <a @click="imgDel({ row })"> <a-icon type="close-circle" /></a>
+              </div>
+              <div>
+                <a-upload name="file" accept="image/*" :before-upload="beforeUpload" :show-upload-list="false">
+                  <a @click="uploadClick({ row })"> <a-icon type="edit" /></a>
+                </a-upload>
+              </div>
+            </div>
+          </div>
+
           <span v-else>
             <a-upload name="file" accept="image/*" :before-upload="beforeUpload" :show-upload-list="false">
               <a-button type="link" @click="uploadClick({ row })">上传图片</a-button>
@@ -43,7 +56,7 @@
         :edit-render="{ name: '$input', props: { type: 'date' } }"></vxe-column>
 
 
-      <vxe-column title="完成" width="160"   align="center" v-if="getDataId()">
+      <vxe-column title="完成" width="160" align="center" v-if="getDataId()">
         <template #default="{ row }">
           <div v-if="row.id">
             <div v-if="row.complete_time">{{ $mk.getDateString(row.complete_time) }}</div>
@@ -59,11 +72,15 @@
         :params="{ data: options_user_type }" formatter='formatEnum'></vxe-column> -->
 
 
-      <vxe-column field="spec" title="规格"   align="center" width="160" :edit-render="{ name: '$input', props: {} }"></vxe-column>
-      <vxe-column field="surface" title="表面工艺"  align="center" width="160" :edit-render="{ name: '$input', props: {} }"></vxe-column>
-      <vxe-column field="inlay" title="镶件材料"  align="center" width="160" :edit-render="{ name: '$input', props: {} }"></vxe-column>
+      <vxe-column field="spec" title="规格" align="center" width="160"
+        :edit-render="{ name: '$input', props: {} }"></vxe-column>
+      <vxe-column field="surface" title="表面工艺" align="center" width="160"
+        :edit-render="{ name: '$input', props: {} }"></vxe-column>
+      <vxe-column field="inlay" title="镶件材料" align="center" width="160"
+        :edit-render="{ name: '$input', props: {} }"></vxe-column>
 
-      <vxe-column field="remark" title="备注"  align="center" width="auto" :edit-render="{ name: '$input', props: {} }"></vxe-column>
+      <vxe-column field="remark" title="备注" align="center" width="auto"
+        :edit-render="{ name: '$input', props: {} }"></vxe-column>
 
 
 
@@ -697,6 +714,18 @@ export default {
       return false
     },
 
+    imgDel({ row }) {
+
+      row.component_img = "";
+      this.$mk.post({
+        url: `${BASE_URL.BASE_URL}/MoldProductionOrder/v1/mold/production/order/upload`,
+        data: { id: row.id, image: "" },
+        useBigInt: true
+      }).then(a => {
+        console.log(a);
+      });
+    },
+
 
 
     uploadClick({ row }) {
@@ -751,4 +780,13 @@ export default {
 .oplinks2 i {
   margin-left: 5px;
 }
+
+.imgicons {
+  display: none;
+  ;
+}
+
+.imgbox:hover .imgicons {
+  display: block;
+}
 </style>