基础设施

front/src/views/home/DetailsPageconetent.vue

@@ -6,7 +6,7 @@
     <div class="details-pageconetent-left">
       <detailsPageconetentTree />
     </div>
-    <div class="top" v-if="Cardsname != '知识库'">
+    <div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
       <div class="top-title">
         <div
           v-for="item in titleName"
@@ -144,6 +144,28 @@
         <a-empty />
       </div>
     </div>
+    <div class="top" v-else-if="Cardsname === '基础设施'">
+      <div class="top-title">
+        <div
+          v-for="item in titleName"
+          :key="item.name"
+          :class="item.name === Cardsname ? 'sel' : ''"
+          @click="changeCards(item.name)"
+        >
+          <span
+            class="photo"
+            :style="{
+              backgroundImage: `url(${item.photo}) `,
+              backgroundSize: 'cover',
+            }"
+          ></span>
+          <span>{{ item.name }}</span>
+        </div>
+      </div>
+      <div class="">
+        <infrastructure-page></infrastructure-page>
+      </div>
+    </div>
     <div class="top" v-else>
       <div class="top-title">
         <div
@@ -657,6 +679,8 @@
   // import VideoSurveillance from '@/views/home/videoSurveillance'
   // 数据资源引用
   import DetailsPageResource from '@/views/home/components/DetailsPageResource.vue'
+  // 基础设施引用
+  import InfrastructurePage from './infrastructurePage.vue'
   export default defineComponent({
     setup() {
       // const store = useStore()
@@ -1294,6 +1318,7 @@
       // VideoCameraOutlined,
       // VideoSurveillance,
       DetailsPageResource,
+      InfrastructurePage,
     },
     beforeUnmount() {
       mybus.off('selectCardsitem')

front/src/views/home/infrastructurePage.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>1234567890</div>
+</template>
+<script></script>
+<style lang="less" scoped></style>