From f58c2af6ced6958080a3eddfbbcfa88d3d006840 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Mon, 11 Mar 2024 15:24:49 +0800
Subject: [PATCH] =?UTF-8?q?CN-1551=20fix:=20=E6=B7=BB=E5=8A=A0=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93=E5=92=8Cdetection=E9=A1=B5table=E7=9A=84?=
 =?UTF-8?q?=E5=8D=95=E5=85=83=E6=A0=BC=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/themes/THEME_README.md         |  1 +
 .../networkOverview/NetworkOverviewApps.vue   |  3 ++-
 .../detections/detectionPolicies/Index.vue    | 19 ++++++++++++++++---
 .../setting/KnowledgeBaseUserDefinedList.vue  | 19 ++++++++++++++++---
 4 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/themes/THEME_README.md b/src/assets/css/themes/THEME_README.md
index 837146ba..b719f943 100644
--- a/src/assets/css/themes/THEME_README.md
+++ b/src/assets/css/themes/THEME_README.md
@@ -31,3 +31,4 @@
 - drawer抽屉：在header.vue中遇到，custom-class="cn-menu"，渲染后class中没有cn-menu，也许是按需引入导致的，额外标注
 - message-box弹窗：新版在旧版的el-message-box的外层包裹了一层父div el-overlay-message-box，导致原样式会错乱
 - dialog: custom在2.4版本后被移除，使用class替代，插槽中的title也在2.4版本后移除，使用header替代
+- tabs: 点击tabs，tab-click有延迟，v-model获取的信息是上一个路由的信息，使用tab-change获取的v-model则是实时的，根据使用内容进行取舍。tab-change在2.1.8版本上线
diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
index 7b7a8a65..55383f41 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
@@ -122,7 +122,7 @@
 
 <script>
 import unitConvert, { valueToRangeValue } from '@/utils/unit-convert'
-import { storageKey, unitTypes, networkTable, operationType, curTabState, metricType, metricOptions } from '@/utils/constants'
+import { storageKey, unitTypes, networkTable, operationType, curTabState, metricOptions } from '@/utils/constants'
 import * as echarts from 'echarts'
 import { appListChartOption } from '@/views/charts2/charts/options/echartOption'
 import { shallowRef } from 'vue'
@@ -551,6 +551,7 @@ export default {
       this.showAddApp = false
     },
     appTypeTabChange (n) {
+      // 此处的tab-click有延迟，获取的是上一个路由，jest单测里获取的是click，为兼容故继续使用tab-click而非tab-change
       this.pageObj.pageNo = 1
       this.searcherApp = ''
       this.addApp('', '', '', n.index)
diff --git a/src/views/detections/detectionPolicies/Index.vue b/src/views/detections/detectionPolicies/Index.vue
index 683754d9..cfa20151 100644
--- a/src/views/detections/detectionPolicies/Index.vue
+++ b/src/views/detections/detectionPolicies/Index.vue
@@ -60,8 +60,8 @@
               height="156px"
               width="100%"
               class="dialog-table"
-              cell-style="padding:4px 0px;font-size: 12px;color: #353636;font-weight: 400;"
-              header-cell-style="padding:4px 0px;background: #F5F8FA;font-size: 12px;color: #353636;font-weight: 500;">
+              :cell-style="myCellStyle"
+              :header-cell-style="myHeaderCellStyle">
       <el-table-column :resizable="false" align="center" type="selection" width="50"></el-table-column>
       <el-table-column property="ruleId" label="ID" width="150"></el-table-column>
       <el-table-column property="name" label="Name"></el-table-column>
@@ -122,7 +122,20 @@ export default {
       filterParams: {},
       policyTotal: 0,
       policyEnabledNum: 0,
-      policyDetail: {}
+      policyDetail: {},
+      myCellStyle: {
+        padding: '4px 0px',
+        'font-size': '12px',
+        color: '#353636',
+        'font-weight': 400
+      },
+      myHeaderCellStyle: {
+        padding: '4px 0px',
+        background: '#F5F8FA',
+        'font-size': '12px',
+        color: '#353636',
+        'font-weight': 500
+      }
     }
   },
   mounted () {
diff --git a/src/views/setting/KnowledgeBaseUserDefinedList.vue b/src/views/setting/KnowledgeBaseUserDefinedList.vue
index d685640f..345358aa 100644
--- a/src/views/setting/KnowledgeBaseUserDefinedList.vue
+++ b/src/views/setting/KnowledgeBaseUserDefinedList.vue
@@ -77,8 +77,8 @@
               height="156px"
               width="100%"
               class="dialog-table"
-              cell-style="padding:4px 0px;font-size: 12px;color: #353636;font-weight: 400;"
-              header-cell-style="padding:4px 0px;background: #F5F8FA;font-size: 12px;color: #353636;font-weight: 500;">
+              :cell-style="myCellStyle"
+              :header-cell-style="myHeaderCellStyle">
       <el-table-column
               :resizable="false"
               align="center"
@@ -121,7 +121,20 @@ export default {
       keyWord: '',
       showConfirmDialog: false,
       delItemList: [],
-      secondBatchDeleteObjs: []
+      secondBatchDeleteObjs: [],
+      myCellStyle: {
+        padding: '4px 0px',
+        'font-size': '12px',
+        color: '#353636',
+        'font-weight': 400
+      },
+      myHeaderCellStyle: {
+        padding: '4px 0px',
+        background: '#F5F8FA',
+        'font-size': '12px',
+        color: '#353636',
+        'font-weight': 500
+      }
     }
   },
   watch: {