feat: endpoint二级页面增加asset详情

nezha-fronted/src/components/common/bottomBox/bottomBox.vue

@@ -15,7 +15,7 @@
 
       <!------TAB区------>
       <!--通用详情-->
-      <common-detail-tab v-show="subResizeShow" :obj="obj" :from="from" :detail="detail"
+      <common-detail-tab v-show="subResizeShow" :obj="obj" :from="from" :detail="detail" :targetTab="targetTab"
                          v-if="targetTab == 'detail'"
                          @changeTab="changeTab"
       ></common-detail-tab>
@@ -23,6 +23,11 @@
       <cabinet-tab v-show="subResizeShow" v-if="from == 'dc' && targetTab == 'cabinet'" :obj="obj" @changeTab="changeTab"></cabinet-tab>
       <!--告警信息-->
       <alert-message-tab v-show="subResizeShow" v-if="((from == 'alertRule' || from == 'asset') && targetTab == 'alertMessage')" :from="from" :obj="obj" @changeTab="changeTab"></alert-message-tab>
+      <!--endpoint页的asset详情-->
+      <common-detail-tab v-show="subResizeShow" :obj="obj" :from="from" :detail="assetDetail" :targetTab="targetTab"
+                         v-if="targetTab == 'assetDetail' && from == 'endpoint'"
+                         @changeTab="changeTab"
+      ></common-detail-tab>
       <!--endpoint-query-->
       <endpoint-query-tab v-show="subResizeShow" v-if="(from == 'endpoint' && targetTab == 'endpointQuery')" :from="from" :obj="obj" @changeTab="changeTab"></endpoint-query-tab>
     </div>
@@ -51,6 +56,8 @@
       from: String, //来自哪个页面
       targetTab: String, //展示哪个页签
       detail: Array, //对象详情内容
+
+      assetDetail: Array, //endpoint页的asset详情
     },
     data() {
       return {}

nezha-fronted/src/components/common/bottomBox/tabs/commonDetailTab.vue

@@ -9,12 +9,13 @@
           <template v-else-if="from == 'alertRule'">{{$t("alert.alertName")}}：{{obj.alertName}}</template>
           <template v-else-if="from == 'asset'">{{$t("asset.tableTitle.host")}}：{{obj.host}}</template>
           <template v-else-if="from == 'endpoint'">{{$t("project.endpoint.endpointId")}}: {{obj.id}}</template>
-        </div><div class="sub-list-tab sub-list-tab-active">{{$t("overall.detail")}}</div><template v-if="from == 'dc'">
+        </div><div class="sub-list-tab" :class="{'sub-list-tab-active': targetTab == 'detail'}" @click="changeTab('detail')">{{$t("overall.detail")}}</div><template v-if="from == 'dc'">
           <div class="sub-list-tab" @click="changeTab('cabinet')">{{$t("config.dc.cabinets")}}</div>
         </template><template v-if="from == 'alertRule' || from == 'asset'">
           <div class="sub-list-tab" @click="changeTab('alertMessage')">{{$t("alert.message")}}</div>
         </template><template v-if="from == 'endpoint'">
-          <div class="sub-list-tab" @click="changeTab('endpointQuery')">{{$t("overall.query")}}</div>
+          <div class="sub-list-tab" @click="changeTab('endpointQuery')">{{$t("overall.query")}}</div><div
+            class="sub-list-tab" :class="{'sub-list-tab-active': targetTab == 'assetDetail'}" @click="changeTab('assetDetail')">{{$t("project.endpoint.asset")}}</div>
         </template>
       </div>
     </div>
@@ -39,7 +40,8 @@
     props: {
       obj: Object,
       from: String,
-      detail: Array
+      detail: Array,
+      targetTab: String
     },
     methods: {
       changeTab(tab) {

nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue

@@ -10,7 +10,8 @@
       <div class="sub-list-tabs">
         <div class="sub-list-tab-title">{{$t("project.endpoint.endpointId")}}: {{currentEndpoint ? currentEndpoint.id : ''}}</div><div
         class="sub-list-tab" @click="changeTab('detail')">{{$t("overall.detail")}}</div><div
-        class="sub-list-tab sub-list-tab-active">{{$t("overall.query")}}</div>
+        class="sub-list-tab sub-list-tab-active">{{$t("overall.query")}}</div><div
+        class="sub-list-tab" v-if="from == 'endpoint'" @click="changeTab('assetDetail')">{{$t("project.endpoint.asset")}}</div>
       </div>
       <div class="top-tool-right">
         <div class="top-tool-search margin-r-20">
@@ -59,7 +60,7 @@
       :height="$tableHeight.noPagination"
       @selection-change="selectChange"
       ref="endpointQueryTable"
-      style="width: 100%; margin-top: 5px;">
+      style="width: 100%;">
       <el-table-column
         :resizable="false"
         type="selection"
@@ -156,6 +157,7 @@
     },
     props: {
       obj: Object, //关联的实体对象
+      from: String,
     },
     data() {
       let temp = this;