refactor(仪表板): 当检测到组件想要移入Tab中的画布时，被拖拽组件图层设置为最高防止被tab组件遮挡

frontend/src/components/DeDrag/index.vue

@@ -12,6 +12,7 @@
         [classNameActive]: enabled ,
         ['linkageSetting']:linkageActive,
         ['batchSetting']:batchOptActive,
+        ['drag-on-tab-collision']:dragCollision,
         ['positionChange']:!(dragging || resizing||rotating)
       },
       className
@@ -63,7 +64,7 @@
         @mousedown.stop.prevent="handleDown(handlei, $event)"
         @touchstart.stop.prevent="handleTouchDown(handlei, $event)"
       >
-        <slot :name="handlei" />
+        <slot :name="handlei"/>
       </div>
       <div
         :id="componentCanvasId"
@@ -76,7 +77,7 @@
           class="svg-background"
           :icon-class="mainSlotSvgInner"
         />
-        <slot />
+        <slot/>
       </div>
     </div>
   </div>
@@ -433,6 +434,9 @@ export default {
     }
   },
   computed: {
+    dragCollision() {
+      return this.dragging && Boolean(this.tabCollisionActiveId)
+    },
     parentWidthOffset() {
       if (this.canvasId === 'canvas-main') {
         return 0
@@ -2114,4 +2118,8 @@ export default {
   width: 100%;
   height: 100%;
 }
+
+.drag-on-tab-collision {
+  z-index: 1000!important;
+}
 </style>