CN-1594 feat: 部分css重构内容：实体详情tabs各模块

src/views/charts2/charts/entityDetail/tabs/BehaviorPattern.vue

@@ -1,5 +1,5 @@
 <template>
-  <chart-error v-if="showError" :content="errorMsg" class="entity-detail-event-error"></chart-error>
+  <chart-error v-if="showError" :content="errorMsg"></chart-error>
   <chart-no-data v-if="isNoData && !showError"></chart-no-data>
 
   <div v-if="!isNoData && !showError" class="entity-detail-event-block" style="height: 100%;width: 100%;position: relative;">

src/views/charts2/charts/entityDetail/tabs/DigitalCertificate.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <chart-error v-if="showError" :content="errorMsg" class="entity-detail-event-error"></chart-error>
+    <chart-error v-if="showError" :content="errorMsg"></chart-error>
     <chart-no-data v-if="isNoData && !showError"></chart-no-data>
 
     <div v-if="!isNoData && !showError && !loading" class="digital-certificate" :style="{width: moreCertificatesWidth}">
@@ -12,7 +12,7 @@
         </div>
       </div>
 
-      <div v-for="(item, index) in infoList" :key="index" style="margin-top: 20px">
+      <div v-for="(item, index) in infoList" :key="index" class="margin-t-20">
         <div class="digital-certificate-body">
           <div class="digital-certificate-body-tags">
             <div :class="item.flag === '0' ? 'entity-tag entity-tag--level-two-negative-no-background' : 'entity-tag entity-tag--level-two-positive-no-background'">{{ this.$t(getTrusted(item.flag)) }}</div>

src/views/charts2/charts/entityDetail/tabs/InformationAggregation.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!--初步方案：error提示替换table。后续若改为table内error提示，记得在此修改-->
-    <chart-error v-if="showError" :content="errorMsg" class="entity-detail-event-error"></chart-error>
+    <chart-error v-if="showError" :content="errorMsg"></chart-error>
     <chart-no-data v-if="isNoData && !showError" test-id="no-data"></chart-no-data>
     <div v-if="!isNoData && !showError && !loading" class="information-aggregation__table">
       <el-table

src/views/charts2/charts/entityDetail/tabs/OpenPort.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <chart-error v-if="showError" :content="errorMsg" class="entity-detail-event-error"></chart-error>
+    <chart-error v-if="showError" :content="errorMsg"></chart-error>
     <chart-no-data v-if="isNoData && !showError"></chart-no-data>
 
     <div v-if="!showError && !isNoData && initFlag" class="type-data__column">
@@ -15,7 +15,12 @@
           </div>
         </div>
         <div class="more" v-if="openPortList.length > entityDetailRelatedEntitiesShowSize">
-          <span class="button" :style="{'opacity': openPortList.length > showOpenPortListInfo.num ? 1 : 0.6}"  @click="showMore(showOpenPortListInfo,openPortList)">{{ $t('overall.more') }} > </span>
+          <span
+              class="button"
+              :style="{'opacity': openPortList.length > showOpenPortListInfo.num ? 1 : 0.6}"
+              @click="showMore(showOpenPortListInfo,openPortList)">
+            {{ $t('overall.more') }} >
+          </span>
         </div>
       </div>
     </div>
@@ -33,8 +38,7 @@ import { getNowTime } from '@/utils/date-util'
 export default {
   name: 'OpenPort',
   mixins: [chartMixin],
-  props: {
-  },
+  props: {},
   data () {
     return {
       openPortList: [],
@@ -98,9 +102,12 @@ export default {
     },
     getUrlByEntityType (type) {
       switch (type) {
-        case 'ip': return api.entity.openPortOfIp
-        case 'domain': return api.entity.openPortOfDomain
-        case 'app': return api.entity.openPortOfApp
+        case 'ip':
+          return api.entity.openPortOfIp
+        case 'domain':
+          return api.entity.openPortOfDomain
+        case 'app':
+          return api.entity.openPortOfApp
       }
     }
   }

src/views/charts2/charts/entityDetail/tabs/PerformanceEvent.vue

@@ -1,5 +1,5 @@
 <template>
-  <chart-error v-if="showError" :content="errorMsg" class="entity-detail-event-error"></chart-error>
+  <chart-error v-if="showError" :content="errorMsg"></chart-error>
   <chart-no-data v-if="isNoData && !showError"></chart-no-data>
 
   <div v-if="!isNoData && !showError" class="entity-detail-event-block">
@@ -17,7 +17,7 @@
                 class="detection-event-severity-color-block"
                 :style="`background-color: ${eventSeverityColor[item.eventSeverity]}`">
             </span>
-              <span class="detection-event-severity-block" style="margin-right: 30px">
+              <span class="detection-event-severity-block margin-r-30">
               {{ toUpperCaseByString(item.eventType) || '-' }}
             </span>
               <div class="cn-detection__body">

src/views/charts2/charts/entityDetail/tabs/SecurityEvent.vue

@@ -1,5 +1,5 @@
 <template>
-  <chart-error v-if="showError" :content="errorMsg" class="entity-detail-event-error"></chart-error>
+  <chart-error v-if="showError" :content="errorMsg"></chart-error>
   <chart-no-data v-if="isNoData && !showError" test-id="no-data"></chart-no-data>
 
   <div v-if="!isNoData && !showError" class="entity-detail-event-block">