未利用地地图集成

WEB-VIEW2/public/config.js

@@ -241,6 +241,24 @@ window.ApplicationConfig = {
                 }
               }
             },
+            {
+              id: "bj-wlyd",
+              name: "滨江未供地块",
+              enabled: true,
+              visible: false,
+              serverType: 'wms',
+              params: {
+                version: '1.1.1',
+                layers: 'ysybz:bjwlyd2000',
+              },
+              url: 'https://zlzd.zrzyt.zj.gov.cn/geoserver/ysybz/wms',
+              queryUrl: 'https://zlzd.zrzyt.zj.gov.cn/geoserver/ysybz',
+              legend: {
+                title: "未供地块资源",
+                defs: {
+                }
+              }
+            },
             {
               id: "bj-lsyd",
               name: "滨江临时用地",

WEB-VIEW2/src/views/components/SwitchLayer/index.vue

@@ -12,23 +12,33 @@
     </span>
     <DropdownMenu slot="list">
         <CheckboxGroup v-model="layers" @on-change="changeLayer">
-          <p class="groupTitle">临时用地</p>
-          <DropdownItem>
+          <p class="groupTitle" @click="switchDropShow(0)"><Icon :type="currentShow === 0 ? 'md-arrow-dropdown' : 'md-arrow-dropright'" />未利用地</p>
+          <div class="groupContent" v-show="currentShow === 0">
+            <DropdownItem>
+              <Checkbox label="bj-wlyd">未利用地</Checkbox>
+            </DropdownItem>
+          </div>
+          <p class="groupTitle" @click="switchDropShow(1)"><Icon :type="currentShow === 0 ? 'md-arrow-dropdown' : 'md-arrow-dropright'" />临时用地</p>
+          <div class="groupContent" v-show="currentShow === 1">
+            <DropdownItem>
             <Checkbox label="bj-lsyd">临时用地</Checkbox>
           </DropdownItem>
-          <p class="groupTitle">供地</p>
-          <DropdownItem>
-            <Checkbox label="syyd">商业用地</Checkbox>
-          </DropdownItem>
-          <DropdownItem>
-            <Checkbox label="bj-gyyd-new">工业用地</Checkbox>
-          </DropdownItem>
-          <DropdownItem>
-            <Checkbox label="bj-zzyd-new">住宅用地</Checkbox>
-          </DropdownItem>
-          <DropdownItem>
-            <Checkbox label="bj-jyyd">教育用地</Checkbox>
-          </DropdownItem>
+          </div>
+          <p class="groupTitle" @click="switchDropShow(2)"><Icon :type="currentShow === 0 ? 'md-arrow-dropdown' : 'md-arrow-dropright'" />供地</p>
+          <div class="groupContent" v-show="currentShow === 2">
+            <DropdownItem>
+              <Checkbox label="syyd">商业用地</Checkbox>
+            </DropdownItem>
+            <DropdownItem>
+              <Checkbox label="bj-gyyd-new">工业用地</Checkbox>
+            </DropdownItem>
+            <DropdownItem>
+              <Checkbox label="bj-zzyd-new">住宅用地</Checkbox>
+            </DropdownItem>
+            <DropdownItem>
+              <Checkbox label="bj-jyyd">教育用地</Checkbox>
+            </DropdownItem>
+          </div>
         </CheckboxGroup>
     </DropdownMenu>
   </Dropdown>
@@ -42,6 +52,7 @@
 import { Vector as VectorSource } from 'ol/source'
 
 const _idsState = {
+  'bj-wlyd': false,
   'bj-lsyd': true,
   'syyd': false,
   'bj-gyyd-new': false,
@@ -53,6 +64,7 @@ export default {
   inject: ['height', 'paddingLR'],
   data() {
     return {
+      currentShow: 0,
       drawInteraction: undefined,
       vectorSource: new VectorSource(),
       sketch: undefined,
@@ -72,6 +84,13 @@ export default {
     }
   },
   methods: {
+    switchDropShow (index) {
+      if (this.currentShow === index) {
+        this.currentShow = -1;
+        return;
+      }
+      this.currentShow = index
+    },
     changeLayer (ids) {
       const keys = Object.keys(_idsState);
       for (let i = 0; i < keys.length; i++) {
@@ -115,7 +134,7 @@ export default {
   &::v-deep {
     .ivu-select-dropdown {
       left: 0;
-      width: auto !important;
+      width: 160px;
       .ivu-dropdown-menu {
         .ivu-dropdown-item {
           display: flex;
@@ -134,6 +153,9 @@ export default {
         color: #aaa;
         padding-left: 16px;
       }
+      .groupContent {
+        padding-left: 15px;
+      }
     }
   }
 }

WEB-VIEW2/src/webview.js

@@ -1,4 +1,10 @@
 const urlMaps = {
+  'bj-wlyd': {
+    key: 'xh',
+    mapType: 'bj-wlyd',
+    query: '/api/ybz-bj/wlydList',
+    detail: '/api/ybz-bj/lsydOne'
+  },
   'bj-lsyd': {
     key: 'xh',
     mapType: 'bj-lsyd',