geojson 数据载入

src/components/mapView/range.vue

@@ -3,7 +3,7 @@
     <div class="fwlxrange">
       <div :class="model.xzmj == 0 ? 'pointer' : ''" @click="drawMap">
         <el-button plain v-if="model.xzmj == 0" icon="edit-pen" size="mini"
-          >绘制范围</el-button
+          >绘制</el-button
         >
         <span v-if="model.xzmj != 0">{{ model.xzmj }} m²</span>
       </div>
@@ -25,7 +25,7 @@
           }}</span>
         </el-tooltip>
         <el-button v-else class="upload-btn" icon="Upload" size="mini"
-          >上传文件</el-button
+          >导入</el-button
         >
       </el-upload>
       <div class="clear" @click="clearAll">清除</div>
@@ -141,19 +141,19 @@ export default {
     addPolygon() {
       // let geojson = CX_geojeson;
       let polygon = Cesium.GeoJsonDataSource.load(
-        // "static/data/effectJson/lineback_1.json" //
-         "/static/data/ghss/CX_4326.geojson"
+        "/static/data/ghss/导入.geojson"
+        // { clampToGround: true }
       );
       polygon.then(function (dataSource) {
         // 将数据源添加到Cesium Viewer
         viewer.dataSources.add(dataSource);
 
         // 可以获取实体并进行操作
-        var entities = dataSource.entities.values;
-        for (var i = 0; i < entities.length; i++) {
-          var entity = entities[i];
-          // 你可以在这里设置实体的属性，例如位置、颜色等
-        }
+        // var entities = dataSource.entities.values;
+        // for (var i = 0; i < entities.length; i++) {
+        //   var entity = entities[i];
+        //   // 你可以在这里设置实体的属性，例如位置、颜色等
+        // }
       });
     },
     //绘制

src/views/complianceAnalysis/components/hgxsc.vue

@@ -72,9 +72,6 @@ export default {
     activeTabs: {
       type: String,
     },
-    loading: {
-      type: Boolean,
-    },
   },
 
   data() {
@@ -215,6 +212,7 @@ export default {
         xzmj: 0,
       };
       this.$refs.range.reset();
+      viewer.entities.removeAll();
     },
     submitData() {
       //更新范围
@@ -229,14 +227,14 @@ export default {
           //   cancelButtonText: "取消",
           //   type: "warning",
           // }).then(() => {
-          this.$parent.loading = true;
+          this.$emit("updateParent", "loading", true);
           Add({ ...this.ruleForm }).then((res) => {
             if (res.success) {
-              this.$parent.rzMc = this.ruleForm.xmmc;
-              this.$parent.rzBsm = res.data;
-              this.$parent.rwBsm = res.data;
+              this.$emit("updateParent", "rzMc", this.ruleForm.xmmc);
+              this.$emit("updateParent", "rzBsm", res.data);
+              this.$emit("updateParent", "rwBsm", res.data);
             }
-            this.$parent.loading = false;
+            this.$emit("updateParent", "loading", false);
           });
           // });
         })
@@ -272,6 +270,11 @@ export default {
       });
     },
   },
+  watch: {
+    activeTabs(newValue) {
+      if (newValue != "scjg") this.reset();
+    },
+  },
 
   // watch(
   //     () => prop.activeTabs,

src/views/complianceAnalysis/components/lsjl.vue

@@ -79,10 +79,8 @@
 </template>
 
 <script>
