This commit is contained in:
Yq 2025-03-27 14:42:21 +08:00
commit 4bfa78acc3
2 changed files with 24 additions and 7 deletions

View File

@ -4,7 +4,7 @@
<div class='list-div'>
<div class='content'>
<div class="title">
<div class="text"> 国控点/市控点内 变电站及杆塔</div>
<div class="text"> {{ titleStr }} 变电站及杆塔</div>
<div class="button" :style="{transform: `rotate(${jianTouDeg}deg)`}" @click="jianTouDeg = (jianTouDeg + 180) % 360"></div>
</div>
<div class="ta-bian-dian-div" v-show="jianTouDeg === 0">
@ -27,9 +27,12 @@ const props = defineProps({prjName: String, leiBie: String})
// , , , ,
let map, geometryUtil, convertTask, loading_manager = new THREE.LoadingManager(), loader = new THREE.GLTFLoader(loading_manager)
const titleStr = ref('生态敏感区')
//
onMounted(() => {
initMap()
titleStr.value = props.leiBie === '生态敏感区' ? '生态敏感区' : '国控点/市控点'
})
//
const initMap = async () => {
@ -89,18 +92,32 @@ const prjDraw = prjObj => {
const position = [parseFloat(taObj.longitude), parseFloat(taObj.latitude)]
positions.push(position)
xlNumber.push({type: 'Feature', geometry: {type: 'Point', coordinates: position}, properties: {taNumber: taObj.towerNo}})
if(taObj.taskSpecification === '变电站'){
if (taObj.taskSpecification === '变电站') {
map.addLayer({// 2D
id: randomLayerId(), type: 'symbol', maxzoom: 22, minzoom: 17, metadata: {text: '自定义数据'},
source: {type: 'geojson', data: {type: 'FeatureCollection', features: [{type: 'Feature', geometry: {type: 'Point', coordinates: position}}]}},
layout: {'icon-image': 'bian_dian_icon', 'icon-size': .36, 'icon-ignore-placement': true, 'icon-allow-overlap': true, 'icon-anchor': 'center', 'icon-pitch-alignment': 'map'}
layout: {
'icon-image': 'bian_dian_icon',
'icon-size': .36,
'icon-ignore-placement': true,
'icon-allow-overlap': true,
'icon-anchor': 'center',
'icon-pitch-alignment': 'map'
}
})
map.addLayer({// 2D
id: randomLayerId(), type: 'symbol', maxzoom: 17, minzoom: 8, metadata: {text: '自定义数据'},
source: {type: 'geojson', data: {type: 'FeatureCollection', features: [{type: 'Feature', geometry: {type: 'Point', coordinates: position}}]}},
layout: {'icon-image': 'bian_dian_icon', 'icon-size': .12, 'icon-ignore-placement': true, 'icon-allow-overlap': true, 'icon-anchor': 'center', 'icon-pitch-alignment': 'map'}
layout: {
'icon-image': 'bian_dian_icon',
'icon-size': .12,
'icon-ignore-placement': true,
'icon-allow-overlap': true,
'icon-anchor': 'center',
'icon-pitch-alignment': 'map'
}
})
}else{
} else {
xlCircle.push({
type: 'Feature', geometry: {type: 'Point', coordinates: position},
properties: {icon: taObj.finished ? 'type_icon_green' : 'type_icon_red', color: taObj.finished ? '#00FF00' : '#FF0000'}
@ -128,7 +145,7 @@ const prjDraw = prjObj => {
// 线
prjMap.forEach((value) => {
const ta0 = value
if(ta0.taskSpecification === '变电站'){
if (ta0.taskSpecification === '变电站') {
return
}
const typeObj = TA_MESH_TYPE[ta0.tensionTowerFlag]

View File

@ -7,7 +7,7 @@ const getvw = num => {
// 进度完成情况图表
export const JDWCQK_OPTION = {
title: {text: '单位:', left: '3%', top: '3%', textStyle: {color: '#fff', fontSize: getvw(25), fontWeight: 'normal'}},
title: {text: '单位:', left: '3%', top: '3%', textStyle: {color: '#fff', fontSize: getvw(25), fontWeight: 'normal'}},
tooltip: {trigger: 'axis'},
legend: {
right: '3%', top: '3%', textStyle: {fontWeight: 500, fontSize: getvw(26), padding: 16, color: '#FFFFFF'},