数据调整

src/components/echartsTemplate/pie.vue

@@ -107,7 +107,7 @@ let option = {
       name: "轮次",
       type: "pie",
       radius: ["45%", "80%"],
-      center: ["30%", "50%"],
+      center: ["20%", "50%"],
       avoidLabelOverlap: false,
       label: {
         normal: {

src/views/complianceAnalysis/components/hgxsc.vue

@@ -178,7 +178,7 @@ export default {
             { id: "STBHHX", label: "生态保护红线" },
           ],
         },
-        { id: "TDLYGH", label: "土地利用规划" },
+        // { id: "TDLYGH", label: "土地利用规划" },
         { id: "KZXXXGH", label: "控制性详细规划" },
       ];
     },

src/views/complianceAnalysis/components/scjg.vue

@@ -7,7 +7,7 @@
           导出报告
         </el-button>
       </div>
-      <div>分析面积：{{ ruleForm.xzmj }}平方米</div>
+      <div>分析面积：{{ ruleForm.xzmj }}平方千米</div>
     </div>
 
     <div v-for="(eitem, i) in echarts" :key="i" class="echars">
@@ -49,7 +49,7 @@ export default {
       echarts: [
         { label: "现状分析", iseyes: false, isshow: true },
         { label: "三线分析", iseyes: false, isshow: true },
-        { label: "土地利用规划分析", iseyes: false, isshow: false },
+        // { label: "土地利用规划分析", iseyes: false, isshow: false },
         { label: "详细规划分析", iseyes: false, isshow: false },
       ],
       ruleForm: {
@@ -57,6 +57,7 @@ export default {
         xzmj: "",
         fileList: [],
       },
+      dataSources: {},
     };
   },
   mounted() {
@@ -64,16 +65,16 @@ export default {
     this.ruleForm.xzmj = hgxfx.xzmj;
     this.setEchart1();
     this.setEchart2();
-    this.setEchart3();
+    // this.setEchart3();
     this.setEchart4();
   },
   methods: {
     eyesChaneg(i) {
       this.echarts[i].iseyes = !this.echarts[i].iseyes;
-
-      if (!this.echarts[i].iseyes) {
-        viewer.entities.removeAll();
-      } else this.addPolygon(this.echarts[i]);
+      let item = this.echarts[i];
+      if (this.dataSources[item.id]) {
+        this.dataSources[item.id].show = item.iseyes;
+      } else this.addPolygon(item);
       // emit("eyesChaneg");
     },
     setEchart1() {
@@ -93,25 +94,22 @@ export default {
     },
     setEchart4() {
       this.$nextTick(() => {
-        this.$refs.echartRef[3].setOptions(hgxfx.xxghlist);
+        this.$refs.echartRef[2].setOptions(hgxfx.xxghlist);
       });
     },
     // 加载GeoJSON数据
     addPolygon({ label, id }) {
       viewer.entities.removeAll();
       let polygon = Cesium.GeoJsonDataSource.load(
-        `/static/data/ghss/${label}.geojson`
+        `/static/data/ghss/${label}.geojson`,
+        { clampToGround: true }
       );
       polygon.then(function (dataSource) {
-        console.log(dataSource, "dataSource");
-
-        dataSource.id = id;
+        this.dataSources[id] = dataSource;
+        // dataSource.id = id;
         // 将数据源添加到Cesium Viewer
         viewer.dataSources.add(dataSource);
-        // setTimeout(() => {
-        //   dataSource.show = false;
-        // }, 500);
-        // viewer.zoomTo(dataSource);
+        viewer.zoomTo(dataSource);
 
         // 可以获取实体并进行操作
         // dataSource.entities.values.forEach((entity) => {
@@ -141,6 +139,9 @@ export default {
   //       });
   //     }
   //   );
+  beforeDestroy() {
+    viewer.dataSources.removeAll();
+  },
 };
 </script>
 

static/data/ghss/data.js

@@ -2,28 +2,28 @@
 var data = {
     name: '',
     // 面积
-    xzmj: 2674309.92,
+    xzmj: 62.1,
     datalist: [{ xmlx: '合规性测试', jsdw: "建设单位", rwzt: 2, fxbg: "@/../static/data/ghss/合规性分析报告.docx" }],
     // 现状分析
     xzfxlist: [
-        { name: "耕地", value: 7390828.45 },
-        { name: "种植园用地", value: 9323448.28 },
-        { name: "林地", value: 16064152.06 },
-        { name: "草地", value: 198199.00 },
-        { name: "商业服务业用地", value: 198967.06 },
-        { name: "工矿用地", value: 231246.31 },
-        { name: "住宅用地", value: 1013546.79 },
-        { name: "公共管理与公共服务用地", value: 129280.68 },
-        { name: "特殊用地", value: 156511.67 },
-        { name: "交通运输用地", value: 1281411.90 },
-        { name: "水域及水利设施用地", value: 1826821.63 },
-        { name: "其他土地", value: 81946.22 },
+        { name: "耕地", value: 7.39 },
+        { name: "种植园用地", value: 9.32 },
+        { name: "林地", value: 16.06 },
+        { name: "草地", value: 0.2 },
+        { name: "商业服务业用地", value: 0.2 },
+        { name: "工矿用地", value: 0.23 },
+        { name: "住宅用地", value: 1.01 },
+        { name: "公共管理与公共服务用地", value: 0.13 },
+        { name: "特殊用地", value: 0.16 },
+        { name: "交通运输用地", value: 1.28 },
+        { name: "水域及水利设施用地", value: 1.83 },
+        { name: "其他土地", value: 0.08 },
     ],
     // 三线分析
     sxfxlist: [
-        { name: "永久基本农田", value: 591045.95 },
-        { name: "城镇开发边界", value: 1721437.42 },
-        { name: "生态保护红线", value: 76682.07 },
+        { name: "永久基本农田", value: 7.20 },
+        { name: "城镇开发边界", value: 17.68 },
+        { name: "生态保护红线", value: 13.27 },
     ],
     //土地利用规划分析
     tdlylist: [
@@ -31,17 +31,22 @@ var data = {
         { name: "农村宅基地", value: 0 },
         { name: "农村道路", value: 0 },
     ],
-    // 详细规划分析
     xxghlist: [
-        { name: "非建设用地", value: 971793.04 },
-        { name: "居住用地", value: 325406.88 },
-        { name: "公共管理与公共服务用地", value: 505086.24 },
-        { name: "商业服务业设施用地", value: 203988.66 },
-        { name: "道路与交通设施用地", value: 1155874.98 },
-        { name: "公用设施用地", value: 9664.96 },
-        { name: "绿地与广场用地", value: 110350.76 },
-        { name: "城市建设用地	", value: 64312.92 },
-        { name: "留白用地	", value: 120247.82 },
+        { name: "耕地", value: 5.77 },
+        { name: "园地", value: 4.95 },
+        { name: "林地", value: 1.92 },
+        { name: "湿地", value: 0.01 },
+        { name: "居住用地", value: 4.19 },
+        { name: "公共管理与公共服务用地", value: 1.55 },
+        { name: "商业服务业用地", value: 4.75 },
+        { name: "工矿用地", value: 0.03 },
+        { name: "仓储用地", value: 0.17 },
+        { name: "交通运输用地", value: 2.98 },
+        { name: "公用设施用地", value: 0.27 },
+        { name: "绿地与开敞空间用地", value: 2.38 },
+        { name: "特殊用地", value: 0.01 },
+        { name: "留白用地", value: 0.84 },
+        { name: "陆地水域", value: 2.91 },
     ]
 };
 export default data;