From 403a9a1dda3c457d129f75e480ddb7d10cfec971 Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Fri, 22 Dec 2023 18:00:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=A7=86=E5=9B=BE-=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E7=BB=84=E4=BB=B6):=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=B8=85=E7=A9=BA=E6=8C=89=E9=92=AE=E3=80=82#7144?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../panel/filter/filterMain/FilterHead.vue    | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/core/frontend/src/views/panel/filter/filterMain/FilterHead.vue b/core/frontend/src/views/panel/filter/filterMain/FilterHead.vue
index ea15432607..a8b044646b 100644
--- a/core/frontend/src/views/panel/filter/filterMain/FilterHead.vue
+++ b/core/frontend/src/views/panel/filter/filterMain/FilterHead.vue
@@ -33,7 +33,12 @@
                   />
                 </v-flex>
 
-                <span solt="footer">{{ $t('panel.drag_here') }}</span>
+                <span slot="footer">{{ $t('panel.drag_here') }}</span>
+                <i
+                  v-show="element.options.attrs.dragItems.length"
+                  class="el-icon-error clr-btn"
+                  @click="clearItems"
+                />
               </draggable>
             </el-row>
           </div>
@@ -96,7 +101,10 @@ export default {
     },
     end2(e) {
     },
-
+    clearItems() {
+      this.element.options.attrs.dragItems.splice(0)
+      this.element.options.attrs.sort = null
+    },
     closeItem(tag) {
       const index = tag.index
       this.element.options.attrs.dragItems.splice(index, 1)
@@ -191,5 +199,12 @@ export default {
 .blackTheme .theme-drag {
   background-color: var(--MainBG, #fff);
 }
-
+.clr-btn {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  &:hover {
+    color: #3370ff;
+  }
+}
 </style>