turf打包后报错修改,后台管理表格优化

main
userName 3 months ago
parent 1bc7fe12be
commit 04b8d7c440

@ -4,7 +4,7 @@
<div class="flex ai-c jc-c index">序号</div>
<div class="flex flex-1 ai-c jc-c">建筑物编码</div>
<div class="flex flex-1 ai-c jc-c">统计年度</div>
<div class="flex flex-1 ai-c jc-c">年度贡献</div>
<div class="flex flex-1 ai-c jc-c">年度贡献(万元)</div>
<div class="flex flex-1 ai-c jc-c">备注</div>
<div class="flex tempbox ai-c jc-c">操作</div>
</div>

@ -246,7 +246,7 @@
:destroyOnClose="true"
@ok="submitMap"
>
<InsertMapModal :showGeomData="showMapInfoData" @setNowShowData="setNowShowData" />
<InsertMapModal :showGeomData="showMapInfoData" :geomType="geomType" @setNowShowData="setNowShowData" />
</a-modal>
</template>
@ -266,6 +266,7 @@ const mapVisible = ref(false)
const streetOptions = ref([])
const landTypeOptions = ref([])
const UserTypeOptions = ref([])
const geomType = ref('polygon')
onMounted(() => {
getStreetData()
getCodeTypeData()

@ -4,7 +4,7 @@
<div class="flex ai-c jc-c index">序号</div>
<div class="flex flex-1 ai-c jc-c">所属宗地编码</div>
<div class="flex flex-1 ai-c jc-c">统计年度</div>
<div class="flex flex-1 ai-c jc-c">年度贡献</div>
<div class="flex flex-1 ai-c jc-c">年度贡献(万元)</div>
<div class="flex flex-1 ai-c jc-c">备注</div>
<div class="flex tempbox ai-c jc-c">操作</div>
</div>

@ -11,7 +11,7 @@
import { defaultIcon,locateBack } from './svg';
import * as mars3d from 'mars3d';
import * as Cesium from 'mars3d-cesium';
import * as turf from '@turf/turf';
// import * as turf from '@turf/turf';
import { WktToGeojson, GeojsonToWkt } from '@/components/MapboxMaps/src/WktGeojsonTransform';
import { useMessage } from '@/hooks/web/useMessage';
const { createMessage } = useMessage();
@ -266,25 +266,6 @@
}
};
watch(
() => props.showGeomData,
(newVal, oldVal) => {
console.log('newVal',newVal)
},
{
deep: true,
},
);
watch(
() => props.geomType,
(newVal, oldVal) => {
console.log('geomType',newVal)
},
{
deep: true,
},
);
function chooseWorkSpaceType() {
if(props.geomType == 'point'){
drawPoint()
@ -335,11 +316,8 @@
},
})
.then((graphic) => {
console.log('graphic',graphic)
let graphicJson = graphic.toJSON();
console.log('graphicJson',graphicJson)
let coordinates = [graphicJson.position[0],graphicJson.position[1]];
console.log('coordinates',coordinates)
let pos = GeojsonToWkt(turf.point(coordinates).geometry)
console.log('pos',pos)
emits('setNowShowData', pos)
@ -416,7 +394,6 @@
}
}
const addGeomLayers = (e) =>{
console.log('WktToGeojson(e.geom)',WktToGeojson(e.geom))
const coordinate = ref()
const lngLat = ref()
if(props.geomType == 'point'){
@ -431,7 +408,6 @@
coordinate.value = WktToGeojson(e.geom).coordinates[0]
lngLat.value = coordinate.value[0][0]
}
handlerLocation(lngLat.value);
let polygonGraphic = new mars3d.graphic.PolygonEntity({
id: e.gid,
@ -462,7 +438,6 @@
}
const addPointLayers = (e) =>{
const coordinate = WktToGeojson(e.geom).coordinates
console.log('coordinate',coordinate)
handlerLocation(coordinate);
const canvas = document.createElement('canvas');
canvas.width = 30;
@ -512,7 +487,6 @@
}
//
const handlerLocation = (lngLat) => {
console.log('lngLat',lngLat)
const position = Cesium.Cartesian3.fromDegrees(lngLat[0], lngLat[1]);
map.flyToPoint(position);
};

@ -4,8 +4,8 @@
<div class="echartscontainer">
<div class="echartsbox1 echartsbox">
<div class="textbox">数据统计</div>
<div class="flex secbox wrap">
<div class="flex ai-c jc-c libox">
<div class="flex jc-c secbox wrap">
<div class="flex ai-c libox">
<AreaChartOutlined style="fontSize: 24px" />
<div class="flex ml-1 column">
<div class="text">区域面积</div>
@ -15,7 +15,7 @@
</div>
</div>
</div>
<div class="flex ai-c jc-c libox">
<div class="flex ai-c libox">
<UsergroupAddOutlined style="fontSize: 24px" />
<div class="flex ml-1 column">
<div class="text">地块数量总量</div>
@ -25,7 +25,7 @@
</div>
</div>
</div>
<div class="flex ai-c jc-c libox">
<div class="flex ai-c libox">
<GroupOutlined style="fontSize: 24px" />
<div class="flex ml-1 column">
<div class="text">企业数量</div>
@ -35,13 +35,13 @@
</div>
</div>
</div>
<div class="flex ai-c jc-c libox">
<div class="flex ai-c libox">
<MoneyCollectOutlined style="fontSize: 24px" />
<div class="flex ml-1 column">
<div class="text">年度利润总数</div>
<div>
<span class="num">{{ mapTotleData.ndlr }}</span>
<span>亿</span>
<span>万元</span>
</div>
</div>
</div>
@ -394,6 +394,7 @@ const handRightEcharts1 = (nameData,landValue,houseValue) =>{
height: 50%;
color: #fff;
font-size: 14px;
padding-left: 22px;
.text{
line-height: 20px;
}

Loading…
Cancel
Save