From edc6edafeb52efb31f48118303efbe33a09af759 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 25 Apr 2022 13:25:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A1=A8=E6=A0=BC=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=E6=97=A0=E9=9C=80=E6=98=BE=E7=A4=BA=E5=AF=BC=E5=87=BA=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/Preview.vue      |  7 ++++--
 .../canvas/components/Editor/index.vue        | 22 +++++++++++--------
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/Preview.vue b/frontend/src/components/canvas/components/Editor/Preview.vue
index 5d11fc0b66..0469c8d67c 100644
--- a/frontend/src/components/canvas/components/Editor/Preview.vue
+++ b/frontend/src/components/canvas/components/Editor/Preview.vue
@@ -31,14 +31,14 @@
           class="dialog-css"
           :destroy-on-close="true"
         >
-          <span  v-if="chartDetailsVisible"  style="position: absolute;right: 70px;top:15px">
+          <span v-if="chartDetailsVisible" style="position: absolute;right: 70px;top:15px">
             <el-dropdown>
               <el-button size="mini">
                 {{ $t('chart.export') }}<i class="el-icon-download" />
               </el-button>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item @click.native="exportExcel"><svg-icon icon-class="ds-excel" class="ds-icon-excel" />Excle</el-dropdown-item>
-                <el-dropdown-item icon="el-icon-picture-outline" @click.native="exportViewImg">{{ $t('chart.image') }}</el-dropdown-item>
+                <el-dropdown-item v-if="showExportImgButton" icon="el-icon-picture-outline" @click.native="exportViewImg">{{ $t('chart.image') }}</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
           </span>
@@ -137,6 +137,9 @@ export default {
   created() {
   },
   computed: {
+    showExportImgButton() {
+      return this.showChartInfo.type && !this.showChartInfo.type.includes('table')
+    },
     canvasInfoMainStyle() {
       if (this.backScreenShot) {
         return {
diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index 4dcc72c839..231ba944cb 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -153,16 +153,16 @@
       :destroy-on-close="true"
       :show-close="true"
     >
-      <span  v-if="chartDetailsVisible" style="position: absolute;right: 70px;top:15px">
+      <span v-if="chartDetailsVisible" style="position: absolute;right: 70px;top:15px">
         <el-dropdown>
-              <el-button size="mini">
-                {{ $t('chart.export') }}<i class="el-icon-download" />
-              </el-button>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item @click.native="exportExcel"><svg-icon icon-class="ds-excel" class="ds-icon-excel" />Excle</el-dropdown-item>
-                <el-dropdown-item icon="el-icon-picture-outline" @click.native="exportViewImg">{{ $t('chart.image') }}</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
+          <el-button size="mini">
+            {{ $t('chart.export') }}<i class="el-icon-download" />
+          </el-button>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item @click.native="exportExcel"><svg-icon icon-class="ds-excel" class="ds-icon-excel" />Excle</el-dropdown-item>
+            <el-dropdown-item v-if="showExportImgButton" icon="el-icon-picture-outline" @click.native="exportViewImg">{{ $t('chart.image') }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
       </span>
       <UserViewDialog
         v-if="chartDetailsVisible"
@@ -952,6 +952,10 @@ export default {
     }
   },
   computed: {
+    showExportImgButton() {
+      // if the chart type belong to table,'export image' button should be hidden
+      return this.showChartInfo.type && !this.showChartInfo.type.includes('table')
+    },
     showGrid() {
       if (this.canvasStyleData && this.canvasStyleData.aidedDesign) {
         return this.canvasStyleData.aidedDesign.showGrid