Merge pull request #3526 from dataease/pr@dev@refactor_panel-drag-tab

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
@@ -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>