From c954cdb51f93585b58b761c2663688c36e6b044f Mon Sep 17 00:00:00 2001
From: jihongshun <1151753686@qq.com>
Date: 星期五, 15 八月 2025 17:13:54 +0800
Subject: [PATCH] 创建航线新增全局配置
---
src/views/system/project/components/addPorjectDialog.vue | 321 ++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 277 insertions(+), 44 deletions(-)
diff --git a/src/views/system/project/components/addPorjectDialog.vue b/src/views/system/project/components/addPorjectDialog.vue
index d7fdb06..df93c17 100644
--- a/src/views/system/project/components/addPorjectDialog.vue
+++ b/src/views/system/project/components/addPorjectDialog.vue
@@ -12,9 +12,11 @@
<div class="chooseModel">
<div class="fontJust">璁惧鍒楄〃</div>
<el-button @click="addDevice"> 鏂板</el-button>
+ <el-button @click="lineSet"> 鑸嚎璁剧疆</el-button>
<el-table
:data="tableData"
max-height = '180'
+ :row-key="getRowKeys"
style="width: 100%">
<el-table-column
prop="deviceName"
@@ -45,6 +47,7 @@
<div class="fontJust">宸℃鐐圭洰褰�</div>
<el-tree
class="filter-tree"
+ node-key="id"
:data="treeData"
:props="defaultProps"
default-expand-all
@@ -64,6 +67,77 @@
</el-dialog>
<chooseDeviceDialog v-if="showDevice" @cancel ='cancel' @dealChooseArr="dealChooseArr" ></chooseDeviceDialog>
<chooseModelDialog v-if="showModel" @cancelModel ='cancelModel' @receiveModel="receiveModel" :deviceId="deviceId"></chooseModelDialog>
+ <el-drawer
+ title="鑸嚎璁剧疆"
+ :visible.sync="drawer"
+ direction="rtl">
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+ <el-form-item label="璧烽鐖崌" prop="region">
+ <el-select v-model="ruleForm.region" placeholder="璇烽�夋嫨璧烽鐖崌">
+ <el-option label="鍨傜洿" value="鍨傜洿"></el-option>
+ <el-option label="鍊炬枩" value="鍊炬枩"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍏ㄥ眬鑸嚎閫熷害" prop="region">
+ <div class="speed-control">
+ <el-input-number
+ v-model="ruleForm.speed"
+ :min="0"
+ :max="50"
+ :step="1"
+ controls-position="both"
+ @change="handleChange"
+ />
+ <span class="unit">m/s</span>
+ </div>
+ </el-form-item>
+ <el-form-item label="璧烽閫熷害" prop="fly">
+ <div class="speed-control">
+ <el-input-number
+ v-model="ruleForm.flySpeed"
+ :min="0"
+ :max="50"
+ :step="1"
+ controls-position="both"
+ @change="handleChange"
+ />
+ <span class="unit">m/s</span>
+ </div>
+ </el-form-item>
+ <el-form-item label="鑸偣绫诲瀷" prop="region1">
+ <el-select v-model="ruleForm.region1" placeholder="璇烽�夋嫨鑸偣绫诲瀷">
+ <el-option label="鍗忚皟杞集锛屼笉杩囩偣锛屾彁鍓嶈浆寮�" value="鍗忚皟杞集锛屼笉杩囩偣锛屾彁鍓嶈浆寮�"></el-option>
+ <el-option label="鐩寸嚎椋炶锛岄琛屽櫒鍒扮偣鍋�" value="鐩寸嚎椋炶锛岄琛屽櫒鍒扮偣鍋�"></el-option>
+ <el-option label="骞虫粦杩囩偣锛屾彁鍓嶈浆寮�" value="骞虫粦杩囩偣锛屾彁鍓嶈浆寮�"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="椋炶鍣ㄥ亸鑸妯″紡" prop="region2">
+ <el-select v-model="ruleForm.region2" placeholder="璇烽�夋嫨椋炶鍣ㄥ亸鑸妯″紡">
+ <el-option label="娌胯埅绾挎柟鍚�" value="娌胯埅绾挎柟鍚�"></el-option>
+ <el-option label="鎵嬪姩鎺у埗" value="鎵嬪姩鎺у埗"></el-option>
+ <el-option label="閿佸畾褰撳墠鍋忚埅瑙�" value="閿佸畾褰撳墠鍋忚埅瑙�"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鑸偣闂翠簯鍙颁刊浠拌鎺у埗妯″紡" prop="region3">
+ <el-select v-model="ruleForm.region3" placeholder="璇烽�夋嫨鑸偣闂翠簯鍙颁刊浠拌鎺у埗妯″紡">
+ <el-option label="鎵嬪姩鎺у埗" value="鎵嬪姩鎺у埗"></el-option>
+ <el-option label="渚濈収姣忎釜鑸偣璁剧疆" value="渚濈収姣忎釜鑸偣璁剧疆"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="瀹屾垚鍔ㄤ綔" prop="region4">
+ <el-select v-model="ruleForm.region4" placeholder="璇烽�夋嫨瀹屾垚鍔ㄤ綔">
+ <el-option label="鑷姩杩旇埅" value="鑷姩杩旇埅"></el-option>
+ <el-option label="杩斿洖鑸嚎璧峰鐐规偓鍋�" value="杩斿洖鑸嚎璧峰鐐规偓鍋�"></el-option>
+ <el-option label="閫�鍑鸿埅绾挎ā寮�" value="閫�鍑鸿埅绾挎ā寮�"></el-option>
+ <el-option label="鍘熷湴闄嶈惤" value="鍘熷湴闄嶈惤"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="submitForm('ruleForm')">淇濆瓨</el-button>
+ <el-button @click="resetForm('ruleForm')">鍙栨秷</el-button>
+ </el-form-item>
+ </el-form>
+ </el-drawer>
</div>
</template>
<script>
@@ -71,7 +145,8 @@
import chooseDeviceDialog from './chooseDeviceDialog.vue';
import chooseModelDialog from './chooseModelDialog.vue';
import { obtainRealData ,buildKmz} from "@/api/system/template"
-
+let rotationAngle = Cesium.Math.toRadians(0)
+let lastConnectPolyline
export default{
components: {
CesiumMap,
@@ -90,7 +165,13 @@
showDevice:false,
multipleSelection: [],
showModel:false,
- deviceId:null
+ deviceId:null,
+ drawer:false,
+ ruleForm:{
+ speed:14,
+ flySpeed:15
+ },
+
}
},
methods:{
@@ -99,9 +180,9 @@
this.$emit('close')
},
flyToLocal(row){
- console.log(row)
const position = Cesium.Cartesian3.fromDegrees(row.longitude,row.latitude, row.deviceHeight);
-
+ // rotationAngle = Cesium.Math.toRadians(row.face) || Cesium.Math.toRadians(0)
+ rotationAngle = Cesium.Math.toRadians(row.face) || Cesium.Math.toRadians(0)
// 璁剧疆妯″瀷鏂瑰悜锛堝彲閫夛級
const heading = Cesium.Math.toRadians(row.face); // 鏈濅笢鍗楁柟鍚�
const pitch = 0;
@@ -178,14 +259,60 @@
}));
},
deleteData(row){
+ console.log(row)
// 鎵惧埌 id 涓� "1" 鐨勫厓绱犵储寮�
const index = this.tableData.findIndex(item => item.id === row.id);
// 濡傛灉鎵惧埌浜嗭紝鍒犻櫎璇ュ厓绱�
if (index !== -1) {
this.tableData.splice(index, 1);
}
- const dealTreeData = this.dealTee()
- this.treeData = dealTreeData
+ const indexTree = this.treeData.findIndex(item => item.id === row.id);
+ // 濡傛灉鎵惧埌浜嗭紝鍒犻櫎璇ュ厓绱�
+ if (index !== -1) {
+ this.treeData.splice(indexTree, 1);
+ }
+ if(this.treeData?.length >=2 && this.treeData[0]?.children?.length > 0 && this.treeData[1]?.children?.length > 0 ) {
+ this.dealAddHeight()
+ } else if(this.treeData?.length ==1) {
+ this.treeData.map((device,index) => {
+ // 纭繚璁惧鏈塩hildren鏁扮粍
+ if(index == 0) {
+ //绗竴涓暟鎹�
+ if (device.children && Array.isArray(device.children) && device.children.length > 0) {
+ // 鑾峰彇鏈�鍚庝竴涓┖涓偣
+ const lastChild = device.children[device.children.length - 1];
+ const firstChild = device.children[0];
+ // 娣辨嫹璐濇渶鍚庝竴涓厓绱狅紙鍖呮嫭宓屽鐨刢hildren锛�
+ const newChildJson = JSON.parse(JSON.stringify(lastChild));
+ // 娣辨嫹璐濇渶涓�涓�涓厓绱狅紙鍖呮嫭宓屽鐨刢hildren锛�
+ const firstChildJson = JSON.parse(JSON.stringify(firstChild));
+
+ if(newChildJson && newChildJson.label.includes('鍔犻珮')){
+ device.children?.pop(newChild);
+ }else if(firstChildJson && firstChildJson.label.includes('鍔犻珮')) {
+ device.children?.shift(firstChildJson);
+ }
+ // 娣诲姞鍒癱hildren鏁扮粍鏈熬
+ }
+ }
+ })
+ }
+ const entitiesToRemove = [];
+ viewer.entities.values.forEach(entity => {
+ if (entity.id && entity.id.includes(row.id)) {
+ entitiesToRemove.push(entity.id);
+ }
+ });
+ entitiesToRemove.forEach(id => {
+ viewer.entities.removeById(id);
+ });
+ this.drawConnectionsWithLabels(this.treeData)
+ // console.log(this.tableData)
+ console.log(this.treeData)
+ // const dealTreeData = this.dealTee()
+ // console.log(dealTreeData)
+ // this.treeData = dealTreeData
+ // this.drawConnectionsWithLabels(this.treeData)
},
chooseModel(row){
this.deviceId = row.id
@@ -196,7 +323,6 @@
},
receiveModel(obj){
//deal閫昏緫
- console.log(obj)
let flightTemplateId =obj.modelObj.id
let deviceId = obj.deviceId
this.dealTableTemplate(obj)
@@ -206,13 +332,87 @@
let treeDealData = this.transformFlightData(res.data?.coordinateSystemVoS || [])
console.log(treeDealData)
this.dealTreeMerge(obj,treeDealData)
- // const aaa = this.rotateAllPoints(this.treeData || [],res.data.longitude,res.data.latitude,res.data.height)
- this.drawConnectionsWithLabels(this.treeData)
+
+ this.rotateAllPoints(this.treeData || [],res.data.longitude,res.data.latitude,res.data.height)
+ console.log(this.treeData)
+ if(this.treeData?.length >=2 && this.treeData[0]?.children?.length > 0 && this.treeData[1]?.children?.length > 0 ) {
+ this.dealAddHeight()
+ }
+ console.log(this.treeData)
+ this.drawConnectionsWithLabels(this.treeData)
})
// this.dealTreeMerge(obj)
},
+ dealAddHeight(){
+ let currentLength = this.treeData.filter(item=>item.children)?.length || 0
+ console.log(this.treeData)
+ console.log(currentLength)
+ this.treeData.map((device,index) => {
+ // 纭繚璁惧鏈塩hildren鏁扮粍
+ if(index == 0) {
+ //绗竴涓暟鎹�
+ if (device.children && Array.isArray(device.children) && device.children.length > 0) {
+ // 鑾峰彇鏈�鍚庝竴涓┖涓偣
+ const lastChild = device.children[device.children.length - 1];
+ // 娣辨嫹璐濇渶鍚庝竴涓厓绱狅紙鍖呮嫭宓屽鐨刢hildren锛�
+ const newChild = JSON.parse(JSON.stringify(lastChild));
+ if(newChild.label.includes('鍔犻珮')) {
+
+ }else {
+ newChild.label = newChild.label + '-鍔犻珮'
+ // 楂樺害澧炲姞20
+ // newChild.height += 20;
+ //濉旈珮 - 楂樺害 + 寰�涓婇澶氬皯绫�
+ newChild.height += (device.ardTowerModel?.modelHeight - newChild.height + 20) ;
+ console.log('push11111111111111')
+ // 娣诲姞鍒癱hildren鏁扮粍鏈熬
+ device.children.push(newChild);
+ }
+ }
+ }
+ else if(index == currentLength -1) {
+ if (device.children && Array.isArray(device.children) && device.children.length > 0) {
+ // 鑾峰彇鏈�鍚庝竴涓┖涓偣
+ const lastChild = device.children[0];
+ // 娣辨嫹璐濇渶涓�涓�涓厓绱狅紙鍖呮嫭宓屽鐨刢hildren锛�
+ const newChild = JSON.parse(JSON.stringify(lastChild));
+ if(newChild.label.includes('鍔犻珮')) {
+ }else {
+ newChild.label = newChild.label + '-鍔犻珮绗竴涓偣'
+ newChild.height += (device.ardTowerModel?.modelHeight - newChild.height + 20) ;
+ // 娣诲姞鍒癱hildren鏁扮粍鏈熬
+ device.children.unshift(newChild);
+ }
+
+ }
+ } else {
+ if (device.children && Array.isArray(device.children) && device.children.length > 0) {
+ // 鑾峰彇鏈�鍚庝竴涓┖涓偣
+ const firstChild = device.children[0];
+ const lastChild = device.children[device.children.length - 1];
+ // 娣辨嫹璐濇渶涓�涓�涓厓绱狅紙鍖呮嫭宓屽鐨刢hildren锛�
+ const newFirstChild = JSON.parse(JSON.stringify(firstChild));
+ const newLastChildChild = JSON.parse(JSON.stringify(lastChild));
+ //楂樺害澧炲姞20
+ if(newFirstChild.label.includes('鍔犻珮')) {
+ }else {
+ newFirstChild.label = newFirstChild.label + '-鍔犻珮'
+ newFirstChild.height += (device.ardTowerModel?.modelHeight - newFirstChild.height + 20) ;
+ device.children.unshift(firstChild);
+ }
+ if(newLastChildChild.label.includes('鍔犻珮')) {
+ }else {
+ newLastChildChild.label = newLastChildChild.label + '-鍔犻珮'
+ newLastChildChild.height += (device.ardTowerModel?.modelHeight - newLastChildChild.height + 20) ;
+ device.children.push(newLastChildChild);
+ }
+ }
+ }
+ })
+ },
//杩斿洖鏁版嵁杞崲鏍戠粨鏋�
transformFlightData(data) {
+ console.log(data)
const result = [];
data.forEach(item => {
@@ -259,12 +459,29 @@
}
});
},
+ generateId() {
+ return 'id_' + Math.random().toString(36).substring(2, 10);
+ },
drawConnectionsWithLabels(devices) {
- const airPoints = [];
+ if(lastConnectPolyline) {
+ viewer.entities.remove(lastConnectPolyline)
+ lastConnectPolyline = null
+ }
+ // 鐩存帴鎿嶄綔EntityCollection锛堟帹鑽愶級
+ const entitiesToRemove = [];
+ viewer.entities.values.forEach(entity => {
+ if (entity.id && entity.id.includes(this.deviceId)) {
+ entitiesToRemove.push(entity.id);
+ }
+ });
+ entitiesToRemove.forEach(id => {
+ viewer.entities.removeById(id);
+ });
+ const airPoints = [];
+ console.log(devices)
devices.forEach(device => {
if (!Array.isArray(device.children)) return;
-
device.children.forEach(airPoint => {
// 绌轰腑鐐逛綅缃�
const airPos = Cesium.Cartesian3.fromDegrees(
@@ -276,6 +493,7 @@
// 鉁� 娣诲姞绌轰腑鐐瑰疄浣撳拰 label
viewer.entities.add({
position: airPos,
+ id:device.id +'airpoint' + this.generateId(),
point: {
pixelSize: 6,
color: Cesium.Color.YELLOW
@@ -305,6 +523,7 @@
// 鉁� 娣诲姞鍦伴潰鐐瑰疄浣撳拰 label
viewer.entities.add({
+ id:device.id +'groundpoint' + this.generateId(),
position: groundPos,
point: {
pixelSize: 6,
@@ -324,6 +543,7 @@
// 鉁� 钃濊壊铏氱嚎杩炴帴锛氱┖涓偣 鉃� 鍦伴潰鐐�
viewer.entities.add({
+ id:device.id +'polyline' + this.generateId(),
polyline: {
positions: [airPos, groundPos],
width: 2,
@@ -337,10 +557,10 @@
}
});
});
-
+ console.log(airPoints)
// 鉁� 榛勮壊瀹炵嚎杩炴帴鎵�鏈夌┖涓偣
if (airPoints.length > 1) {
- viewer.entities.add({
+ lastConnectPolyline = viewer.entities.add({
polyline: {
positions: airPoints,
width: 3,
@@ -351,43 +571,44 @@
},
rotateAllPoints(dataList,towerLongitude,towerLatitude,towerhHight) {
return dataList.map(item => {
- console.log(item)
- console.log(towerLongitude)
- console.log(towerLatitude)
- console.log(towerhHight)
- const groundPoint = Cesium.Cartesian3.fromDegrees(item.longitude, item.latitude, item.height);
- const towerPoint = Cesium.Cartesian3.fromDegrees(towerLongitude, towerLatitude, towerhHight);
- let rotationAngle = Cesium.Math.toRadians(135)
- // 鏃嬭浆鍦伴潰鐐规湰韬紙浼氬彉锛屼絾缁曡嚜韬棆杞笉浼氱Щ鍔級
- const newGroundPoint = this.rotateAroundPoint( groundPoint,towerPoint, rotationAngle);
- const newGroundCarto = Cesium.Cartographic.fromCartesian(newGroundPoint);
- const newGround = {
- ...item,
- longitude: Cesium.Math.toDegrees(newGroundCarto.longitude),
- latitude: Cesium.Math.toDegrees(newGroundCarto.latitude),
- height: newGroundCarto.height
- };
- console.log(newGround)
- // 澶勭悊瀛愮┖涓偣
- newGround.children = item.children.map(child => {
- const airPoint = Cesium.Cartesian3.fromDegrees(child.longitude, child.latitude, child.height);
- const rotatedAirPoint = this.rotateAroundPoint( airPoint,towerPoint, rotationAngle);
- const rotatedAirCarto = Cesium.Cartographic.fromCartesian(rotatedAirPoint);
-
- return {
- ...child,
- longitude: Cesium.Math.toDegrees(rotatedAirCarto.longitude),
- latitude: Cesium.Math.toDegrees(rotatedAirCarto.latitude),
- height: rotatedAirCarto.height
+ if(!item.isDeal) {
+ const towerPoint = Cesium.Cartesian3.fromDegrees(towerLongitude, towerLatitude, towerhHight);
+ const newGround = {
+ ...item,
};
- });
-
- return newGround;
+ if(item.id == this.deviceId ){
+ item.isDeal = true
+ }
+ // 澶勭悊瀛愮┖涓偣
+ newGround.children = item.children?.map(child => {
+ const airPoint = Cesium.Cartesian3.fromDegrees(child.longitude, child.latitude, child.height);
+ const rotatedAirPoint = this.rotateAroundPoint( airPoint,towerPoint, rotationAngle);
+ const rotatedAirCarto = Cesium.Cartographic.fromCartesian(rotatedAirPoint);
+ child.longitude = Cesium.Math.toDegrees(rotatedAirCarto.longitude)
+ child.latitude = Cesium.Math.toDegrees(rotatedAirCarto.latitude)
+ child.height = rotatedAirCarto.height
+ child.children = child.children?.map(sonChild => {
+ const groundPoint = Cesium.Cartesian3.fromDegrees(sonChild.longitude, sonChild.latitude, sonChild.height);
+ const newGroundPoint = this.rotateAroundPoint( groundPoint,towerPoint, rotationAngle);
+ const newGroundCarto = Cesium.Cartographic.fromCartesian(newGroundPoint);
+ return {
+ ...sonChild,
+ longitude: Cesium.Math.toDegrees(newGroundCarto.longitude),
+ latitude: Cesium.Math.toDegrees(newGroundCarto.latitude),
+ height: newGroundCarto.height
+ };
+ });
+ });
+ console.log(newGround.children)
+ return newGround;
+ }
+
});
},
//聽璁＄畻鐐笰缁曠偣B閫嗘椂閽堟棆杞寚瀹氳搴﹀悗鐨勬柊浣嶇疆
// 绌轰腑鐐规垨鑰呭湴闈㈢偣绗涘崱灏斿潗鏍� 濉旂殑绗涘崱灏斿潗鏍� 濉旂殑鏈濆悜鍊�
rotateAroundPoint(startPoint,pivotPoint,rotationAngle) {
+ console.log(rotationAngle)
//聽鍒涘缓涓�涓粠B鐐瑰埌鏈湴鍧愭爣绯荤殑杞崲鐭╅樀锛堜笢鏂瑰悜涓篨杞达紝鍖楁柟鍚戜负Y杞达紝鍨傜洿鏂瑰悜涓篫杞达級
const transformationMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(pivotPoint);
//聽鑾峰彇涓栫晫鍧愭爣绯诲埌鏈湴鍧愭爣绯荤殑杞崲鐭╅樀
@@ -400,6 +621,10 @@
const rotatedZ = localStartPoint.z; //聽Z杞村潗鏍囦繚鎸佷笉鍙�
//聽灏嗘棆杞悗鐨勫眬閮ㄥ潗鏍囪浆鎹㈠洖涓栫晫鍧愭爣绯�
return Cesium.Matrix4.multiplyByPoint(transformationMatrix,聽new聽Cesium.Cartesian3(rotatedX,聽rotatedY,聽rotatedZ),聽new聽Cesium.Cartesian3());
+ },
+ getRowKeys(row){
+ console.log(row)
+ return row.id +this.generateId()
},
submit(){
console.log(this.treeData)
@@ -414,6 +639,11 @@
latitude: airPoint.latitude,
height: airPoint.height,
isStartAndEndPoint: false,
+ coordinatePointReq: {
+ height: airPoint.children[0].height,
+ latitude:airPoint.children[0].latitude,
+ longitude: airPoint.children[0].longitude
+ }
});
});
});
@@ -437,6 +667,9 @@
})
}
})
+ },
+ lineSet(){
+ this.drawer =true
}
}
}
--
Gitblit v1.9.3