CN-1551 fix: 添加知识库和detection页table的单元格设置

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版本上线

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)

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 () {

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: {