智能选址前端修改

web_ui/src/views/industrial-land/ZnxzDetail.vue

@@ -123,9 +123,9 @@
                   <div class="icon" v-if="false"></div>
                   <div class="value-panel">
                     <div class="type" v-if="item.industry">
-                      {{ item.industry }}
+                      <!-- {{ item.industry }} -->
                     </div>
-                    <div class="type" v-else>暂无数据</div>
+                    <!-- <div class="type" v-else>暂无数据</div> -->
                     <div class="name">{{ item.name }}</div>
                     <div class="value">
                       <img src="~@/assets/image/icon-loc.png" />{{
@@ -135,7 +135,7 @@
                   </div>
                 </div>
               </template>
-              <div class="hint" v-else>周边5公里范围内无产业信息</div>
+              <div class="hint" v-else>周边1公里范围内无产业信息</div>
             </template>
             <template v-if="qytsIndex == 2">
               <div class="line9"></div>
@@ -146,14 +146,7 @@
                   @click="parkDetail(item)"
                   :key="index"
                 >
-                  <div
-                    class="icon"
-                    :style="{
-                      backgroundImage: 'url(' + item.bgpicUrl + ')',
-                      backgroundSize: 'cover',
-                      backgroundPosition: 'center',
-                    }"
-                  ></div>
+                  <div class="icon zbyqdiv"></div>
                   <div class="value-panel">
                     <div class="name">{{ item.name }}</div>
                     <div class="value">
@@ -168,9 +161,7 @@
                     </div>
                     <div class="value">
                       <img src="~@/assets/image/icon-zycy.png" />招引产业：{{
-                        item.primaryIndustry && item.primaryIndustry.length > 12
-                          ? item.primaryIndustry.substring(0, 13) + "..."
-                          : item.primaryIndustry
+                        item.primaryindustry
                       }}
                     </div>
                     <div class="btn-type">省级开发区</div>
@@ -769,9 +760,9 @@ export default {
         { name: "三区三线分析", icon: "icon-wxpck" },
       ],
       qytsTabs: [
-        { name: "人口特征", icon: "icon-zdxm" },
-        { name: "周边产业", icon: "icon-zdxm" },
-        { name: "周边园区", icon: "icon-zdxm" },
+        { name: "人口特征", icon: "icon-zdxm",result:[] },
+        { name: "周边产业", icon: "icon-zdxm" ,result:[]},
+        { name: "周边园区", icon: "icon-zdxm" ,result:[]},
       ],
       qytsIndex: 0,
       jbxxIndex: 0,
@@ -1618,11 +1609,29 @@ export default {
           }
         });
     },
