From 10e0f64b4463ee50fac4f4f2a70b811800ee327a Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 16 Sep 2021 12:04:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BB=AA=E8=A1=A8=E6=9D=BF=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E6=94=B9=E5=8F=98=E5=A4=A7=E5=B0=8F=E6=97=B6=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E9=98=B4=E5=BD=B1=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/DeDrag/index.vue              | 11 ++++++++++-
 .../src/components/canvas/components/Editor/index.vue |  9 ++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index 2a8f91e95c..1d95915e4c 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -21,6 +21,7 @@
     @mouseleave="leave"
   >
     <edit-bar v-if="active||linkageSettingStatus" style="transform: translateZ(10px)" :active-model="'edit'" :element="element" @showViewDetails="showViewDetails" />
+    <div v-if="resizing" style="transform: translateZ(11px);position: absolute; z-index: 3" :style="resizeShadowStyle" />
     <div
       v-for="(handlei, indexi) in actualHandles"
       :key="indexi"
@@ -440,6 +441,14 @@ export default {
         ...(this.dragging && this.disableUserSelect ? userSelectNone : userSelectAuto)
       }
     },
+    resizeShadowStyle() {
+      return {
+        width: this.computedWidth,
+        height: this.computedHeight,
+        opacity: 0.2,
+        background: 'gray'
+      }
+    },
     // 控制柄显示与否
     actualHandles() {
       if (!this.resizable) return []
@@ -1490,7 +1499,7 @@ export default {
       // resize
       const self = this
       setTimeout(function() {
-        self.$emit('resizestop')
+        self.$emit('resizeView')
       }, 200)
     },
     mountedFunction() {
diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index fdc534aa08..afd486554a 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -12,7 +12,7 @@
     @mousedown="handleMouseDown"
   >
     <!-- 网格线 -->
-<!--    <Grid v-if="canvasStyleData.auxiliaryMatrix&&!linkageSettingStatus" :matrix-style="matrixStyle" />-->
+    <!--    <Grid v-if="canvasStyleData.auxiliaryMatrix&&!linkageSettingStatus" :matrix-style="matrixStyle" />-->
 
     <!-- 仪表板联动清除按钮-->
     <canvas-opt-bar />
@@ -41,7 +41,7 @@
       :linkage-active="linkageSettingStatus&&item===curLinkageView"
       @refLineParams="getRefLineParams"
       @showViewDetails="showViewDetails(index)"
-      @resizestop="resizestop(index,item)"
+      @resizeView="resizeView(index,item)"
     >
       <component
         :is="item.component"
@@ -104,6 +104,9 @@
         :active="item === curComponent"
       />
     </de-drag>
+
+    <!--拖拽阴影部分-->
+
     <!-- 右击菜单 -->
     <ContextMenu />
     <!-- 标线 (临时去掉标线 吸附等功能)-->
@@ -631,7 +634,7 @@ export default {
     showViewDetails(index) {
       this.$refs.wrapperChild[index].openChartDetailsDialog()
     },
-    resizestop(index, item) {
+    resizeView(index, item) {
       if (item.type === 'view') {
         this.$refs.wrapperChild[index].chartResize()
       }