From af7f2e81c6a522ff13345e3594d0904d49dbdf42 Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Wed, 16 Dec 2020 15:00:27 +0800
Subject: [PATCH] =?UTF-8?q?style:table=20=E9=A2=84=E8=A7=88=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/charts/chart.scss       | 7 ++++---
 nezha-fronted/src/components/charts/chartPreview.vue | 6 ++++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/nezha-fronted/src/components/charts/chart.scss b/nezha-fronted/src/components/charts/chart.scss
index e02bb43e9..6f845de0a 100644
--- a/nezha-fronted/src/components/charts/chart.scss
+++ b/nezha-fronted/src/components/charts/chart.scss
@@ -663,7 +663,8 @@
   background-color: rgba(0,0,0,.1);
   z-index: 100;
 }*/
-.chart-table .nz-table .el-table__row .costom-value .cell{
-  padding: 1px 0;
-
+.chart-table ,.chart-preview-dialog {
+  .nz-table .el-table__row .costom-value .cell{
+    padding: 1px 0;
+  }
 }
diff --git a/nezha-fronted/src/components/charts/chartPreview.vue b/nezha-fronted/src/components/charts/chartPreview.vue
index 9f5c603bf..e310e5e1a 100644
--- a/nezha-fronted/src/components/charts/chartPreview.vue
+++ b/nezha-fronted/src/components/charts/chartPreview.vue
@@ -141,9 +141,11 @@
               {{ scope.row.element.alias?scope.row.element.alias:scope.row.element.element}}
             </template>
           </el-table-column>
-          <el-table-column sortable prop="value" :label="$t('dashboard.panel.chartTableColumn.value')" width="90">
+          <el-table-column sortable prop="value" :label="$t('dashboard.panel.chartTableColumn.value')" width="90" class-name="costom-value">
             <template slot-scope="scope">
-              <div :style="{color:scope.row.mapping?scope.row.mapping.color.text:'#000',background:scope.row.mapping?scope.row.mapping.color.bac:'#fff',margin: '10px 0'}">{{ scope.row.value}}</div>
+              <div :style="{color:scope.row.mapping?scope.row.mapping.color.text:'#000',background:scope.row.mapping?scope.row.mapping.color.bac:'#fff'}">
+                <span style="padding: 0px 10px;">{{ scope.row.value}}</span>
+              </div>
             </template>
           </el-table-column>
         </el-table>