图斑分割面积计算

.env.lindidiaocha

@@ -1,31 +0,0 @@
-# Whether to open mock
-VITE_USE_MOCK = true
-
-# public path
-VITE_PUBLIC_PATH = /
-
-# Whether to enable gzip or brotli compression
-# Optional: gzip | brotli | none
-# If you need multiple forms, you can use `,` to separate
-VITE_BUILD_COMPRESS = 'none'
-
-
-# Basic interface address SPA
-#林草项目
-VITE_GLOB_API_URL=http://123.132.248.154:9104/plot
-
-# File upload address， optional
-# It can be forwarded by nginx or write the actual address directly
-VITE_GLOB_UPLOAD_URL=http://60.213.14.14:6070
-
-# Interface prefix
-VITE_GLOB_API_URL_PREFIX=
-
-VITE_GLOB_APP_TITLE = 林草湿荒调查
-
-VITE_GLOB_APP_LOGO = /logo.png
-VITE_GLOB_APP_MANAGEMENT_UNIT = 版权所有：临沂市自然资源和规划局
-
-VITE_GLOB_APP_TECHINICAL_SUPPORT =  技术⽀持：山东慧创信息科技有限公司 
-
-VITE_GLOB_APP_VERSIONS = 系统版本：V1.0

.env.tiankongdi

@@ -1,48 +0,0 @@
-# Whether to open mock
-VITE_USE_MOCK = true
-
-# public path
-VITE_PUBLIC_PATH = /
-
-# Whether to enable gzip or brotli compression
-# Optional: gzip | brotli | none
-# If you need multiple forms, you can use `,` to separate
-VITE_BUILD_COMPRESS = 'none'
-
-
-# Basic interface address SPA
-# 天空地项目
-VITE_GLOB_API_URL=http://120.222.154.7:6050
-
-
-
-VITE_GLOB_INFO_IMAGE_URL = http://120.222.154.48:6050
-
-# File upload address， optional
-# It can be forwarded by nginx or write the actual address directly
-VITE_GLOB_UPLOAD_URL= http://120.222.154.7:6050
-
-# Interface prefix
-
-VITE_GLOB_API_URL_PREFIX=
-
-VITE_GLOB_APP_TITLE = 临沂市自然资源综合监管平台
-
-VITE_GLOB_APP_LOGO = /tiankongdi-logo.png
-
-VITE_GLOB_APP_MANAGEMENT_UNIT = 管理单位：临沂市自然资源和规划局
-
-VITE_GLOB_APP_TECHINICAL_SUPPORT =  技术⽀持：山东慧创信息科技有限公司 
-
-VITE_GLOB_APP_VERSIONS = 系统版本：V1.0
-
-VITE_GLOB_YINGXIANG_SERVER = http://192.168.10.100:8080/geoserver/mylayergroup/wms?service=WMS&version=1.1.0&request=GetMap&layers=mylayergroup:linyiAllYingxiang&styles=&bbox={bbox-epsg-3857}&width=256&height=256&srs=EPSG:3857&format=image/png&TRANSPARENT=TRUE
-
-VITE_GLOB_YAOGANYINGXIANG_SERVER = http://192.168.10.100:8080/geoserver/yaoganlayergroup/wms?service=WMS&version=1.1.0&request=GetMap&layers=yaoganlayergroup:yanganyingxiang&styles=&bbox={bbox-epsg-3857}&width=256&height=256&srs=EPSG:3857&format=image/png&TRANSPARENT=TRUE
-
-VITE_GLOB_FILE_PREVIEW = http://120.222.154.7:6081
-
-VITE_GLOB_LAN_API_URL = http://192.168.10.100:6050
-
-
-

src/locales/lang/zh-CN/sys.json

@@ -98,8 +98,8 @@
     "header_title": "临沂市自然资源综合监管平台",
     "header_admin": "，欢迎进入！",
     "header_logout": "退出系统",
-    "bottom_copyright": "管理单位：自然资源和规划局",
+    "bottom_copyright": "管理单位：临沂市自然资源和规划局",
-    "bottom_copyright_lindidiaocha": "版权所有：自然资源和规划局",
+    "bottom_copyright_lindidiaocha": "版权所有：临沂市自然资源和规划局",
     "bottom_support": "技术⽀持：山东慧创信息科技有限公司",
     "bottom_version": "系统版本：V1.0"
   }

src/views/demo/degraining/curbspotcity/MapList/SplitPolygonModal/index.vue

@@ -984,7 +984,20 @@
       splitPolygonForm.value?.splice(currentPolygon.value,1);
       splitAfterPolygon.value?.splice(currentPolygon.value,1);
     }
