diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index 15f9cf34..ad9c4f46 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -156,6 +156,7 @@
     ], //显示所有按钮,
   })
   let visible = ref(false)
+  const jjssType = ref(router.currentRoute.value.query.type)
   const pagination = ref({
     total: 0,
     current: 1,
@@ -177,7 +178,12 @@
   })
   const showMap = ref(true)
   onMounted(() => {
-    tabClick(0, '视频资源')
+    if (jjssType.value) {
+      tabClick(0, jjssType.value)
+    } else {
+      tabClick(0, '视频资源')
+    }
+
     getCamera()
     mybus.off('getListByParentId')
     mybus.on('getListByParentId', (parentId) => {
diff --git a/front/src/views/newHome/components/CapabilityConvergence.vue b/front/src/views/newHome/components/CapabilityConvergence.vue
index 57b1bf60..014021ee 100644
--- a/front/src/views/newHome/components/CapabilityConvergence.vue
+++ b/front/src/views/newHome/components/CapabilityConvergence.vue
@@ -37,8 +37,9 @@
           <div
             class="name"
             v-for="(item, index) in jcList"
-            :key="item.id"
+            :key="item.name"
             :class="index == 2 ? 'name-last' : ''"
+            @click="selectOne2(item.name)"
           >
             {{ item.name + '-' + item.num + '项' }}
           </div>
@@ -232,6 +233,16 @@
       },
     })
   }
+  const selectOne2 = (name) => {
+    console.log('点击===============》', name)
+    router.push({
+      path: '/DetailsPageconetent',
+      query: {
+        type: name,
+        select: '基础设施',
+      },
+    })
+  }
 </script>
 <style lang="less" scoped>
   .capability-convergence {
diff --git a/front/src/views/newHome/components/Navigation2.vue b/front/src/views/newHome/components/Navigation2.vue
index 7744bb77..a9b67abd 100644
--- a/front/src/views/newHome/components/Navigation2.vue
+++ b/front/src/views/newHome/components/Navigation2.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="navigation2">
-    <div class="item">
+    <div class="item" @click="jumpPage('组件服务')">
       <div class="img zj"></div>
       <div class="name">组件服务</div>
       <div class="sl">
@@ -8,7 +8,7 @@
         个
       </div>
     </div>
-    <div class="item">
+    <div class="item" @click="jumpPage('应用资源')">
       <div class="img yy"></div>
       <div class="name">应用资源</div>
       <div class="sl">
@@ -16,7 +16,7 @@
         个
       </div>
     </div>
-    <div class="item">
+    <div class="item" @click="jumpPage('基础设施')">
       <div class="img jc"></div>
       <div class="name">基础设施</div>
       <div class="sl">
@@ -24,7 +24,7 @@
         个
       </div>
     </div>
-    <div class="item">
+    <div class="item" @click="jumpPage('数据资源')">
       <div class="img sj"></div>
       <div class="name">数据资源</div>
       <div class="sl">
@@ -32,7 +32,7 @@
         项
       </div>
     </div>
-    <div class="item">
+    <div class="item" @click="jumpPage('知识库')">
       <div class="img zs"></div>
       <div class="name">知识库</div>
       <div class="sl">
@@ -45,6 +45,10 @@
 <script setup>
   import { selectTotal } from '@/api/home'
   import { ref, onMounted, onBeforeUnmount } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { useStore } from 'vuex'
+  const router = useRouter()
+  const store = useStore()
   // import mybus from '@/myplugins/mybus'
   const yyNum = ref('')
   const zjNum = ref('')
@@ -81,6 +85,23 @@
       }
     })
   })
+  function jumpPage(type) {
+    // 点击内存入store
+    store.commit('home/selectCardsData', {
+      selectCardsnum: type,
+    })
+    console.log(
+      '选中===================>',
+      store.getters['home/selectCardsnum']
+    )
+    // router.push({ path: '/DetailsPageconetent' })
+    router.push({
+      path: '/DetailsPageconetent',
+      query: {
+        select: type,
+      },
+    })
+  }
   // const findZywMessage = () => {
   //   zywMessage().then((res) => {
   //     // console.log('findMessage============>', res)
@@ -149,5 +170,28 @@
         }
       }
     }
+    .item:hover {
+      cursor: pointer;
+      .img {
+        animation: turn 5s linear infinite;
+      }
+    }
+  }
+  @keyframes turn {
+    0% {
+      -webkit-transform: rotateY(0deg);
+    }
+    25% {
+      -webkit-transform: rotateY(90deg);
+    }
+    50% {
+      -webkit-transform: rotateY(180deg);
+    }
+    75% {
+      -webkit-transform: rotateY(270deg);
+    }
+    100% {
+      -webkit-transform: rotateY(360deg);
+    }
   }
 </style>