1093: 实体关系探索--右侧详情信息静态页面开发

src/views/entityExplorer/entityList/Row.vue

@@ -146,17 +146,17 @@
               </div>
               <!--新版实体列表改版，去除这一段-->
             </div>
-            <div class="show-detail" @click="showDetail">
-              {{ $t('overall.detail') }}>
-            </div>
-<!--            新版实体列表改版，后续记得解开-->
-<!--            <div class="show-detail">-->
-<!--              <div @click="showDetail"><i class="cn-icon cn-icon-detail"></i>{{ $t('overall.detail') }} ></div>-->
-<!--              <div><i class="cn-icon cn-icon-graph"></i>{{ $t('entities.graph') }} ></div>-->
+<!--            <div class="show-detail" @click="showDetail">-->
+<!--              {{ $t('overall.detail') }}>-->
 <!--            </div>-->
+<!--            新版实体列表改版，后续记得解开-->
           </div>
         </div>
       </div>
+      <div class="new-show-detail">
+        <div @click="showDetail"><i class="cn-icon cn-icon-detail"></i>{{ $t('overall.detail') }} ></div>
+        <div @click="showGraph"><i class="cn-icon cn-icon-graph"></i>{{ $t('entities.graph') }} ></div>
+      </div>
       <el-collapse-transition>
         <div class="cn-entity__detail-overview" v-if="!isCollapse">
           <el-divider></el-divider>

src/views/entityExplorer/entityList/entityListMixin.js

@@ -135,6 +135,16 @@ export default {
       })
       window.open(href, '_blank')
     },
+    showGraph () {
+      const { href } = this.$router.resolve({
+        path: '/entityGraph',
+        query: {
+          entityType: this.entityData.entityType,
+          name: this.entityData.ipAddr || this.entityData.domainName || this.entityData.appName
+        }
+      })
+      window.open(href, '_blank')
+    },
     querySecurity () {
       const queryParams = {
         startTime: getSecond(this.timeFilter.startTime),