CN-403 fix: performance详情域名截取二级域名

src/views/entityExplorer/entityList/Row.vue

@@ -200,21 +200,21 @@ export default {
   name: 'Row',
   props: {
     index: Number,
-    timeFilter: Object,
+    timeFilter: Object
   },
   components: {
-    DetailOverview,
+    DetailOverview
   },
   mixins: [entityListMixin, entityDetailMixin, relatedServer],
-  data() {
+  data () {
     return {
       isCollapse: true, // 是否是折叠状态
       trafficUrl: '',
-      entityType: '',
+      entityType: ''
     }
   },
   computed: {
-    ipLocationRegion() {
+    ipLocationRegion () {
       return function (entityData) {
         const hasProvinceAndCity =
           entityData.ipLocationProvince &&
@@ -237,7 +237,7 @@ export default {
         }
       }
     },
-    entityType() {
+    entityType () {
       let type
       switch (this.entityData.entityType) {
         case 'ip': {
@@ -257,12 +257,12 @@ export default {
       }
       this.entityType = type
       return type
-    },
+    }
   },
   watch: {
     entityData: {
       deep: true,
-      handler(n) {
+      handler (n) {
         if (n.entityType) {
           switch (n.entityType) {
             case 'ip': {
@@ -281,35 +281,35 @@ export default {
               break
           }
         }
-      },
-    },
+      }
+    }
   },
-  setup() {
+  setup () {
     return {
       unitConvert,
-      unitTypes,
+      unitTypes
     }
   },
   methods: {
     /* 切换折叠状态 */
-    switchCollapse() {
+    switchCollapse () {
       this.isCollapse = !this.isCollapse
       this.$emit('switchCollapse', this.isCollapse, this.index)
     },
     /* 设为折叠状态 */
-    collapse() {
+    collapse () {
       this.isCollapse = true
     },
-    getQueryParams() {
+    getQueryParams () {
       const queryParams = {
         startTime: parseInt(this.timeFilter.startTime / 1000),
         endTime: parseInt(this.timeFilter.endTime / 1000),
         appName: this.entityType,
-        domain:this.entityType,
-        ip:this.entityType
+        domain: this.entityType,
+        ip: this.entityType
       }
       return queryParams
-    },
-  },
+    }
+  }
 }
 </script>

src/views/entityExplorer/entityList/detailOverview/App.vue

@@ -4,19 +4,23 @@
     <div class="overview__content">
       <div class="overview__row">
         <div class="row__label row__label--width130">APP ID</div>
-        <div class="row__content">{{entityData.appId|| '-'}}</div>
+        <div class="row__content">{{entity.appId|| '-'}}</div>
       </div>
       <div class="overview__row">
         <div class="row__label row__label--width130">{{$t('entities.category')}}</div>
-        <div class="row__content">{{entityData.appCategory|| '-'}}</div>
+        <div class="row__content">{{entity.appCategory|| '-'}}</div>
       </div>
       <div class="overview__row">
         <div class="row__label row__label--width130">{{$t('entities.subcategory')}}</div>
-        <div class="row__content">{{entityData.appSubcategory || '-'}}</div>
+        <div class="row__content">{{entity.appSubcategory || '-'}}</div>
       </div>
       <div class="overview__row">
         <div class="row__label row__label--width130">{{$t('entities.riskLevel')}}</div>
-        <div class="row__content">{{appRisk(entityData.appRisk) || '-'}}</div>
+        <div class="row__content">{{appRisk(entity.appRisk) || '-'}}</div>
+      </div>
+      <div class="overview__row">
+        <div class="row__label row__label--width130">{{$t('overall.remark')}}</div>
+        <div class="row__content">{{entity.appDescription || '-'}}</div>
       </div>
     </div>
   </div>

src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js

@@ -72,7 +72,7 @@ export default {
               this.entityData.max = t.aggregation.max
               this.entityData.avg = t.aggregation.avg
             } else if (t.legend === 'bytesSentRate') {
-              this.entityData.bytesSentRate = _.nth(t.values,-3)[1]
+              this.entityData.bytesSentRate = _.nth(t.values, -3)[1]
               this.chartOptionSent = {
                 ...this.chartOption,
                 series: [
@@ -88,7 +88,7 @@ export default {
                       }
                     },
                     color: '#69b072',
-                    data: _.dropRight(t.values,2).map(v => [Number(v[0]) * 1000, Number(v[1]), unitTypes.byte]),
+                    data: _.dropRight(t.values, 2).map(v => [Number(v[0]) * 1000, Number(v[1]), unitTypes.byte]),
                     showSymbol: false
                   }
                 ]