From 4c22d7c0bb4e8bf66c9bcae040a55b46857e54eb Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Wed, 22 Jun 2022 17:04:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20L7=E7=AC=A6=E5=8F=B7=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E7=A6=81=E7=94=A8=E5=AF=BC=E5=87=BA=E5=9B=BE=E7=89=87=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/canvas/components/Editor/Preview.vue   |  2 +-
 .../src/components/canvas/components/Editor/index.vue |  2 +-
 .../canvas/custom-component/UserViewDialog.vue        | 11 +++++++++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/Preview.vue b/frontend/src/components/canvas/components/Editor/Preview.vue
index c24992499d..9072ff6edb 100644
--- a/frontend/src/components/canvas/components/Editor/Preview.vue
+++ b/frontend/src/components/canvas/components/Editor/Preview.vue
@@ -43,7 +43,7 @@
           top="5vh"
         >
           <span v-if="chartDetailsVisible" style="position: absolute;right: 70px;top:15px">
-            <el-button v-if="showChartInfoType==='enlarge'" class="el-icon-picture-outline" size="mini" @click="exportViewImg">
+            <el-button v-if="showChartInfoType==='enlarge' && showChartInfo && showChartInfo.type !== 'symbol-map'" class="el-icon-picture-outline" size="mini" @click="exportViewImg">
               {{ $t('chart.export_img') }}
             </el-button>
             <el-button v-if="showChartInfoType==='details'" size="mini" @click="exportExcel">
diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index 392b1e590e..853bf428f8 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -144,7 +144,7 @@
       top="5vh"
     >
       <span v-if="chartDetailsVisible" style="position: absolute;right: 70px;top:15px">
-        <el-button v-if="showChartInfoType==='enlarge'" class="el-icon-picture-outline" size="mini" @click="exportViewImg">
+        <el-button v-if="showChartInfoType==='enlarge' && showChartInfo && showChartInfo.type !== 'symbol-map'" class="el-icon-picture-outline" size="mini" @click="exportViewImg">
           {{ $t('chart.export_img') }}
         </el-button>
         <el-button v-if="showChartInfoType==='details'" size="mini" @click="exportExcel">
diff --git a/frontend/src/components/canvas/custom-component/UserViewDialog.vue b/frontend/src/components/canvas/custom-component/UserViewDialog.vue
index ddb52687a1..1352335832 100644
--- a/frontend/src/components/canvas/custom-component/UserViewDialog.vue
+++ b/frontend/src/components/canvas/custom-component/UserViewDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <de-container v-loading="$store.getters.loadingMap[$store.getters.currentPath]">
+  <de-container v-loading="$store.getters.loadingMap[$store.getters.currentPath]" :class="isAbsoluteContainer ? 'abs-container' : ''">
     <de-main-container v-show="showChartCanvas">
       <div id="chartCanvas" class="canvas-class" :style="customStyle">
         <div class="canvas-class" :style="commonStyle">
@@ -66,7 +66,9 @@ export default {
     }
   },
   computed: {
-
+    isAbsoluteContainer() {
+      return this.chart.type === 'symbol-map'
+    },
     showChartCanvas() {
       return this.openType === 'enlarge'
     },
@@ -229,4 +231,9 @@ export default {
     height: 100%;
     background-size: 100% 100% !important;
   }
+  .abs-container {
+    position: absolute;
+    width: 100%;
+    margin-left: -20px;
+  }
 </style>