From 025555e92b9d68db25431c348c5a46dd126ee1f3 Mon Sep 17 00:00:00 2001
From: zhengliming <zhengliming@imlianai.com>
Date: Wed, 10 Jan 2024 01:23:42 +0800
Subject: [PATCH] =?UTF-8?q?[fix]=20=E4=BF=AE=E5=A4=8D=E6=8B=96=E6=8B=BD?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E5=9B=BE=E7=89=87=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E7=AC=AC=E4=B8=80=E4=B8=AA=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E4=BC=9A=E4=B8=8E=E6=B7=BB=E5=8A=A0=E6=8C=89=E9=92=AE=E9=87=8D?=
 =?UTF-8?q?=E5=8F=A0=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tn-image-upload-drag.vue                  | 38 +++++++++++--------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/tuniao-ui/components/tn-image-upload-drag/tn-image-upload-drag.vue b/tuniao-ui/components/tn-image-upload-drag/tn-image-upload-drag.vue
index 3a96b98..b205c73 100644
--- a/tuniao-ui/components/tn-image-upload-drag/tn-image-upload-drag.vue
+++ b/tuniao-ui/components/tn-image-upload-drag/tn-image-upload-drag.vue
@@ -7,6 +7,7 @@
       }"
       @mouseenter="mouseEnterArea"
       @mouseleave="mouseLeaveArea"
+      v-if="show"
     >
       <block
         v-for="(item, index) in lists"
@@ -298,7 +299,8 @@
           y: 0
         },
         timer: null,
-        dragging: false
+        dragging: false,
+        show:true
       }
     },
     watch: {
@@ -551,22 +553,24 @@
         if (index >= 0 && index < this.lists.length) {
           let currentItemIndex = this.lists[index].index
           this.lists.splice(index, 1)
-          // 重新排列列表信息
-          for (let item of this.lists) {
-            if (item.index > currentItemIndex) {
-              item.index -= 1
-              item.x = item.positionX * this.baseData.widthPx
-              item.y = item.positionY * this.baseData.heightPx
-              item.positionX = item.index % this.baseData.columns
-              item.positionY = Math.floor(item.index / this.baseData.columns)
-              this.$nextTick(() => {
+          this.show = false;
+          setTimeout(()=>{
+            // 重新排列列表信息
+            for (let item of this.lists) {
+              if (item.index > currentItemIndex) {
+                item.index -= 1
                 item.x = item.positionX * this.baseData.widthPx
                 item.y = item.positionY * this.baseData.heightPx
-              })
+                item.positionX = item.index % this.baseData.columns
+                item.positionY = Math.floor(item.index / this.baseData.columns)
+                this.$nextTick(() => {
+                  item.x = item.positionX * this.baseData.widthPx
+                  item.y = item.positionY * this.baseData.heightPx
+                })
+              }
             }
-          }
-          
-          this.updateAddBtnPositioin()
+            this.updateAddBtnPositioin()
+          },50)
         }
       },
       // 预览图片
@@ -684,8 +688,10 @@
       updateAddBtnPositioin() {
         if (this.lists.length >= this.maxCount) return
         
-        this.addBtn.x = (this.lists.length % this.baseData.columns) * this.baseData.widthPx
-        this.addBtn.y = Math.floor(this.lists.length / this.baseData.columns) * this.baseData.heightPx
+        setTimeout(()=>{
+          this.addBtn.x = (this.lists.length % this.baseData.columns) * this.baseData.widthPx
+          this.addBtn.y = Math.floor(this.lists.length / this.baseData.columns) * this.baseData.heightPx
+        },50);
       },
       // 获取排序后数据
       sortList() {