海绵城市的清单提交

src/components/ServiceTree.vue

@@ -46,7 +46,7 @@ export default {
           visible: true,
           wkid: 1,
           url: data.ADDRESS,
-          type: "动态地图"
+          type: "切片地图"
         });
       }else{
         //有，移除
@@ -60,7 +60,7 @@ export default {
           visible: false,
           wkid: 1,
           url: data.ADDRESS,
-          type: "动态地图"
+          type: "切片地图"
         });
       }
     }

src/data/all-layers.js

@@ -1,8 +1,8 @@
 export const serviceGHLayer= [
     {
         "children": null,
-        "labelId": "D8503010320240601",
-        "label": "城市自建房",
+        "labelId": "D9999990620240701",
+        "label": "填报达标区",
         "labelParentId": "2",
         "labelCode": null,
         "ID": "13",
@@ -11,16 +11,16 @@ export const serviceGHLayer= [
         "MAIN_NAME": "专题数据",
         "SECOND_CODE": "03",
         "SECOND_TYPE": null,
-        "TYPE_NAME": "城市自建房",
+        "TYPE_NAME": "填报达标区",
         "CODE": "D85030103202406",
         "U_CODE": "42",
         "U_NAME": "上海市城乡建设和交通发展研究院",
         "TIME": "2024-06-14",
-        "D_CODE": "D85030103202406",
-        "S_CODE": "D8503010320240601",
-        "ADDRESS": "https://serve2d21.gis.cn:6443/geoscene/rest/services/hmcs/sbdbq/MapServer",
+        "D_CODE": "D99999906202407",
+        "S_CODE": "D9999990620240701",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990620240701",
         "SHOWNAME": "id",
-        "TYPE": "动态地图",
+        "TYPE": "切片地图",
         "COORDINATE_SYSTEM": "1",
         "STATE": "2",
         //"TOKEN": "",
@@ -30,8 +30,8 @@ export const serviceGHLayer= [
     },
     {
         "children": null,
-        "labelId": "D8503010420240601",
-        "label": "农村经营性自建房",
+        "labelId": "D9999990520240701",
+        "label": "填报未达标区",
         "labelParentId": "2",
         "labelCode": null,
         "ID": "13",
@@ -40,16 +40,16 @@ export const serviceGHLayer= [
         "MAIN_NAME": "专题数据",
         "SECOND_CODE": "03",
         "SECOND_TYPE": null,
-        "TYPE_NAME": "农村经营性自建房",
+        "TYPE_NAME": "填报未达标区",
         "CODE": "D85030104202406",
         "U_CODE": "42",
         "U_NAME": "上海市城乡建设和交通发展研究院",
         "TIME": "2024-06-14",
-        "D_CODE": "D85030104202406",
-        "S_CODE": "D8503010420240601",
-        "ADDRESS": "https://serve2d21.gis.cn:6443/geoscene/rest/services/hmcs/tbdbq/MapServer",
+        "D_CODE": "D99999905202407",
+        "S_CODE": "D9999990520240701",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990520240701",
         "SHOWNAME": "id",
-        "TYPE": "动态地图",
+        "TYPE": "切片地图",
         "COORDINATE_SYSTEM": "1",
         "STATE": "2",
         //"TOKEN": "",
@@ -57,43 +57,47 @@ export const serviceGHLayer= [
         "SERVICE_TYPE": "1",
         "TAGS_INDEX": 0
     },
+]
+
+
+export const serviceGLLayer= [
     {
         "children": null,
-        "labelId": "D5005004820240401",
-        "label": "自建房",
+        "labelId": "D9999990320240701",
+        "label": "项目信息",
         "labelParentId": "2",
         "labelCode": null,
-        "ID": "3",
+        "ID": "13",
         "TYPE_DIR": "D",
-        "MAIN_CODE": "50",
-        "MAIN_NAME": "网格化管理",
-        "SECOND_CODE": "05",
+        "MAIN_CODE": "85",
+        "MAIN_NAME": "专题数据",
+        "SECOND_CODE": "03",
         "SECOND_TYPE": null,
-        "TYPE_NAME": "自建房",
-        "CODE": "D50050048202404",
+        "TYPE_NAME": "项目信息",
+        "CODE": "D85030103202406",
         "U_CODE": "42",
         "U_NAME": "上海市城乡建设和交通发展研究院",
-        "TIME": "2024-04-08",
-        "D_CODE": "D50050048202404",
-        "S_CODE": "D5005004820240401",
-        "ADDRESS": "https://serve2d31.gis.cn:6443/geoscene/rest/services/topic-nfcf/nczjf/MapServer",
-        "SHOWNAME": "OBJECTID",
-        "TYPE": "动态地图",
+        "TIME": "2024-06-14",
+        "D_CODE": "D99999903202407",
+        "S_CODE": "D9999990320240701",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990320240701",
+        "SHOWNAME": "id",
+        "TYPE": "切片地图",
         "COORDINATE_SYSTEM": "1",
         "STATE": "2",
         //"TOKEN": "",
-        "UUID": "cb8931e3-710d-4e94-8701-f1ab2aad56c7",
+        "UUID": "fc0e2233-c781-4521-a48e-9820fb81b110",
         "SERVICE_TYPE": "1",
         "TAGS_INDEX": 0
     }
 ]
 
 
-export const serviceGLLayer= [
+export const serviceCXLayer= [
     {
         "children": null,
-        "labelId": "D8503010320240601",
-        "label": "城市自建房",
+        "labelId": "D9999990320240701",
+        "label": "项目信息",
         "labelParentId": "2",
         "labelCode": null,
         "ID": "13",
@@ -102,21 +106,166 @@ export const serviceGLLayer= [
         "MAIN_NAME": "专题数据",
         "SECOND_CODE": "03",
         "SECOND_TYPE": null,
-        "TYPE_NAME": "城市自建房",
+        "TYPE_NAME": "项目信息",
         "CODE": "D85030103202406",
         "U_CODE": "42",
         "U_NAME": "上海市城乡建设和交通发展研究院",
         "TIME": "2024-06-14",
-        "D_CODE": "D85030103202406",
-        "S_CODE": "D8503010320240601",
-        "ADDRESS": "https://serve2d21.gis.cn:6443/geoscene/rest/services/hmcs/sbdbq/MapServer",
+        "D_CODE": "D99999903202407",
+        "S_CODE": "D9999990320240701",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990320240701",
         "SHOWNAME": "id",
-        "TYPE": "动态地图",
+        "TYPE": "切片地图",
         "COORDINATE_SYSTEM": "1",
         "STATE": "2",
         //"TOKEN": "",
         "UUID": "fc0e2233-c781-4521-a48e-9820fb81b110",
         "SERVICE_TYPE": "1",
         "TAGS_INDEX": 0
-    }
+    },
+    {
+        "children": null,
+        "labelId": "D9999990520240701",
+        "label": "填报未达标区",
+        "labelParentId": "2",
+        "labelCode": null,
+        "ID": "13",
+        "TYPE_DIR": "D",
+        "MAIN_CODE": "85",
+        "MAIN_NAME": "专题数据",
+        "SECOND_CODE": "03",
+        "SECOND_TYPE": null,
+        "TYPE_NAME": "填报未达标区",
+        "CODE": "D85030104202406",
+        "U_CODE": "42",
+        "U_NAME": "上海市城乡建设和交通发展研究院",
+        "TIME": "2024-06-14",
+        "D_CODE": "D99999905202407",
+        "S_CODE": "D9999990520240701",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990520240701",
+        "SHOWNAME": "id",
+        "TYPE": "切片地图",
+        "COORDINATE_SYSTEM": "1",
+        "STATE": "2",
+        //"TOKEN": "",
+        "UUID": "9c79e9c9-1236-485a-a92a-aa25a3a6acb6",
+        "SERVICE_TYPE": "1",
+        "TAGS_INDEX": 0
+    },
+    {
+        "children": null,
+        "labelId": "D9999990620240701",
+        "label": "填报达标区",
+        "labelParentId": "2",
+        "labelCode": null,
+        "ID": "13",
+        "TYPE_DIR": "D",
+        "MAIN_CODE": "85",
+        "MAIN_NAME": "专题数据",
+        "SECOND_CODE": "03",
+        "SECOND_TYPE": null,
+        "TYPE_NAME": "填报达标区",
+        "CODE": "D85030103202406",
+        "U_CODE": "42",
+        "U_NAME": "上海市城乡建设和交通发展研究院",
+        "TIME": "2024-06-14",
+        "D_CODE": "D99999906202407",
+        "S_CODE": "D9999990620240701",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990620240701",
+        "SHOWNAME": "id",
+        "TYPE": "切片地图",
+        "COORDINATE_SYSTEM": "1",
+        "STATE": "2",
+        //"TOKEN": "",
+        "UUID": "fc0e2233-c781-4521-a48e-9820fb81b110",
+        "SERVICE_TYPE": "1",
+        "TAGS_INDEX": 0
+    },
+    {
+        "children": null,
+        "labelId": "D9999990320241018",
+        "label": "申报达标区",
+        "labelParentId": "2",
+        "labelCode": null,
+        "ID": "13",
+        "TYPE_DIR": "D",
+        "MAIN_CODE": "85",
+        "MAIN_NAME": "专题数据",
+        "SECOND_CODE": "03",
+        "SECOND_TYPE": null,
+        "TYPE_NAME": "申报达标区",
+        "CODE": "D85030104202406",
+        "U_CODE": "42",
+        "U_NAME": "上海市城乡建设和交通发展研究院",
+        "TIME": "2024-06-14",
+        "D_CODE": "D99999903202410",
+        "S_CODE": "D9999990320241018",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990320241018",
+        "SHOWNAME": "id",
+        "TYPE": "切片地图",
+        "COORDINATE_SYSTEM": "1",
+        "STATE": "2",
+        //"TOKEN": "",
+        "UUID": "9c79e9c9-1236-485a-a92a-aa25a3a6acb6",
+        "SERVICE_TYPE": "1",
+        "TAGS_INDEX": 0
+    },
+    {
+        "children": null,
+        "labelId": "D9999990120241018",
+        "label": "道路积水点",
+        "labelParentId": "2",
+        "labelCode": null,
+        "ID": "13",
+        "TYPE_DIR": "D",
+        "MAIN_CODE": "85",
+        "MAIN_NAME": "专题数据",
+        "SECOND_CODE": "03",
+        "SECOND_TYPE": null,
+        "TYPE_NAME": "道路积水点",
+        "CODE": "D85030104202406",
+        "U_CODE": "42",
+        "U_NAME": "上海市城乡建设和交通发展研究院",
+        "TIME": "2024-06-14",
+        "D_CODE": "D99999901202410",
+        "S_CODE": "D9999990120241018",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990120241018",
+        "SHOWNAME": "id",
+        "TYPE": "切片地图",
+        "COORDINATE_SYSTEM": "1",
+        "STATE": "2",
+        //"TOKEN": "",
+        "UUID": "9c79e9c9-1236-485a-a92a-aa25a3a6acb6",
+        "SERVICE_TYPE": "1",
+        "TAGS_INDEX": 0
+    },
+    {
+        "children": null,
+        "labelId": "D9999990220241018",
+        "label": "小区积水",
+        "labelParentId": "2",
+        "labelCode": null,
+        "ID": "13",
+        "TYPE_DIR": "D",
+        "MAIN_CODE": "85",
+        "MAIN_NAME": "专题数据",
+        "SECOND_CODE": "03",
+        "SECOND_TYPE": null,
+        "TYPE_NAME": "小区积水",
+        "CODE": "D85030104202406",
+        "U_CODE": "42",
+        "U_NAME": "上海市城乡建设和交通发展研究院",
+        "TIME": "2024-06-14",
+        "D_CODE": "D99999902202410",
+        "S_CODE": "D9999990220241018",
+        "ADDRESS": "https://cimweb.zjw.sh.cegn.cn:2008/MapProxyApi/getSceneServer/gxjh_fwjk/D9999990220241018",
+        "SHOWNAME": "id",
+        "TYPE": "切片地图",
+        "COORDINATE_SYSTEM": "1",
+        "STATE": "2",
+        //"TOKEN": "",
+        "UUID": "9c79e9c9-1236-485a-a92a-aa25a3a6acb6",
+        "SERVICE_TYPE": "1",
+        "TAGS_INDEX": 0
+    },
 ]

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

@@ -1,7 +1,19 @@
 <template>
   <div id="Device">
     <VisualizationHeader />
-    <Map :serviceNos="['D9999990320240701']" />
+    <service-tree :serviceData="serviceCXLayer"  />
+    <Map/>
+    <div class="right">
+      <div class="top">
+        图例
+      </div>
+      <div class="tuli-content">
+        <div class="single-item">
+          <div class="single-color-1"></div>
+          <span>不达标的市政人行步行道长度</span>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -12,10 +24,15 @@ 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";
-
+import {serviceCXLayer} from "@/data/all-layers.js";
 export default {
   name: "Device",
-  components: {ServiceTree, VisualizationHeader, HouseBuildingLeft, HouseBuildingRight, TreeMenu, Map}
+  components: {ServiceTree, VisualizationHeader, HouseBuildingLeft, HouseBuildingRight, TreeMenu, Map},
+  setup(){
+    return{
+      serviceCXLayer
+    }
+  }
 }
 </script>
 

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

@@ -1,7 +1,39 @@
 <template>
   <div id="effect">
     <VisualizationHeader />
-    <Map :serviceNos="['D9999990320240701','D9999990520240701','D9999990620240701']" />
+    <Map/>
+    <service-tree :serviceData="serviceCXLayer"  />
+    <div class="right">
+      <div class="top">
+        图例
+      </div>
+      <div class="tuli-content">
+        <div class="single-item">
+          <div class="single-color-1"></div>
+          <span>项目信息</span>
+        </div>
+        <div class="single-item">
+          <div class="single-color-2"></div>
+          <span>填报未达标区</span>
+        </div>
+        <div class="single-item">
+          <div class="single-color-3"></div>
+          <span>填报达标区</span>
+        </div>
+        <div class="single-item">
+          <div class="single-color-4"></div>
+          <span>申报达标区</span>
+        </div>
+        <div class="single-item">
+          <div class="single-color-5"></div>
+          <span>道路积水点</span>
+        </div>
+        <div class="single-item">
+          <div class="single-color-6"></div>
+          <span>小区积水</span>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -12,17 +44,85 @@ 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";
+import {serviceCXLayer} from "@/data/all-layers.js";
 
 export default {
   name: "Effect",
-  components: {ServiceTree, VisualizationHeader, HouseBuildingLeft, HouseBuildingRight, TreeMenu, Map}
+  components: {ServiceTree, VisualizationHeader, HouseBuildingLeft, HouseBuildingRight, TreeMenu, Map},
+  setup(){
+    return{
+      serviceCXLayer
+    }
+  }
 }
 </script>
 
 <style scoped lang="scss">
-#houseBuilding {
+#effect {
   position: absolute;
   width: 100%;
+  height: 100%;
   z-index: 2;
+  .right{
+    background: rgba(29, 93, 160, 0.7);
+    position: absolute;
+    right: 80px;
+    bottom:100px;
+    z-index: 2;
+    width:300px;
+    padding: 8px;
+    .top{
+      font-size: 20px;
+      font-weight: bold;
+      color: #fff;
+      padding-bottom: 8px;
+    }
+    .tuli-content{
+      display: flex;
+      flex-direction: column;
+      justify-content: space-evenly;
+      .single-item{
+        width: 100%;
+        display: flex;
+        padding: 4px;
+        span{
+          padding-left: 4px;
+          font-size: 16px;
+          color: #FFF;
+        }
+        .single-color-1{
+          width: 40px;
+          height: 20px;
+          background-color: #f57a7a;
+        }
+        .single-color-2{
+          width: 40px;
+          height: 20px;
+          background-color: #018b7d;
+        }
+        .single-color-3{
+          width: 40px;
+          height: 20px;
+          background-color: #7f7396;
+        }
+        .single-color-4{
+          width: 40px;
+          height: 20px;
+          background-color: #819862;
+        }
+        .single-color-5{
+          width: 40px;
+          height: 20px;
+          background-color: rgb(230, 153, 115);
+        }
+        .single-color-6{
+          width: 40px;
+          height: 20px;
+          background-color: #ff5500;
+        }
+      }
+    }
+
+  }
 }
 </style>

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

@@ -2,23 +2,19 @@
   <div id="planningPlan">
     <VisualizationHeader />
     <service-tree :serviceData="serviceGHLayer"  />
-    <Map />
+    <Map/>
     <div class="right">
       <div class="top">
         图例
       </div>
       <div class="tuli-content">
-        <div class="single-item">
-          <div class="single-color-1"></div>
-          <span>不达标的市政人行步行道长度</span>
-        </div>
         <div class="single-item">
           <div class="single-color-2"></div>
-          <span>存在乱停乱放车辆问题的道路</span>
+          <span>填报未达标区</span>
         </div>
         <div class="single-item">
           <div class="single-color-3"></div>
-          <span>查找存在失管问题的内部道路数量</span>
+          <span>填报达标区</span>
         </div>
       </div>
     </div>
@@ -57,7 +53,6 @@ export default {
     bottom:100px;
     z-index: 2;
     width:300px;
-    height:150px;
     padding: 8px;
     .top{
       font-size: 20px;
@@ -81,18 +76,33 @@ export default {
         .single-color-1{
           width: 40px;
           height: 20px;
-          background-color: rgb(230, 140, 101);
+          background-color: #f57a7a;
         }
         .single-color-2{
           width: 40px;
           height: 20px;
-          background-color: rgb(148, 2, 49);
+          background-color: #018b7d;
         }
         .single-color-3{
+          width: 40px;
+          height: 20px;
+          background-color: #7f7396;
+        }
+        .single-color-4{
+          width: 40px;
+          height: 20px;
+          background-color: #819862;
+        }
+        .single-color-5{
           width: 40px;
           height: 20px;
           background-color: rgb(230, 153, 115);
         }
+        .single-color-6{
+          width: 40px;
+          height: 20px;
+          background-color: #ff5500;
+        }
       }
     }
 

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

@@ -2,7 +2,7 @@
   <div id="projectManagement">
     <VisualizationHeader />
     <service-tree :serviceData="serviceGLLayer" />
-    <Map />
+    <Map/>
     <div class="right">
       <div class="top">
         图例
@@ -10,7 +10,7 @@
       <div class="tuli-content">
         <div class="single-item">
           <div class="single-color-1"></div>
-          <span>不达标的市政人行步行道长度</span>
+          <span>项目信息</span>
         </div>
       </div>
     </div>
@@ -46,7 +46,6 @@ export default {
     bottom:100px;
     z-index: 2;
     width:300px;
-    height:150px;
     padding: 8px;
     .top{
       font-size: 20px;
@@ -70,17 +69,7 @@ export default {
         .single-color-1{
           width: 40px;
           height: 20px;
-          background-color: rgb(230, 140, 101);
-        }
-        .single-color-2{
-          width: 40px;
-          height: 20px;
-          background-color: rgb(148, 2, 49);
-        }
-        .single-color-3{
-          width: 40px;
-          height: 20px;
-          background-color: rgb(230, 153, 115);
+          background-color: #f57a7a;
         }
       }
     }