海绵城市首次上传

src/unit/map/addLayer.js

@@ -119,6 +119,7 @@ export async function AddYaoganMapLayer() {
 
 
 export function AddSingleLayer(params){
+    debugger;
     if(params.token){
         params.url = "https://cimweb.zjw.sh.cegn.cn:2008/MapServiceProxy/" + params.token;
     }

src/views/c-cpns/Map.vue

@@ -8,10 +8,9 @@
 
 <script>
 import CityGis from '../../unit/map/CityGis.Bridge.js';
-import {myBridge} from "../../unit/map/map.js";
-import {useMapStore} from "../../store/mapStore.js";
+import {myBridge} from "@/unit/map/map.js";
 import {nextTick,ref,onMounted} from "vue";
-import {AddSingleLayer, MapClickByType, SetBackground} from "../../unit/map/addLayer.js";
+import {AddSingleLayer, invokeParams, MapClickByType, SetBackground} from "@/unit/map/addLayer.js";
 let bridge;
 export default {
   name: "Map",
@@ -19,14 +18,48 @@ export default {
     onMounted(()=>{
       myBridge.bridgeContent =  bridge = new CityGis.Bridge({
         id: "i_map",
-        // url: 'https://cimweb.zjw.sh.cegn.cn:2007/VUE-Map-Tool-Widget/#/jk_map?theme=dark&type=3D', //建科发布
-        url: 'http://localhost:8081/#/jk_map?theme=dark&type=3D',
+        url: 'https://cimweb.zjw.sh.cegn.cn:2007/VUE-Map-Tool-Widget/#/jk_map?theme=dark&type=3D', //建科发布
+        // url: 'http://localhost:8081/#/jk_map?theme=dark&type=3D',
         onReady: function () {
-          console.log("地图创建完成")
+
         }
+
       })
-      MapClickByType('show');
-      AddSingleLayer()
+      debugger
+      console.log("地图创建完成")
+
+      let hmxmxxServiceNo =  "D9999990320240701";
+      let wdbServiceNo =  "D9999990520240701";
+      let ydbServiceNo =  "D9999990620240701";
+
+      // 调用 AddSingleLayer 方法
+      AddSingleLayer({
+        id: 0,
+        title: "dynamic",
+        visible: true,
+        wkid:1,
+        // url:"https://cimweb.zjw.sh.cegn.cn:2008/MapServiceProxy/"+hmxmxxToken,
+        url:"https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/"+hmxmxxServiceNo,
+        type: "动态地图"
+      });
+      AddSingleLayer({
+        id: 0,
+        title: "dynamic",
+        visible: true,
+        wkid:1,
+        url:"https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/"+wdbServiceNo,
+        type: "动态地图"
+      });
+      AddSingleLayer({
+        id: 0,
+        title: "dynamic",
+        visible: true,
+        wkid:1,
+        url:"https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/"+ydbServiceNo,
+        type: "动态地图"
+      });
+      // 调用 MapClickByType 方法
+      MapClickByType(true);
     })
   }
 }

src/views/c-cpns/VisualizationHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="visualizationHeader">
     <div class="left-title">
-      <span>
+      <span @click="goToPage('/visualizationHome/mainPage')" >
          上海市海绵城市信息系统
       </span>
     </div>
@@ -28,6 +28,11 @@ import {User,SwitchButton} from "@element-plus/icons-vue";
 
 export default {
   name: "VisualizationHeader",
+  methods: {
+    goToPage(route) {
+      this.$router.push(route);
+    }
+  },
   components:{
     User,
     SwitchButton

src/views/c-views/visualizationPart/VisualizationHome.vue

@@ -1,11 +1,8 @@
 <template>
   <div id="visualizationHome">
     <VisualizationHeader />
-    <Map/>
-<!--    <TreeMenu />-->
-    <ServiceTree/>
-    <FigureLegend />
-<!--    <BaseMapSwitch />-->
+<!--    <ServiceTree/>-->
+<!--    <FigureLegend />-->
     <router-view/>
 <!--    <BoardSwitch />-->
 <!--    <VisualizationBottom />-->

src/views/c-views/visualizationPart/houseBuilding/HouseBuilding.vue

@@ -1,16 +1,22 @@
 <template>
 	<div id="houseBuilding">
-		<HouseBuildingLeft />
-		<HouseBuildingRight />
+    <VisualizationHeader />
+<!--    <ServiceTree />-->
+<!--    <TreeMenu />-->
+    <Map />
 	</div>
 </template>
 
 <script>
 	import HouseBuildingLeft from "@/views/c-views/visualizationPart/houseBuilding/HouseBuildingLeft/HouseBuildingLeft.vue";
 	import HouseBuildingRight from "@/views/c-views/visualizationPart/houseBuilding/HouseBuildingRight/HouseBuildingRight.vue";
+  import Map from "@/views/c-cpns/Map.vue";
+  import TreeMenu from "@/views/c-cpns/TreeMenu.vue";
+  import VisualizationHeader from "@/views/c-cpns/VisualizationHeader.vue";
+  import ServiceTree from "@/views/c-cpns/ServiceTree.vue";
 	export default {
 		name: "HouseBuilding",
-		components: {HouseBuildingLeft, HouseBuildingRight}
+		components: {ServiceTree, VisualizationHeader, HouseBuildingLeft, HouseBuildingRight,TreeMenu,Map}
 	}
 </script>
 

src/views/c-views/visualizationPart/houseBuilding/HouseBuildingLeft/HouseBuildingLeft.vue

@@ -1,15 +1,6 @@
 <template>
 	<div id="mainPageLeft" :class="[useMapStore().left_board?'switch-left-active':'switch-left']">
-		<!-- 建筑概览 -->
-		<BuildingOverview></BuildingOverview>
-		<!-- 房屋风险 -->
-		<HousingRisk></HousingRisk>
-		<!-- 抗震加固 -->
-		<SeismicReinforcement></SeismicReinforcement>
-		<!-- 房屋安全 -->
-		<HousingSecurity></HousingSecurity>
-		<!-- 城镇房屋设防烈度 -->
-		<FortificationIntensity></FortificationIntensity>
+    <Map/>
 	</div>
 </template>
 
@@ -20,6 +11,8 @@
 	import BuildingOverview from '@/components/BuildingOverview.vue'
 	import FortificationIntensity from '@/components/FortificationIntensity.vue'
   import {useMapStore} from "@/store/mapStore.js";
+  import Map from "@/views/c-cpns/Map.vue";
+
 </script>
 
 <style scoped lang="scss">

src/views/c-views/visualizationPart/mainPage/mainPageTop/MainPageTop.vue

@@ -5,12 +5,12 @@
         <div class="image-container">
           <img src="../../../../../assets/imgs/上海.png" alt="上海天际线"/>
         </div>
-        <div class="sidebar">
-          <button class="sidebar-1 button-with-arrow">规划计划</button>
-          <button class="sidebar-2 button-with-arrow">项目管理</button>
-          <button class="sidebar-3 button-with-arrow">设备设施监测</button>
-          <button class="sidebar-4 button-with-arrow">成效评估</button>
-          <button class="sidebar-5 button-with-arrow">知识库</button>
+        <div  class="sidebar" >
+          <button @click="goToPage('/visualizationHome/houseBuilding', { category: '规划计划' })" class="sidebar-1 button-with-arrow">规划计划</button>
+          <button @click="goToPage('/visualizationHome/houseBuilding', { category: '项目管理' })" class="sidebar-2 button-with-arrow">项目管理</button>
+          <button @click="goToPage('/visualizationHome/houseBuilding', { category: '设备设施监测' })" class="sidebar-3 button-with-arrow">设备设施监测</button>
+          <button @click="goToPage('/visualizationHome/houseBuilding', { category: '成效评估' })" class="sidebar-4 button-with-arrow">成效评估</button>
+          <button @click="goToPage('/visualizationHome/houseBuilding', { category: '知识库' })" class="sidebar-5 button-with-arrow">知识库</button>
         </div>
       </div>
     </div>
@@ -19,8 +19,15 @@
 
 <script>
 export default {
-  name: "MainPageTop"
+  name: "MainPageTop",
+  methods: {
+    goToPage(path, params) {
+      this.$router.push({ path: path, query: params });
+    }
+  }
 }
+
+
 </script>
 
 <style scoped>