From 00df0414c2b4179b1b7f36fa62f9b418682228e1 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Fri, 27 Oct 2023 11:45:58 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E7=9F=A5=E8=AF=86=E5=BA=93=E4=B8=8D=E8=83=BD=E6=AD=A3?=
 =?UTF-8?q?=E5=B8=B8=E8=AE=BF=E9=97=AE=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../table/setting/KnowledgeBaseTableForRow.vue  | 10 ++++++----
 .../table/setting/knowledgeBaseTableForCard.vue | 17 ++++++++++-------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/components/table/setting/KnowledgeBaseTableForRow.vue b/src/components/table/setting/KnowledgeBaseTableForRow.vue
index 2bada590..7662212c 100644
--- a/src/components/table/setting/KnowledgeBaseTableForRow.vue
+++ b/src/components/table/setting/KnowledgeBaseTableForRow.vue
@@ -250,15 +250,17 @@ export default {
       }
     },
     colorText () {
+      const vm = this
       return function (color) {
-        const t = this.knowledgeBaseColor.find(t => t.value === color)
-        return t ? t.label : this.knowledgeBaseColor[0].label
+        const t = vm.knowledgeBaseColor.find(t => t.value === color)
+        return t ? t.label : vm.knowledgeBaseColor[0].label
       }
     },
     colorName () {
+      const vm = this
       return function (color) {
-        const t = this.knowledgeBaseColor.find(t => t.value === color)
-        return t ? t.name : this.knowledgeBaseColor[0].name
+        const t = vm.knowledgeBaseColor.find(t => t.value === color)
+        return t ? t.name : vm.knowledgeBaseColor[0].name
       }
     }
   }
diff --git a/src/components/table/setting/knowledgeBaseTableForCard.vue b/src/components/table/setting/knowledgeBaseTableForCard.vue
index eda7e2d0..47d26327 100644
--- a/src/components/table/setting/knowledgeBaseTableForCard.vue
+++ b/src/components/table/setting/knowledgeBaseTableForCard.vue
@@ -189,7 +189,7 @@
             </div>
             <div style="height: calc(100% - 24px); position: relative">
               <chart-no-data v-if="isNoDataForPsiphon3 && !showErrorForPsiphon3"></chart-no-data>
-              <div class="chart-drawing" v-show="!isNoDataForPsiphon3 && !showErrorForPsiphon3" ref="psiphonBarChart"></div>
+              <div class="chart-drawing" v-show="!isNoDataForPsiphon3 && !showErrorForPsiphon3" id="psiphonBarChart"></div>
             </div>
           </div>
         </div>
@@ -462,7 +462,7 @@ export default {
         if (this.myChart) {
           this.myChart.dispose()
         }
-        this.myChart = echarts.init(this.$refs.psiphonBarChart)
+        this.myChart = echarts.init(document.getElementById('psiphonBarChart'))
         this.myChart.setOption(this.chartOption)
 
         this.myChart.dispatchAction({
@@ -846,15 +846,18 @@ export default {
   beforeUnmount () {
     clearTimeout(this.timer)
     window.removeEventListener('resize', this.resize)
-
-    let myChart = echarts.getInstanceByDom(this.$refs.psiphonBarChart)
-    if (myChart) {
-      echarts.dispose(myChart)
+    const dom = document.getElementById('psiphonBarChart')
+    if (dom) {
+      let myChart = echarts.getInstanceByDom(document.getElementById('psiphonBarChart'))
+      if (myChart) {
+        echarts.dispose(myChart)
+      }
+      myChart = null
     }
+
     if (this.myChart) {
       echarts.dispose(this.myChart)
     }
-    myChart = null
   },
   computed: {
     uploadParams () {