-// import { GetPage, GetFxjg, Delect } from "@/api/ghss/hgxfx.js";
-// import myMap from "@/utils/map.js";
-// import arcMap from "@/utils/arcMap.js";
-let parent;
+import { GetPage, GetFxjg, Delect } from "@/api/ghss/hgxfx.js";
+import hgxfx from "../../../../static/data/ghss/data.js";
 export default {
   props: {
     rzBsm: {
@@ -101,10 +99,11 @@ export default {
         new Date(2023, 1, 1, 0, 0, 0),
         new Date(2023, 2, 1, 23, 59, 59),
       ], // '00:00:00', '23:59:59'
-      datalist: [{ rwzt: 2, fxbg: "w" }],
+      datalist: [],
     };
   },
   mounted() {
+    this.datalist = hgxfx.datalist;
     // this.getData();
   },
   methods: {
@@ -132,18 +131,18 @@ export default {
         .catch(() => {});
     },
     checkDetails(item) {
-      this.$parent.rwBsm = item.bsm;
+      this.$emit("updateParent", "rwBsm", item.bsm);
       // GetFxjg({ bsm: item.bsm }).then((res) => {
       //   if (res.success) {
-      // this.$parent.scjgObj=JSON.parse(JSON.stringify(res.data))
-      // this.$parent.scjgObj=JSON.parse(JSON.stringify(res.data))
-      this.$parent.activeTabs = "scjg";
+      // this.$emit("updateParent", "scjgObj=JSON.parse(JSON.stringify(res.data))
+      // this.$emit("updateParent", "scjgObj=JSON.parse(JSON.stringify(res.data))
+      this.$emit("updateParent", "activeTabs", "scjg");
       //   }
       // });
     },
     checkRz(item) {
-      this.$parent.rzMc = item.xmmc;
-      this.$parent.rzBsm = item.bsm;
+      this.$emit("updateParent", "rzMc", item.xmmc);
+      this.$emit("updateParent", "rzBsm", item.bsm);
     },
 
     changeForm() {
@@ -162,10 +161,10 @@ export default {
     },
 
     getData() {
-      this.$parent.loading = true;
+      this.$emit("updateParent", "loading", true);
       GetPage({ ...this.pageObj }).then((res) => {
         setTimeout(() => {
-          this.$parent.loading = false;
+          this.$emit("updateParent", "loading", false);
         }, 100);
         this.pageObj.total = res.recordstotal;
         this.pageObj.page = res.page;
@@ -173,26 +172,7 @@ export default {
         this.datalist = res.data;
       });
     },
-    zoomItem(item) {
-      if (myMap.getLayer("fzxz_layer")) {
-        myMap.getLayer("fzxz_layer").getSource().clear();
-      }
-      myMap.tempLayers.dview_search_Layer.getSource().clear();
-      arcMap.SearchWfsFilter2(
-        `${SYS_LAYERS.FZXZ}/1/query`,
-        `RWBSM='${item.bsm}'`,
-        function (fs) {
-          myMap.tempLayers.dview_search_Layer.getSource().addFeatures(fs);
-          if (fs.length == 1) {
-            myMap.onLocation(fs[0]);
-          } else {
-            myMap.zoomToextent(
-              myMap.tempLayers.dview_search_Layer.getSource().getExtent()
-            );
-          }
-        }
-      );
-    },
+    zoomItem(item) {},
   },
 
   // watch(
@@ -234,6 +214,7 @@ export default {
       border: 1px dashed #02a7f0;
       padding: 10px 20px;
       position: relative;
+      margin-bottom: 10px;
     }
     .dataItem:hover {
       border: 1px solid #02a7f0;

src/views/complianceAnalysis/components/scjg.vue

@@ -70,7 +70,11 @@ export default {
   methods: {
     eyesChaneg(i) {
       this.echarts[i].iseyes = !this.echarts[i].iseyes;
-      emit("eyesChaneg");
+
+      if (this.echarts[i].iseyes) {
+        viewer.entities.removeAll();
+      } else this.addPolygon(this.echarts[i]);
+      // emit("eyesChaneg");
     },
     setEchart1() {
       this.$nextTick(() => {
@@ -92,12 +96,31 @@ export default {
         this.$refs.echartRef[3].setOptions(hgxfx.xxghlist);
       });
     },
+    // 加载GeoJSON数据
+    addPolygon({ label, id }) {
+      viewer.entities.removeAll();
+      let polygon = Cesium.GeoJsonDataSource.load(
+        `/static/data/ghss/${label}.geojson`
+      );
+      polygon.then(function (dataSource) {
+        dataSource.id = id;
+        // 将数据源添加到Cesium Viewer
+        viewer.dataSources.add(dataSource);
+        // viewer.zoomTo(dataSource);
+
+        // 可以获取实体并进行操作
+        // dataSource.entities.values.forEach((entity) => {
+        //   // 你可以在这里设置实体的属性，例如位置、颜色等
+        //   // console.log(entity);
+        // });
+      });
+    },
 
     download() {
-      window.open(prop.scjgObj.task.fxbg);
+      window.open(this.$props.scjgObj.task.fxbg);
     },
     viewReport() {
-      window.open(prop.scjgObj.task.fxbg.replace(".docx", ".pdf"), "_blank");
+      window.open(this.$props.scjgObj.task.fxbg.replace(".docx", ".pdf"), "_blank");
     },
   },
 

src/views/complianceAnalysis/index.vue

@@ -3,22 +3,19 @@
   <div class="ghzc complianceAnalysis">
     <div class="innerContainer leftPane">
       <h2 class="vl-notice-title">
-        <span class="lv-title">合规性分析</span>
+        <span class="lv-title">合规性分析{{ activeTabs }}</span>
         <span class="lv-icon-maxmini"> </span>
         <i class="icon-remove"></i>
       </h2>
       <el-tabs type="border-card" class="xz_box" v-model="activeTabs" stretch>
         <el-tab-pane label="合规性分析" name="hgxsc">
-          <Hgxsc :loading="loading" :activeTabs="activeTabs"></Hgxsc>
+          <Hgxsc :activeTabs="activeTabs" @updateParent="changeData"></Hgxsc>
         </el-tab-pane>
         <el-tab-pane label="历史记录" name="lsju">
-          <Lsjl :rzBsm="rzBsm"></Lsjl>
+          <Lsjl :rzBsm="rzBsm" @updateParent="changeData"></Lsjl>
         </el-tab-pane>
-        <el-tab-pane
-          label="检查结果"
-          :disabled="activeTabs != 'scjg'"
-          name="scjg"
-        >
+        <!-- :disabled="activeTabs != 'scjg'" -->
+        <el-tab-pane label="检查结果" name="scjg">
           <Scjg :scjgObj="scjgObj" :jgTable="jgTable"></Scjg
         ></el-tab-pane>
       </el-tabs>
@@ -66,7 +63,9 @@ export default {
         yjydlx: "",
         fwlx: 0,
       },
-      scjgObj: {},
+      scjgObj: {
+        task: { fxbg: "@/../static/data/ghss/合规性分析报告.docx" },
+      },
       rwObj: {},
       tableData: [],
       jgTable: false,
@@ -74,7 +73,11 @@ export default {
   },
   created() {},
   mounted() {},
-  methods: {},
+  methods: {
+    changeData(name, updata) {
+      this[name] = updata;
+    },
+  },
 };
 </script>
 

static/data/ghss/data.js

@@ -3,6 +3,7 @@ var data = {
     name: '',
     // 面积
     xzmj: 2674309.92,
+    datalist: [{ xmlx: '合规性测试', jsdw: "建设单位", rwzt: 2, fxbg: "@/../static/data/ghss/合规性分析报告.docx" }],
     // 现状分析
     xzfxlist: [
         { name: "水田", value: 0 },

static/data/ghss/合规性分析报告.docx

@@ -0,0 +1,401 @@
+合规性分析报告
+分析信息
+  
+项目名称
+测试项目01
+项目类型
+测试
+建设单位
+建设单位01
+分析时间
+20230622
+分析因子
+因子分类
+分析因子
+涉及面积（平方米）
+  现状分析
+01耕地
+7390828.453
+  
+02种植园用地
+9323448.283
+  
+03林地
+16064152.06
+  
+04草地
+198199.0027
+  
+05商业服务业用地
+198967.0564
+  
+06工矿用地
+231246.3122
+
+07住宅用地
+1013546.793
+
+08公共管理与公共服务用地
+129280.6827
+
+09特殊用地
+156511.6732
+
+10交通运输用地
+1281411.898
+
+11水域及水利设施用地
+1826821.627
+
+12其他土地
+81946.2209
+控制线分析
+永久基本农田
+7196572.192
+
+城镇开发边界
+17684477.2095 
+
+生态保护红线
+13271334.9982 
+控制性详细规划分析
+耕地
+5769978.5100 
+
+园地
+4945970.9676 
+
+林地
+1919564.3272 
+
+湿地
+1996.2658 
+
+居住用地
+4187881.6590 
+
+公共管理与公共服务用地
+1550866.9904 
+
+商业服务业用地
+4749148.3161 
+
+工矿用地
+33712.8951 
+
+仓储用地
+171519.2932 
+
+交通运输用地
+2978554.0234 
+
+公用设施用地
+268449.6745 
+
+绿地与开敞空间用地
+2384922.9910 
+
+特殊用地
+13635.0858 
+
+留白用地
+840646.6921 
+
+陆地水域
+2910216.7638 
+
+现状分析
+  
+输入的选址范围共62098891.05平方米，涉及三调一级地类12种，二级地类29种。其中：
+耕地7390828.453平方米，占比19.5%；
+植园用地9323448.283平方米，占比24.6%；
+林地16064152.06平方米，占比42.39%；
+草地198199.0027平方米，占比0.52%；
+商业服务业用地198967.0564平方米，占比	0.53%；
+工矿用地231246.3122平方米，占比0.61%；
+住宅用地1013546.793平方米，占比2.67%；
+公共管理与公共服务用地129280.6827平方米，占比0.34%；
+特殊用地156511.6732平方米，占比0.41%；
+交通运输用地1281411.898平方米，占比3.38%；
+水域及水利设施用地1826821.627平方米，占比4.82%；
+其他土地81946.2209平方米，占比	0.22%；
+
+详情如下：
+一级地类
+                                 二级地类
+                             面积（平方米）
+                                 占比（%）
+01耕地
+0101水田
+                                                                    6609481.847
+                                                                          17.44
+
+0102水浇地
+                                                                       26542.06
+                                                                           0.07
+
+0103旱地
+                                                                    754804.5466
+                                                                           1.99
+02种植园用地
+0201果园
+                                                                    8266293.738
+                                                                          21.81
+
+0203橡胶园
+                                                                    143484.7628
+                                                                           0.38
+
+0204其他园地
+                                                                    913669.7817
+                                                                           2.41
+03林地
+0301乔木林地
+                                                                    15030605.01
+                                                                          39.66
+
+0302竹林地
+                                                                       849.0681
+                                                                              0
+
+0305灌木林地
+                                                                    659968.8531
+                                                                           1.74
+
+0307其他林地
+                                                                    372729.1272
+                                                                           0.98
+04草地
+0404其他草地
+                                                                    198199.0027
+                                                                           0.52
+05商业服务业用地
+05H1商业服务业设施用地
+                                                                    198967.0564
+                                                                           0.53
+06工矿用地
+0601工业用地
+                                                                    231246.3122
+                                                                           0.61
+07住宅用地
+0701城镇住宅用地
+                                                                    816700.4768
+                                                                           2.16
+08公共管理与公共服务用地
+0702农村宅基地
+                                                                    196846.3165
+                                                                           0.52
+
+0809公用设施用地
+                                                                      17341.361
+                                                                           0.05
+
+08H1机关团体新闻出版用地
+                                                                       5579.606
+                                                                           0.01
+
+08H2科教文卫用地
+                                                                    106359.7157
+                                                                           0.28
+09特殊用地
+09特殊用地
+                                                                    156511.6732
+                                                                           0.41
+10交通运输用地
+1001铁路用地
+                                                                    169384.5807
+                                                                           0.45
+
+1003公路用地
+                                                                    498746.2451
+                                                                           1.32
+
+1004城镇村道路用地
+                                                                      6134.0673
+                                                                           0.02
+
+1005交通服务场站用地
+                                                                     11670.6767
+                                                                           0.03
+
+1006农村道路
+                                                                    595476.3279
+                                                                           1.57
+11水域及水利设施用地
+1103水库水面
+                                                                    1124006.748
+                                                                           2.97
+
+1104坑塘水面
+                                                                    275493.0411
+                                                                           0.73
+
+1107沟渠
+                                                                    348621.0885
+                                                                           0.92
+
+1109水工建筑用地
+                                                                     78700.7496
+                                                                           0.21
+12其他土地
+1202设施农用地
+                                                                     81946.2209
+                                                                           0.22
+
+控制性详细规划分析
+输入的选址范围共62098891.05平方米，涉及用地用海一级类15种，二级地类34种。其中：
+耕地5769978.5100平方米，占比17.63%；
+园地4945970.9676平方米，占比15.11%；
+林地1919564.3272平方米，占比5.87%；
+湿地1996.2658平方米，占比0.01%；
+居住用地4187881.6590平方米，占比12.8%；
+公共管理与公共服务用地1550866.9904平方米，占比4.74%；
+商业服务业用地4749148.3161平方米，占比14.51%；
+工矿用地33712.8951平方米，占比0.1%；
+仓储用地171519.2932平方米，占比0.52%；
+交通运输用地2978554.0234平方米，占比9.1%；
+公用设施用地268449.6745平方米，占比0.82%；
+绿地与开敞空间用地2384922.9910平方米，占比7.29%；
+特殊用地13635.0858平方米，占比0.04%；
+留白用地840646.6921平方米，占比2.57%；
+陆地水域2910216.7638平方米，占比8.89%；
+详情如下：
+
+01耕地
+01耕地
+                                                                      5769978.5
+                                                                          17.63
+02园地
+02园地
+                                                                        4945971
+                                                                          15.11
+03林地
+03林地
+                                                                      1919564.4
+                                                                           5.87
+05湿地
+0505沿海滩涂
+                                                                      1996.2657
+                                                                           0.01
+07居住用地
+0701城镇住宅用地
+                                                                      4177018.5
+                                                                          12.76
+
+0703农村宅基地 
+                                                                      10863.249
+                                                                           0.03
+08公共管理与公共服务用地
+0801机关团体用地
+                                                                     123561.875
+                                                                           0.38
+
+0802科研用地 
+                                                                      142426.62
+                                                                           0.44
+
+0803文化用地
+                                                                      369919.22
+                                                                           1.13
+
+0804教育用地
+                                                                       629195.1
+                                                                           1.92
+
+0805体育用地
+                                                                      177163.77
+                                                                           0.54
+
+0806医疗卫生用地
+                                                                     108600.336
+                                                                           0.33
+09商业服务业用地
+0901商业用地
+                                                                      3970839.5
+                                                                          12.13
+
+0902商务金融用地
+                                                                      426174.47
+                                                                            1.3
+
+0903娱乐康体用地
+                                                                      352134.44
+                                                                           1.08
+10工矿用地
+1001工业用地
+                                                                      33712.895
+                                                                            0.1
+11仓储用地
+1101物流仓储用地
+                                                                       171519.3
+                                                                           0.52
+12交通运输用地
+1201铁路用地
+                                                                       79813.08
+                                                                           0.24
+
+1207城镇道路用地
+                                                                      2655107.2
+                                                                           8.11
+
+1208交通场站用地
+                                                                       243633.6
+                                                                           0.74
+13公用设施用地
+1302排水用地
+                                                                     129299.445
+                                                                            0.4
+
+1303供电用地
+                                                                       17247.46
+                                                                           0.05
+
+1304供燃气用地
+                                                                      13455.779
+                                                                           0.04
+
+1306通信用地
+                                                                      10230.317
+                                                                           0.03
+
+1309环卫用地
+                                                                       25755.79
+                                                                           0.08
+
+1310消防用地
+                                                                       15432.46
+                                                                           0.05
+
+1312水工设施用地
+                                                                      13766.694
+                                                                           0.04
+
+1313其他公用设施用地 
+                                                                       43261.73
+                                                                           0.13
+14绿地与开敞空间用地
+1401公园绿地
+                                                                      2237860.8
+                                                                           6.84
+
+1402防护绿地
+                                                                      53074.586
+                                                                           0.16
+
+1403广场用地
+                                                                       93987.61
+                                                                           0.29
+15特殊用地
+1501军事设施用地
+                                                                      13635.086
+                                                                           0.04
+16留白用地
+16留白用地
+                                                                       840646.7
+                                                                           2.57
+17陆地水域
+17陆地水域
+                                                                      2910216.8
+                                                                           8.89
+
+

static/data/ghss/导入.geojson

@@ -0,0 +1,8 @@
+{
+"type": "FeatureCollection",
+"name": "CX2_4326",
+"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
+"features": [
+{ "type": "Feature", "properties": { "fid": 1.0 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 109.676143921403394, 18.379843575031469 ], [ 109.713666377227341, 18.3962541246526 ], [ 109.739956485406879, 18.387545831110888 ], [ 109.745709063268777, 18.352450223463762 ], [ 109.723890888662851, 18.328883018281157 ], [ 109.676207084914111, 18.316039384212889 ], [ 109.653232874458993, 18.334454584250864 ], [ 109.649207710226563, 18.362693735192511 ], [ 109.676143921403394, 18.379843575031469 ] ] ] ] } }
+]
+}