+    initQyyq(wktStr) {
+      let kfqintersectUrl = window.ApplicationConfig.kfqintersectUrl;
+      axios.get(kfqintersectUrl, { params: { wkt: wktStr} }).then((data) => {
+        if (data && data.data && data.data.length) {
+         this.qytsTabs[2].result = data.data;
+        }
+      });
+    },
+    initZbcy(wktStr) {
+      let gyydintersectUrl = window.ApplicationConfig.gyydintersectUrl;
+      axios.get(gyydintersectUrl, { params: { wkt: wktStr} }).then((data) => {
+        if (data && data.data && data.data.length) {
+         this.qytsTabs[1].result = data.data;
+        }
+      });
+    },
     analysis() {
       // this.aaa(this.item.geom);
       this.initXzfx(this.item.geom);
       this.initGhfx(this.item.geom);
       this.initSqsx(this.item.geom);
+      this.initQyyq(this.item.geom);
+      this.initZbcy(this.item.geom);
       let pointWkt = this.item.center_wkt;
       var c = this.item.center_wkt;
       this.center = c.substring(6, c.length - 1).replace(" ", ",");
@@ -1642,56 +1651,56 @@ export default {
       var id = this.item.dk_id ? this.item.dk_id : this.item.id;
       let that = this;
       var data = this.surroundAnalysisData.data;
-      if (data.planningCompliance) {
-        data.planningCompliance.forEach((item) => {
-          if (item.name == "城镇开发边界内") {
-            that.czqkfbjList = item.result == null ? [] : item.result;
-          }
-          if (item.name == "永久基本农田") {
-            that.yjjbntList = item.result == null ? [] : item.result;
-          }
-          if (item.name == "生态保护红线") {
-            that.stbhhxList = item.result == null ? [] : item.result;
-          }
-          if (item.name == "符合控制性详细规划") {
-            that.kzxxxghList = item.result == null ? [] : item.result;
-          }
-        });
-      }
+      // if (data.planningCompliance) {
+      //   data.planningCompliance.forEach((item) => {
+      //     if (item.name == "城镇开发边界内") {
+      //       that.czqkfbjList = item.result == null ? [] : item.result;
+      //     }
+      //     if (item.name == "永久基本农田") {
+      //       that.yjjbntList = item.result == null ? [] : item.result;
+      //     }
+      //     if (item.name == "生态保护红线") {
+      //       that.stbhhxList = item.result == null ? [] : item.result;
+      //     }
+      //     if (item.name == "符合控制性详细规划") {
+      //       that.kzxxxghList = item.result == null ? [] : item.result;
+      //     }
+      //   });
+      // }
       that.zbTabs = [];
-      if (data.trafficConditions) {
-        var str = "省道国道乡道县道";
-        var roadData = [];
-        data.trafficConditions.forEach((item) => {
-          if (str.indexOf(item.name) > -1) {
-            if (item.result) {
-              var label = "G";
-              if (item.name == "省道") {
-                label = "S";
-              }
-              if (item.name == "国道") {
-                label = "G";
-              }
-              if (item.name == "县道") {
-                label = "X";
-              }
-              if (item.name == "乡道") {
-                label = "S";
-              }
-              item.result.forEach((t) => {
-                t.label = label;
-                roadData.push(t);
-              });
-            }
-          } else {
-            that.zbTabs.push(item);
-          }
-        });
-        if (roadData) {
-          that.zbTabs.push({ name: "公路", result: roadData });
-        }
-        that.yyList = that.zbTabs[0].result;
-      }
+      // if (data.trafficConditions) {
+      //   var str = "省道国道乡道县道";
+      //   var roadData = [];
+      //   data.trafficConditions.forEach((item) => {
+      //     if (str.indexOf(item.name) > -1) {
+      //       if (item.result) {
+      //         var label = "G";
+      //         if (item.name == "省道") {
+      //           label = "S";
+      //         }
+      //         if (item.name == "国道") {
+      //           label = "G";
+      //         }
+      //         if (item.name == "县道") {
+      //           label = "X";
+      //         }
+      //         if (item.name == "乡道") {
+      //           label = "S";
+      //         }
+      //         item.result.forEach((t) => {
+      //           t.label = label;
+      //           roadData.push(t);
+      //         });
+      //       }
+      //     } else {
+      //       that.zbTabs.push(item);
+      //     }
+      //   });
+      //   if (roadData) {
+      //     that.zbTabs.push({ name: "公路", result: roadData });
+      //   }
+      //   that.yyList = that.zbTabs[0].result;
+      // }
       that.ggssTabs = [];
       if (data.publicService) {
         data.publicService.forEach((item) => {
@@ -1707,20 +1716,20 @@ export default {
           that.zbhjTabs.push(item);
         });
       }
-      if (data.regionalCharacteristic) {
-        data.regionalCharacteristic.forEach((item) => {
-          that.qytsTabs.forEach((c) => {
-            if (c.name == item.name) {
-              c.result = item.result == null ? [] : item.result;
-              if (c.name == "周边园区") {
-                c.result.forEach((t) => {
-                  t.bgpicUrl = that.picUrl + t.refId + ".png";
-                });
-              }
-            }
-          });
-        });
-      }
+      // if (data.regionalCharacteristic) {
+      //   data.regionalCharacteristic.forEach((item) => {
+      //     that.qytsTabs.forEach((c) => {
+      //       if (c.name == item.name) {
+      //         c.result = item.result == null ? [] : item.result;
+      //         if (c.name == "周边园区") {
+      //           // c.result.forEach((t) => {
+      //           //   t.bgpicUrl = that.picUrl + t.refId + ".png";
+      //           // });
+      //         }
+      //       }
+      //     });
+      //   });
+      // }
       if (data.population) {
         that.polulation = data.population.result;
         if (that.polulation) {
@@ -1772,7 +1781,7 @@ export default {
       this.dkxx.forEach((prop) => {
         if (prop.key in this.item) {
           if (prop.key == "pfmarea" && this.item[prop.key]) {
-            prop.value = (this.item[prop.key]*0.0015).toFixed(2);
+            prop.value = (this.item[prop.key] * 0.0015).toFixed(2);
           } else {
             prop.value = this.item[prop.key];
           }
@@ -2420,6 +2429,11 @@ export default {
             background-size: cover;
             border-radius: 2px;
           }
+          .zbyqdiv {
+            background-image: url("~@/assets/image/kfq.png");
+            background-size: cover;
+            background-position: center;
+          }
           .value-panel {
             flex: 1;
             height: 140px;

web_ui/static/config.js

@@ -5,6 +5,8 @@
     subscribeUrl: 'http://localhost:8511/subscribe/',
     queryGeometryUrl: 'http://localhost:8511/queryGeometry',
     queryGeometryListUrl: 'http://localhost:8511/queryGeometryList',
+    kfqintersectUrl: 'http://localhost:8511/kfqintersect',
+    gyydintersectUrl: 'http://localhost:8511/intersect_gyyd',
     //  subscribeUrl: 'http://10.10.9.143:8511/subscribe/',
     //  subscribeUrl: '/agentai/subscribe/',
     // subscribeUrl: 'http://192.168.0.145:8511/subscribe/',
@@ -123,10 +125,39 @@
             type: 'tile2',
             url: 'https://ai.zrzyt.zj.gov.cn/mapserver/GDPProxy231/877a7710f9d7477f88120d5b30ab488a/arcgis/rest/services/GCS330000K2007_KZXXXGH_GHDK/GCS330000_2007_KZXXXGH_GHDK_GKY_2022/MapServer',
             zindex: 1
+          },
+          {
+            name: "开发区",
+            id: "KFQ",
+            checked: false,
+            type: 'geoserver',
+            url: 'https://kjzl.zrzyt.zj.gov.cn/zdzy/geoserver/sde/wms',
+            layername: 'sde:kfq',
+            zindex: 1
+          },
+          {
+            name: "工业用地调查",
+            id: "GYYDDC",
+            checked: false,
+            type: 'geoserver',
+            url: 'https://kjzl.zrzyt.zj.gov.cn/zdzy/geoserver/sde/wms',
+            layername: 'sde:zjgyddc',
+            zindex: 1
+
           }
 
         ]
       },
+      {
+        name: '三区三线', layers: [{
+          name: "永久基本农田",
+          id: "yjjbnt",
+          checked: false,
+          type: 'tile2',
+          url: 'https://ai.zrzyt.zj.gov.cn/mapserver/GDPProxy226/a119e0e024944866a260798599aa19f4/arcgis/rest/services/GCS330000_2001_YJJBNT_GX/GCS330000_2001_YJJBNT_GX_XSB/MapServer',
+          zindex: 2
+        }]
+      }
 
     ],
   }