项目相关

jihongshun

2025-07-16 417c46988366e8c11f54230345f2e6840a0025f7

 src/views/system/project/components/addPorjectDialog.vue

@@ -10,10 +10,8 @@
          <el-col :span=6>
              <el-card class="noScroll">
                <div class="chooseModel">
                  <!-- <el-button type="primary" @click='chooseModel'>添加设备</el-button> -->
                  <div class="fontJust">设备列表</div>
                   <el-button @click="addDevice"> 新增</el-button>
                   <el-button @click="draw"> 渲染</el-button>
                  <el-table
                    :data="tableData"
                    max-height = '180'
@@ -73,6 +71,8 @@
import CesiumMap from "../../../../utils/components/cesium-map.vue";
import chooseDeviceDialog from './chooseDeviceDialog.vue';
import chooseModelDialog from './chooseModelDialog.vue';
import { obtainRealData} from "@/api/system/template"

export  default{
  components: {
    CesiumMap,
@@ -83,353 +83,7 @@
    return{
       dialogVisible :true,
        tableData: [],
        treeData:[
    {
        "createBy": null,
        "createTime": null,
        "updateBy": null,
        "updateTime": null,
        "remark": null,
        "id": "3c5fc76c46c54c1187ff0bbcc092194b",
        "modelId": "6257cf734cf94c7caae0dee2ac2231d1",
        "deviceName": "设备3",
        "deviceType": null,
        "longitude": 125.01255362568844,
        "latitude": 46.40803605631184,
        "altitude": -0.029793403136164368,
        "belongingRoute": "线路3",
        "face": 30,
        "label": "设备3",
        "children": [
            {
                "id": "197ee63df18b0af0",
                "label": "地面点0",
                "longitude": 125.01254682821249,
                "latitude": 46.40803726847258,
                "height": 5.55594577349203,
                "children": [
                    {
                        "id": "197ee63df18539a3",
                        "label": "空中点1",
                        "longitude": 125.01128753149214,
                        "latitude": 46.4082612208105,
                        "height": 6.492838981926156
                    }
                ]
            },
            {
                "id": "197ee63df18cce29",
                "label": "地面点1",
                "longitude": 125.01254709729052,
                "latitude": 46.408037217374755,
                "height": 6.4920524070572645,
                "children": [
                    {
                        "id": "197ee63df18539a3",
                        "label": "空中点1",
                        "longitude": 125.01128753149214,
                        "latitude": 46.4082612208105,
                        "height": 6.492838981926156
                    }
                ]
            },
            {
                "id": "197ee63df188aa47",
                "label": "地面点2",
                "longitude": 125.01254783039168,
                "latitude": 46.408036932133236,
                "height": 7.424864167610554,
                "children": [
                    {
                        "id": "197ee63df1845bc7",
                        "label": "空中点2",
                        "longitude": 125.0112772702233,
                        "latitude": 46.40822893934041,
                        "height": 7.425650325131619
                    }
                ]
            },
            {
                "id": "197ee63df199a530",
                "label": "地面点3",
                "longitude": 125.01255933758492,
                "latitude": 46.40803691722688,
                "height": 7.424719094681872,
                "children": [
                    {
                        "id": "197ee63df1908bad",
                        "label": "空中点3",
                        "longitude": 125.0138300519516,
                        "latitude": 46.40822843553173,
                        "height": 7.425505375628057
                    }
                ]
            },
            {
                "id": "197ee63df198ebdf",
                "label": "地面点4",
                "longitude": 125.01256021566009,
                "latitude": 46.408036958116895,
                "height": 6.454013013927198,
                "children": [
                    {
                        "id": "197ee63df192e649",
                        "label": "空中点4",
                        "longitude": 125.0138360193498,
                        "latitude": 46.40821153783117,
                        "height": 6.454799694246353
                    }
                ]
            },
            {
                "id": "197ee63df1989863",
                "label": "地面点5",
                "longitude": 125.01256037655455,
                "latitude": 46.40803705402738,
                "height": 5.5173191358810305,
                "children": [
                    {
                        "id": "197ee63df19fb1cb",
                        "label": "空中点5",
                        "longitude": 125.01384789553899,
                        "latitude": 46.408163891976834,
                        "height": 6.023658449094137
                    }
                ]
            }
        ]
    },
    {
        "createBy": null,
        "createTime": null,
        "updateBy": null,
        "updateTime": null,
        "remark": null,
        "id": "5d7c595466094e369c6ed9fdcab6ba50",
        "modelId": "416a0c3361a9409495623eff5c19fb41",
        "deviceName": "设备2",
        "deviceType": null,
        "longitude": 124.98495711631958,
        "latitude": 46.60913669289758,
        "altitude": -0.010649270561847658,
        "belongingRoute": "线路2",
        "face": 30,
        "label": "设备2",
        "children": [
    {
        "id": "197ee6746f64a423",
        "label": "地面点0",
        "longitude": 124.98496378621228,
        "latitude": 46.60913556199556,
        "height": 5.517188951102072,
        "children": [
            {
                "id": "197ee6746f74e23a",
                "label": "空中点0",
                "longitude": 124.98623131325654,
                "latitude": 46.60892064074182,
                "height": 5.517975962983238
            }
        ]
    },
    {
        "id": "197ee6746f7d5cbb",
        "label": "地面点1",
        "longitude": 124.98496380688303,
        "latitude": 46.609135777787124,
        "height": 6.454174518781066,
        "children": [
            {
                "id": "197ee6746f76d1f7",
                "label": "空中点1",
                "longitude": 124.98624416031694,
                "latitude": 46.60896064802085,
                "height": 6.454961413485681
            }
        ]
    },
    {
        "id": "197ee6746f7f75d3",
        "label": "地面点2",
        "longitude": 124.9849627026509,
        "latitude": 46.6091358190698,
        "height": 7.4247849395402445,
        "children": [
            {
                "id": "197ee6746f7bd9af",
                "label": "空中点2",
                "longitude": 124.98623564998626,
                "latitude": 46.608936693647046,
                "height": 7.425571052201786
            }
        ]
    },
    {
        "id": "197ee6746f786c30",
        "label": "地面点3",
        "longitude": 124.98495139129277,
        "latitude": 46.609136202860036,
        "height": 7.385436810668997,
        "children": [
            {
                "id": "197ee6746f7220cc",
                "label": "空中点3",
                "longitude": 124.98365601680429,
                "latitude": 46.60902531680706,
                "height": 7.386222783506121
            }
        ]
    },
    {
        "id": "197ee6746f70eac7",
        "label": "地面点4",
        "longitude": 124.98495046384257,
        "latitude": 46.6091358802505,
        "height": 6.453950090508963,
        "children": [
            {
                "id": "197ee6746f74dd82",
                "label": "空中点4",
                "longitude": 124.98366517250753,
                "latitude": 46.60897886511559,
                "height": 6.4547368247826675
            }
        ]
    },
    {
        "id": "197ee6746f7ac599",
        "label": "地面点5",
        "longitude": 124.984950334958,
        "latitude": 46.609135834916806,
        "height": 5.516518597126235,
        "children": [
            {
                "id": "197ee6746f7220cc",
                "label": "空中点3",
                "longitude": 124.98365601680429,
                "latitude": 46.60902531680706,
                "height": 7.386222783506121
            }
        ]
    }
]
    },
    {
        "createBy": null,
        "createTime": null,
        "updateBy": null,
        "updateTime": null,
        "remark": null,
        "id": "f796896ac1c445c183456c500502bef0",
        "modelId": "1bd29eedeaaf4a3da83212fbb1793fd5",
        "deviceName": "设备1",
        "deviceType": null,
        "longitude": 125.14336018333184,
        "latitude": 46.558980802047344,
        "altitude": -0.0019061848373990704,
        "belongingRoute": "线路1",
        "face": 60,
        "label": "设备1",
        "children": [
    {
        "id": "197ee65dac710766",
        "label": "地面点0",
        "longitude": 125.14335344347126,
        "latitude": 46.55898205916312,
        "height": 5.556756800574575,
        "children": [
            {
                "id": "197ee65dac75edbb",
                "label": "空中点0",
                "longitude": 125.14209452120562,
                "latitude": 46.55921686479333,
                "height": 5.557543680589247
            }
        ]
    },
    {
        "id": "197ee65dac76a522",
        "label": "地面点1",
        "longitude": 125.14335363213557,
        "latitude": 46.55898182607255,
        "height": 6.651683951645225,
        "children": [
            {
                "id": "197ee65dac772525",
                "label": "空中点2",
                "longitude": 125.14208232214659,
                "latitude": 46.559179705774746,
                "height": 7.425743074154034
            }
        ]
    },
    {
        "id": "197ee65dac712c69",
        "label": "地面点2",
        "longitude": 125.14335446603941,
        "latitude": 46.55898169199969,
        "height": 7.424957062075383,
        "children": [
            {
                "id": "197ee65dac772525",
                "label": "空中点2",
                "longitude": 125.14208232214659,
                "latitude": 46.559179705774746,
                "height": 7.425743074154034
            }
        ]
    },
    {
        "id": "197ee65dac7d469a",
        "label": "地面点3",
        "longitude": 125.14336581328187,
        "latitude": 46.55898112552418,
        "height": 7.385369522508276,
        "children": [
            {
                "id": "197ee65dac74b335",
                "label": "空中点3",
                "longitude": 125.14460210993491,
                "latitude": 46.55869709406983,
                "height": 11.416007026601994
            }
        ]
    },
    {
        "id": "197ee65dac7817ff",
        "label": "地面点4",
        "longitude": 125.14336674537108,
        "latitude": 46.55898211835868,
        "height": 6.48472072335647,
        "children": [
            {
                "id": "197ee65dac7602d7",
                "label": "空中点4",
                "longitude": 125.14461900411601,
                "latitude": 46.559233306964344,
                "height": 6.485507501890941
            }
        ]
    },
    {
        "id": "197ee65dac74500d",
        "label": "地面点5",
        "longitude": 125.14336684823117,
        "latitude": 46.55898218335435,
        "height": 5.556803725040882,
        "children": [
            {
                "id": "197ee65dac7d10f5",
                "label": "空中点5",
                "longitude": 125.14464805019499,
                "latitude": 46.559149450894154,
                "height": 7.227587215704448
            }
        ]
    }
]
    }
],
        treeData:[],
        defaultProps: {
          children: 'children',
          label: 'label'
@@ -442,13 +96,10 @@
  },
  methods:{
    handleClose(){
      console.log("close")
      this.dialogVisible = false
      this.$emit('close')
    },
    flyToLocal(row){
      console.log(row)
      console.log(viewer)
       const position = Cesium.Cartesian3.fromDegrees(row.longitude,row.latitude, row.altitude);

      // 设置模型方向（可选）
@@ -466,7 +117,7 @@
        position: position,
        orientation: orientation,
        model: {
          uri: "http://192.168.1.5:9000/tower/2025/07/01/tower_20250701145739A004.glb", // 替换成你的模型路径
          uri: row?.ardTowerModel.modelRoute, // 替换成你的模型路径
          scale: 1,
        },
        label: {
@@ -514,29 +165,27 @@
            type: 'warning'
          })
        }
        this.tableData = this.tableData.concat(arr)
        this.tableData = this.treeData.concat(arr)
      }
      const dealTreeData =this.dealTee()
      // this.treeData = dealTreeData
      console.log(this.treeData)
      this.treeData = dealTreeData
    },
    dealTee(){
      console.log(this.tableData)
     return  this.tableData.map(item => ({
        ...item,
        label: item.deviceName,
        children: []
      }));
    },
    deleteData(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
      this.treeData = dealTreeData
    },
    chooseModel(row){
      this.deviceId = row.id
@@ -548,24 +197,65 @@
    receiveModel(obj){
      //deal逻辑
      console.log(obj)
      let flightTemplateId =obj.modelObj.id
      let deviceId = obj.deviceId
      this.dealTableTemplate(obj)
      // let 
      obtainRealData(flightTemplateId,deviceId).then(res=>{
        console.log(res)
        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.dealTreeMerge(obj)
    },
    //返回数据转换树结构
    transformFlightData(data) {
      const result = [];

      data.forEach(item => {
        // 找到第一个 groundPoint，作为代表
        const groundPoint = item.groundPointVo?.[0];

        // 生成 children 节点
        const children = groundPoint ? [{
          id: groundPoint.id,
          label: groundPoint.targetName,
          longitude: groundPoint.longitude,
          latitude: groundPoint.latitude,
          height: groundPoint.height
        }] : [];

        // 生成空中点
        result.push({
          id: item.id,
          label: item.targetName,
          longitude: item.longitude,
          latitude: item.latitude,
          height: item.altitude,
          children
        });
      });

      return result;
    },
    dealTableTemplate(obj){
      const target = this.tableData.find(item => item.id === obj.deviceId)
      if (target) {
        this.$set(target, 'mode', obj.modelObj.name) // ✅ Vue2 需要使用 $set 以确保响应式
      const targetTableData = this.tableData.find(item => item.id === obj.deviceId)
      const targetTreeData = this.treeData.find(item => item.id === obj.deviceId)
      if (targetTableData) {
        this.$set(targetTableData, 'mode', obj.modelObj.templateName) // ✅ Vue2 需要使用 $set 以确保响应式
      }
      if (targetTreeData) {
        this.$set(targetTreeData, 'mode', obj.modelObj.templateName) // ✅ Vue2 需要使用 $set 以确保响应式
      }
    },
    dealTreeMerge(obj){
      let newChildrenData= [
        { id: 100, label: '新子节点A',children:[{id: 1001,label: '新子节点A-1'}]},
        { id: 101, label: '新子节点B' }
      ]
    dealTreeMerge(obj,data){
      this.treeData.forEach(item => {
        if(item.id == obj.deviceId) {
          // 替换第一层每个节点的 children
          this.$set(item, 'children', JSON.parse(JSON.stringify(newChildrenData)));
          this.$set(item, 'children', JSON.parse(JSON.stringify(data)));
        }
      });
    },
@@ -575,66 +265,67 @@
      devices.forEach(device => {
        if (!Array.isArray(device.children)) return;

        device.children.forEach(groundPoint => {
          console.log(groundPoint)
          const groundPos = Cesium.Cartesian3.fromDegrees(
            groundPoint.longitude,
            groundPoint.latitude,
            groundPoint.height
        device.children.forEach(airPoint => {
          // 空中点位置
          const airPos = Cesium.Cartesian3.fromDegrees(
            airPoint.longitude,
            airPoint.latitude,
            airPoint.height
          );

          // ✅ 地面点：添加实体 + label
          // ✅ 添加空中点实体和 label
          viewer.entities.add({
            position: groundPos,
            position: airPos,
            point: {
              pixelSize: 6,
              color: Cesium.Color.BLUE
              color: Cesium.Color.YELLOW
            },
            label: {
              text: groundPoint.label || '',
              text: airPoint.label || '',
              font: '14px sans-serif',
              fillColor: Cesium.Color.WHITE,
              fillColor: Cesium.Color.YELLOW,
              style: Cesium.LabelStyle.FILL_AND_OUTLINE,
              outlineWidth: 2,
              outlineColor: Cesium.Color.BLACK,
              outlineWidth: 2,
              verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
              pixelOffset: new Cesium.Cartesian2(0, -12)
            }
          });

          // 遍历空中点
          if (Array.isArray(groundPoint.children)) {
            groundPoint.children.forEach(airPoint => {
              console.log(airPos)
              const airPos = Cesium.Cartesian3.fromDegrees(
                airPoint.longitude,
                airPoint.latitude,
                airPoint.height
          airPoints.push(airPos);

          // 遍历地面点（子项）
          if (Array.isArray(airPoint.children)) {
            airPoint.children.forEach(groundPoint => {
              const groundPos = Cesium.Cartesian3.fromDegrees(
                groundPoint.longitude,
                groundPoint.latitude,
                groundPoint.height
              );

              // ✅ 空中点：添加实体 + label
              // ✅ 添加地面点实体和 label
              viewer.entities.add({
                position: airPos,
                position: groundPos,
                point: {
                  pixelSize: 6,
                  color: Cesium.Color.YELLOW
                  color: Cesium.Color.BLUE
                },
                label: {
                  text: airPoint.label || '',
                  text: groundPoint.label || '',
                  font: '14px sans-serif',
                  fillColor: Cesium.Color.YELLOW,
                  fillColor: Cesium.Color.WHITE,
                  style: Cesium.LabelStyle.FILL_AND_OUTLINE,
                  outlineWidth: 2,
                  outlineColor: Cesium.Color.BLACK,
                  outlineWidth: 2,
                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
                  pixelOffset: new Cesium.Cartesian2(0, -12)
                }
              });

              // ✅ 地面点 ➜ 空中点 蓝色虚线
              // ✅ 蓝色虚线连接：空中点 ➜ 地面点
              viewer.entities.add({
                polyline: {
                  positions: [groundPos, airPos],
                  positions: [airPos, groundPos],
                  width: 2,
                  material: new Cesium.PolylineDashMaterialProperty({
                    color: Cesium.Color.BLUE,
@@ -642,14 +333,12 @@
                  })
                }
              });

              airPoints.push(airPos);
            });
          }
        });
      });

      // ✅ 所有空中点 ➜ 黄色实线连接
      // ✅ 黄色实线连接所有空中点
      if (airPoints.length > 1) {
        viewer.entities.add({
          polyline: {
@@ -660,8 +349,57 @@
        });
      }
    },
    draw(){
      this.drawConnectionsWithLabels(this.treeData)
    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
          };
        });

        return newGround;
      });
    },
    // 计算点A绕点B逆时针旋转指定角度后的新位置
    //  空中点或者地面点笛卡尔坐标 塔的笛卡尔坐标    塔的朝向值
    rotateAroundPoint(startPoint,pivotPoint,rotationAngle) {
      // 创建一个从B点到本地坐标系的转换矩阵（东方向为X轴，北方向为Y轴，垂直方向为Z轴）
     const transformationMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(pivotPoint);
      // 获取世界坐标系到本地坐标系的转换矩阵
     const inverseTransformationMatrix = Cesium.Matrix4.inverse(transformationMatrix,new Cesium.Matrix4());
      // 将A点转换到局部坐标系中
     const localStartPoint = Cesium.Matrix4.multiplyByPoint(inverseTransformationMatrix, startPoint,new Cesium.Cartesian3());
      // 计算A点在局部坐标系中逆时针旋转指定角度后的新位置
     const rotatedX = localStartPoint.x * Math.cos(rotationAngle) + localStartPoint.y * Math.sin(rotationAngle);
     const rotatedY = localStartPoint.y * Math.cos(rotationAngle) - localStartPoint.x * Math.sin(rotationAngle);
     const rotatedZ = localStartPoint.z; // Z轴坐标保持不变
      // 将旋转后的局部坐标转换回世界坐标系
     return Cesium.Matrix4.multiplyByPoint(transformationMatrix, new Cesium.Cartesian3(rotatedX, rotatedY, rotatedZ), new Cesium.Cartesian3());
    }
  }
}