diff --git a/src/router/index.js b/src/router/index.js
index 6a6c938..0c0c742 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -55,6 +55,16 @@ const router = createRouter({
           path: '/home/analyze',
           component: () => import('../view/analyze.vue'),
         },
+        {
+          name: '首页地图',
+          path: '/home/index/map',
+          component: () => import('../view/sy_map.vue'),
+        },
+        {
+          name: '首页表格',
+          path: '/home/index/table',
+          component: () => import('../view/sy_table.vue'),
+        },
       ]
     },
   ]
diff --git a/src/view/sy.vue b/src/view/sy.vue
index b27f006..10f738b 100644
--- a/src/view/sy.vue
+++ b/src/view/sy.vue
@@ -2,7 +2,7 @@
   <div class="module"  >
     <div class="displayFlex left_bg">
       <div class="flex1">
-        <div class="yd_title left_1">
+        <div class="yd_title left_1" @click="goto('/home/index/table')">
           <div class="animate-border">
             <i></i>
             <i></i>
@@ -217,7 +217,7 @@
             <div class="sex">男性人口</div>
             <img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
           </div>
-          <div class="people_total_item2 center">
+          <div class="people_total_item2 center" @click="goto('/home/index/map')" style="cursor: pointer;">
             <img src="../assets/images/sy/people_total.png" alt="" />
             <div class="number">{{ data.PopulationData.rkzs }}</div>
             <div class="total">人口总数</div>
@@ -638,6 +638,15 @@ import qyfw1 from "../assets/images/sy/ljzcs.png";
 import qyfw2 from "../assets/images/sy/rzbms.png";
 import qyfw3 from "../assets/images/sy/shqys.png";
 import qyfw4 from "../assets/images/sy/dxje.png";
+import { useRouter, useRoute } from "vue-router";
+const router = useRouter();
+const routers = useRoute();
+// 路由跳转
+const goto = (url) => {
+  router.push({
+    path: `${url}`,
+  });
+}
 //控制echart的显示
 const showEchart = ref(false);
 // 详情弹框
@@ -2061,6 +2070,7 @@ onBeforeMount(async () => {
   background-image: url(@/assets/images/sy/new_msfz.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
+  cursor: pointer;
 }
 
 .left_2 {
diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue
new file mode 100644
index 0000000..25c942f
--- /dev/null
+++ b/src/view/sy_map.vue
@@ -0,0 +1,10 @@
+<template>
+  <div>map</div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/view/sy_table.vue b/src/view/sy_table.vue
new file mode 100644
index 0000000..03d8633
--- /dev/null
+++ b/src/view/sy_table.vue
@@ -0,0 +1,10 @@
+<template>
+  <div>table</div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+</style>