站点地图展示，站点地图、单站监控首页部分接口联调

src/views/ems/dzjk/index.vue

@@ -2,11 +2,11 @@
 
 <template>
   <div class="ems-dashboard-editor-container">
-  <zd-select/>
+  <zd-select :default-site-id="$route.query.siteId" @submitSite="submitSite"/>
 <!--  这里是单站监控的二级菜单栏 需要循环拿到数据 显示在页面上-->
     <div class="router-container">
       <div class="route-link" :class="{'active':item.name === $route.meta.activeSecondMenuName}" v-for="(item,index) in childrenRoute" :key="index+'dzjkChildrenRoute'">
-        <router-link  style="height: 100%;width: 100%;display: block" :to="item.path">
+        <router-link  style="height: 100%;width: 100%;display: block" :to="{path:item.path,query:$route.query}">
         {{item.meta.title}}
         </router-link>
       </div>
@@ -32,8 +32,18 @@ export default {
       activeMenu:''
     }
   },
+  methods:{
+    submitSite(id){
+      if(id != this.$route.query.siteId){
+        console.log('单站监控选择了其他的站点id=',id,'并更新页面地址参数')
+        this.$router.push({query:{...this.$route.query,siteId:id}})
+      }else{
+        console.log('单站监控选择了相同的其他的站点id=',id,'页面地址不发生改变')
+      }
+    }
+  },
   mounted() {
-    console.log('当前页面路由',this.$route)
+    console.log('单站监控一级页面路由',this.$route)
   }
 
 }