From 9975287b759cfaa12fdb12643e2fc592aaca4e20 Mon Sep 17 00:00:00 2001
From: junjie <junjie.xia@fit2cloud.com>
Date: Wed, 9 Jun 2021 17:21:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=E8=A1=A8=E6=A0=BC=E5=90=88?=
 =?UTF-8?q?=E8=AE=A1=E6=A0=B7=E5=BC=8Ffix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chart/components/table/TableNormal.vue    | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/frontend/src/views/chart/components/table/TableNormal.vue b/frontend/src/views/chart/components/table/TableNormal.vue
index f1198f1e04..b176dda447 100644
--- a/frontend/src/views/chart/components/table/TableNormal.vue
+++ b/frontend/src/views/chart/components/table/TableNormal.vue
@@ -2,7 +2,6 @@
   <div ref="tableContainer" :style="bg_class">
     <p v-show="title_show" ref="title" :style="title_class">{{ chart.title }}</p>
     <ux-grid
-      :id="chart.id"
       ref="plxTable"
       size="mini"
       style="width: 100%;"
@@ -12,6 +11,7 @@
       :header-row-style="table_header_class"
       :row-style="getRowStyle"
       class="table-class"
+      :class="chart.id"
       show-summary
       :summary-method="summaryMethod"
     >
@@ -169,16 +169,18 @@ export default {
         }
       }
       // 修改footer合计样式
-      const table = document.getElementById(this.chart.id)
-      const s_table = table.getElementsByClassName('elx-table--footer')
-      // console.log(s_table)
-      let s = ''
-      for (const i in this.table_header_class) {
-        s += (i === 'fontSize' ? 'font-size' : i) + ':' + this.table_header_class[i] + ';'
-      }
-      console.log(s_table)
-      for (let i = 0; i < s_table.length; i++) {
-        s_table[i].setAttribute('style', s)
+      const table = document.getElementsByClassName(this.chart.id)
+      for (let i = 0; i < table.length; i++) {
+        const s_table = table[i].getElementsByClassName('elx-table--footer')
+        // console.log(s_table)
+        let s = ''
+        for (const i in this.table_header_class) {
+          s += (i === 'fontSize' ? 'font-size' : i) + ':' + this.table_header_class[i] + ';'
+        }
+        // console.log(s_table)
+        for (let i = 0; i < s_table.length; i++) {
+          s_table[i].setAttribute('style', s)
+        }
       }
     },
     getRowStyle({ row, rowIndex }) {
@@ -223,6 +225,10 @@ export default {
     chartResize() {
       // 指定图表的配置项和数据
       this.calcHeight()
+    },
+
+    initClass() {
+      return this.chart.id
     }
   }
 }