+    let sumArea = 0.0;
     e?.forEach((item, index) => {
+      var polygon = null;
+      if(item.geometry.type == 'Polygon'){
+        polygon = turf.polygon(item.geometry.coordinates)
+      }else if(item.geometry.type == 'MultiPolygon'){
+        polygon  =  turf.multiPolygon(item.geometry.coordinates)
+      }
+      let are = (turf.area(polygon) / 666.666666666667).toFixed(2);
+
+      if(index == e.length-1){
+        are = (parseFloat(area) - sumArea).toFixed(2);
+      }
+      sumArea = sumArea + are;
       let form = {
         fid: null,
         unitname: '',
@@ -998,7 +1011,7 @@
         yongjiujibennongtian_area: null,
         shengtaibaohuhongxian_area: null,
         guotukongjianguihua_area: null,
-        area: null,
+        area: are > 0 ? are : 0.00,
         geom: item,
         checked:false,
       };

src/views/demo/inspectionaudit/curbspotcity/MapList/SplitPolygonModal/index.vue

@@ -913,7 +913,22 @@ import { itemProps } from '@/components/Menu/src/props';
       splitPolygonForm.value?.splice(currentPolygon.value,1);
       splitAfterPolygon.value?.splice(currentPolygon.value,1);
     }
+    let sumArea = 0.0;
     e?.forEach((item, index) => {
+
+      var polygon = null;
+      if(item.geometry.type == 'Polygon'){
+        polygon = turf.polygon(item.geometry.coordinates)
+      }else if(item.geometry.type == 'MultiPolygon'){
+        polygon  =  turf.multiPolygon(item.geometry.coordinates)
+      }
+      let are = (turf.area(polygon) / 666.666666666667).toFixed(2);
+
+      if(index == e.length-1){
+        are = (parseFloat(area) - sumArea).toFixed(2);
+      }
+      sumArea = sumArea + are;
+
       let form = {
         fid: null,
         unitname: '',
@@ -927,7 +942,7 @@ import { itemProps } from '@/components/Menu/src/props';
         yongjiujibennongtian_area: null,
         shengtaibaohuhongxian_area: null,
         guotukongjianguihua_area: null,
-        area: null,
+        area: are > 0 ? are : 0.00,
         geom: item,
         checked:false,
       };

src/views/demo/keyproblem/keyissuesI/curbspotcity/MapList/SplitPolygonModal/index.vue

@@ -792,7 +792,21 @@ import { itemProps } from '@/components/Menu/src/props';
       splitPolygonForm.value?.splice(currentPolygon.value,1);
       splitAfterPolygon.value?.splice(currentPolygon.value,1);
     }
+    let sumArea = 0.0;
     e?.forEach((item, index) => {
+      var polygon = null;
+      if(item.geometry.type == 'Polygon'){
+        polygon = turf.polygon(item.geometry.coordinates)
+      }else if(item.geometry.type == 'MultiPolygon'){
+        polygon  =  turf.multiPolygon(item.geometry.coordinates)
+      }
+      let are = (turf.area(polygon) / 666.666666666667).toFixed(2);
+
+      if(index == e.length-1){
+        are = (parseFloat(area) - sumArea).toFixed(2);
+      }
+      sumArea = sumArea + are;
+
       let form = {
         fid: null,
         unitname: '',
@@ -806,7 +820,7 @@ import { itemProps } from '@/components/Menu/src/props';
         yongjiujibennongtian_area: null,
         shengtaibaohuhongxian_area: null,
         guotukongjianguihua_area: null,
-        area: null,
+        area: are > 0 ? are : 0.00,
         geom: item,
         checked:false,
       };

src/views/demo/keyproblem/keyissuesII/curbspotcity/MapList/SplitPolygonModal/index.vue

@@ -790,7 +790,21 @@ const handleCancelPreviewFile = ()=>{
       splitPolygonForm.value?.splice(currentPolygon.value,1);
       splitAfterPolygon.value?.splice(currentPolygon.value,1);
     }
+    let sumArea = 0.0;
     e?.forEach((item, index) => {
+      var polygon = null;
+      if(item.geometry.type == 'Polygon'){
+        polygon = turf.polygon(item.geometry.coordinates)
+      }else if(item.geometry.type == 'MultiPolygon'){
+        polygon  =  turf.multiPolygon(item.geometry.coordinates)
+      }
+      let are = (turf.area(polygon) / 666.666666666667).toFixed(2);
+
+      if(index == e.length-1){
+        are = (parseFloat(area) - sumArea).toFixed(2);
+      }
+      sumArea = sumArea + are;
+
       let form = {
         fid: null,
         unitname: '',
@@ -804,7 +818,7 @@ const handleCancelPreviewFile = ()=>{
         yongjiujibennongtian_area: null,
         shengtaibaohuhongxian_area: null,
         guotukongjianguihua_area: null,
-        area: null,
+        area: are > 0 ? are : 0.00,
         geom: item,
         checked:false,
       };

src/views/demo/redlinesupervision/curbspotcity/MapList/SplitPolygonModal/index.vue

@@ -822,7 +822,22 @@
       splitPolygonForm.value?.splice(currentPolygon.value, 1);
       splitAfterPolygon.value?.splice(currentPolygon.value, 1);
     }
+    let sumArea = 0.0;
     e?.forEach((item, index) => {
+
+      var polygon = null;
+      if(item.geometry.type == 'Polygon'){
+        polygon = turf.polygon(item.geometry.coordinates)
+      }else if(item.geometry.type == 'MultiPolygon'){
+        polygon  =  turf.multiPolygon(item.geometry.coordinates)
+      }
+      let are = (turf.area(polygon) / 666.666666666667).toFixed(2);
+
+      if(index == e.length-1){
+        are = (parseFloat(area) - sumArea).toFixed(2);
+      }
+      sumArea = sumArea + are;
+
       let form = {
         fid: null,
         unitname: '',
@@ -836,7 +851,7 @@
         yongjiujibennongtian_area: null,
         shengtaibaohuhongxian_area: null,
         guotukongjianguihua_area: null,
-        area: null,
+        area: are > 0 ? are : 0.00,
         geom: item,
         checked: false,
       };

src/views/demo/shengtaixiufu/curbspotcity/MapList/SplitPolygonModal/index.vue

@@ -941,7 +941,22 @@
       splitPolygonForm.value?.splice(currentPolygon.value, 1);
       splitAfterPolygon.value?.splice(currentPolygon.value, 1);
     }
+    let sumArea = 0.0;
     e?.forEach((item, index) => {
+
+      var polygon = null;
+      if(item.geometry.type == 'Polygon'){
+        polygon = turf.polygon(item.geometry.coordinates)
+      }else if(item.geometry.type == 'MultiPolygon'){
+        polygon  =  turf.multiPolygon(item.geometry.coordinates)
+      }
+      let are = (turf.area(polygon) / 666.666666666667).toFixed(2);
+
+      if(index == e.length-1){
+        are = (parseFloat(area) - sumArea).toFixed(2);
+      }
+      sumArea = sumArea + are;
+
       let form = {
         fid: null,
         unitname: '',
@@ -955,7 +970,7 @@
         yongjiujibennongtian_area: null,
         shengtaibaohuhongxian_area: null,
         guotukongjianguihua_area: null,
-        area: null,
+        area: are > 0 ? are : 0.00,
         geom: item,
         checked: false,
       };

src/views/demo/tiankongdi/curbspotcity/MapList/SplitPolygonModal/index.vue

@@ -907,7 +907,22 @@ import { itemProps } from '@/components/Menu/src/props';
       splitPolygonForm.value?.splice(currentPolygon.value,1);
       splitAfterPolygon.value?.splice(currentPolygon.value,1);
     }
+    let sumArea = 0.0;
     e?.forEach((item, index) => {
+
+      var polygon = null;
+      if(item.geometry.type == 'Polygon'){
+        polygon = turf.polygon(item.geometry.coordinates)
+      }else if(item.geometry.type == 'MultiPolygon'){
+        polygon  =  turf.multiPolygon(item.geometry.coordinates)
+      }
+      let are = (turf.area(polygon) / 666.666666666667).toFixed(2);
+
+      if(index == e.length-1){
+        are = (parseFloat(area) - sumArea).toFixed(2);
+      }
+      sumArea = sumArea + are;
+
       let form = {
         fid: null,
         unitname: '',
@@ -921,14 +936,18 @@ import { itemProps } from '@/components/Menu/src/props';
         yongjiujibennongtian_area: null,
         shengtaibaohuhongxian_area: null,
         guotukongjianguihua_area: null,
-        area: null,
+        area: are > 0 ? are : 0.00,
         geom: item,
         checked:false,
       };
+
       splitPolygonForm.value?.push(form);
       splitAfterPolygon.value?.push(form.geom)
     });
 
+
+
+
     // 分割完成后重新渲染面数据
     let splitAfterFeatures = {
       type: 'FeatureCollection',
@@ -936,6 +955,8 @@ import { itemProps } from '@/components/Menu/src/props';
     };
 
     splitPolygonForm.value?.forEach((item,idnex)=>{
+      console.log("item.geom",item.geom);
+      
       splitAfterFeatures.features.push(item.geom);
     })
 
@@ -1075,7 +1096,7 @@ const areKeyDownChange =
       type: 'FeatureCollection',
       features: [],
     };
-    console.log("geoms12345",checkedGeoms);
+
 
     MapboxComponent.value.handlerDetails(checkedGeoms, 'splitPolygonSource', 'splitPolygonLayer', {
       lineStyle: { 'line-color': '#408eff', 'line-width': 3 },