管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-06-13 2aba5be94bcbb03bb5ec13d121fe945c2f8dce38
src/components/preview_map.vue
@@ -53,24 +53,30 @@
            @click="underground"
          >地下</el-button>
          <el-button
            v-if="$store.state.previewLayer.type  != '3dml'"
            size="small"
            v-if="$store.state.previewLayer.type  != '3dml' &&
            $store.state.previewLayer.type  !='cpt'"
            size="
            small"
            @click="pickupCoords"
          >拾取</el-button>
          <el-button
            v-if="$store.state.previewLayer.type  != '3dml'"
            size="small"
            v-if="$store.state.previewLayer.type  != '3dml'  &&
            $store.state.previewLayer.type  !='cpt'"
            size="
            small"
            @click="reload"
          >
            重载
          </el-button>
          <el-button
            v-if="modelForm.modelid == null && $store.state.previewLayer.type  != '3dml'"
            v-if="modelForm.modelid == null && $store.state.previewLayer.type  != '3dml'&&
            $store.state.previewLayer.type  !='cpt'"
            size="small"
            @click="getModeKeyId"
          >模型主键</el-button>
          <el-button
            v-if="$store.state.previewLayer.type  != '3dml'"
            v-if="$store.state.previewLayer.type  != '3dml'&&
            $store.state.previewLayer.type  !='cpt'"
            size="small"
            @click="resave"
          >保存</el-button>
@@ -78,7 +84,8 @@
        </el-form-item>
        <el-form-item
          label="经度:"
          v-if="$store.state.previewLayer.type  != '3dml'"
          v-if="$store.state.previewLayer.type  != '3dml'&&
            $store.state.previewLayer.type  !='cpt'"
        >
          <el-input
            size="small"
@@ -95,7 +102,8 @@
        </el-form-item>
        <el-form-item
          label="纬度:"
          v-if="$store.state.previewLayer.type  != '3dml'"
          v-if="$store.state.previewLayer.type  != '3dml'&&
            $store.state.previewLayer.type  !='cpt'"
        >
          <el-input
            size="small"
@@ -112,7 +120,8 @@
        </el-form-item>
        <el-form-item
          label="高度:"
          v-if="$store.state.previewLayer.type  != '3dml'"
          v-if="$store.state.previewLayer.type  != '3dml'&&
            $store.state.previewLayer.type  !='cpt'"
        >
          <el-input
            size="small"
@@ -129,7 +138,8 @@
        </el-form-item>
        <el-form-item
          label="角度:"
          v-if="$store.state.previewLayer.type  != '3dml'"
          v-if="$store.state.previewLayer.type  != '3dml'&&
            $store.state.previewLayer.type  !='cpt'"
        >
          <el-input
            size="small"
@@ -479,7 +489,7 @@
        isJpg: false,
        src: ''
      },
      modelType: ['ifc', 'fbx', 'rvt', '3dml'],
      modelType: ['ifc', 'fbx', 'rvt', '3dml', 'cpt'],
      editModelFlag: false,
      modelForm: {
        lon: 119,
@@ -734,8 +744,9 @@
      var modelKey = 'id';
      if (result.tileset) {
        if (result.tileSet.pubid > 0) {
        if (result.tileset.pubid && parseInt(result.tileset.pubid) > 0) {
          const data = await comprehensive_selectPubById({ id: result.tileset.pubid })
          if (data.code != 200) {
            return
          } else {
@@ -746,6 +757,7 @@
          }
          this.formInline.Id = result.getProperty(modelKey);
          this.layerID = result.getProperty(modelKey);
        }
      } else {
        var id = '3dml' + result.primitive.id;
@@ -757,6 +769,12 @@
      this.formInline.layerName = result.primitive.id;
      // this.formInline.title = result.getProperty("name")
      if (!this.formInline.Id) {
        this.formInline.Id = "noAuto_" + this.formInline.layerId;
      }
      if (!this.layerID) {
        this.layerID = "noAuto_" + this.formInline.layerId;
      }
      this.startModelData();
@@ -799,18 +817,19 @@
        }
      }
    },
    setAddLayers(res) {
      if (res.serveType == "Tileset" || res.serveType == "3DML") {
    setAddLayers(rs) {
      if (rs.serveType == "Tileset" || rs.serveType == "3DML") {
        var url;
        if (res.url.indexOf("{host}") != -1) {
          url = res.url.replace("{host}", iisHost);
        if (rs.url.indexOf("{host}") != -1) {
          url = rs.url.replace("{host}", iisHost);
        } else {
          url = modelUrl + "/" + res.url
          url = modelUrl + "/" + rs.url
        }
        var tileset = Viewer.scene.primitives.add(
          new Cesium.Cesium3DTileset({
            name: res.cnName,
            name: rs.cnName,
            url: url, //192.168.20.106,to4
            maximumScreenSpaceError: 64, // 最大屏幕空间错误:16
            maximumMemoryUsage: 768, // 最大内存:512
@@ -820,28 +839,29 @@
        );
        var that = this;
        tileset.readyPromise.then((tileset) => {
          tileset.id = res.cnName;
          tileset.layerId = res.id;
          tileset.pubid = res.pubid;
          if (res.serveType != '3DML') {
            that.getArgsTileset(tileset, res);
          tileset.id = rs.cnName;
          tileset.layerId = rs.id;
          tileset.pubid = rs.pubid;
          if (rs.serveType != '3DML') {
            that.getArgsTileset(tileset, rs);
          }
        });
      }
    },
    async getArgsTileset(tileset, res) {
    async getArgsTileset(tileset, rs) {
      if (res.pubid > 0) {
        const data = await comprehensive_selectPubById({ id: res.pubid })
      if (rs.pubid > 0) {
        const data = await comprehensive_selectPubById({ id: rs.pubid })
        if (data.code != 200) {
        } else {
          if (res.serveType != '3DML') {
            this.tileSet(tileset, parseFloat(res.elev))
          if (rs.serveType == '3DML') {
            this.tileSet(tileset, parseFloat(rs.elev))
          } else {
            this.reloadTile(tileset, data.result.json)
          }
@@ -849,7 +869,7 @@
        }
      } else {
        this.tileSet(tileset, parseFloat(res.elev))
        this.tileSet(tileset, parseFloat(rs.elev))
      }
    },
@@ -920,6 +940,10 @@
      // Viewer.camera.flyTo({
      //   destination: Cesium.Cartesian3.fromDegrees(110, 33, 8000000),
      // });
      if (is_production) {
        Viewer.imageryLayers.removeAll();
      }
      Viewer._enableInfoOrSelection = false;
      //显示fps
      Viewer.scene.debugShowFramesPerSecond = false;
@@ -929,6 +953,25 @@
      // window.sgworld.navControl("scale", false);
      //开启深度检测
      // sg.Analysis.depthTestAgainstTerrain(true)
      if (is_production) {
        var base_ulr = window.sceneConfig.baseUrl;
        if (base_ulr.indexOf('{host}') > -1) {
          base_ulr = base_ulr.replace("{host}", iisHost)
        }
        window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
          new Cesium.UrlTemplateImageryProvider({
            url: base_ulr,
          })
        );
      }
      Viewer.scene.globe.depthTestAgainstTerrain = true;
      // window.elevationTool = new SmartEarth.ElevationTool(window.sg);
      // elevationTool.setContourColor("#F1D487");
@@ -938,28 +981,39 @@
        requestVertexNormals: true,
      };
      window.terrainLayer = sgworld.Creator.sfsterrainprovider("", option, "", true, "");
      // window.terrainLayer = new Cesium.CesiumTerrainProvider({
      //   url: demLayer
      // });
      // Viewer.terrainProvider = window.terrainLayer
      if (this.$store.state.previewLayer) {
        var res = this.$store.state.previewLayer;
        var type = res.type;
        res.ulr = res.url.replace("{host}", iisHost);
        if (type == 'DEM') {
          window.terrainLayer.deleteObject();
          window.terrainLayer = null;
          // Viewer.terrainProvider = new Cesium.EllipsoidTerrainProvider();
          // window.terrainLayer = null;
          window.terrainLayer = new Cesium.CesiumTerrainProvider({
            url: res.url
          });
          Viewer.terrainProvider = window.terrainLayer
          Viewer.camera.flyTo({
          /*Viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(113.229279, 31.215949, 1000),
            orientation: {
              heading: 6.08434611923462,
              pitch: Cesium.Math.toRadians(-45.0),
              roll: 0.0
            }
          });*/
          var wkt = this.$wkt.parse(res.geom);
          var height = this.getHeight(wkt.coordinates[2]);
          Viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(wkt.coordinates[1], wkt.coordinates[0], height),
          });
        } else if (res.url.indexOf('.png') != -1) {
        } else if (type == 'DOM') {
          var wkt = this.$wkt.parse(res.geom);
          var height = this.getHeight(wkt.coordinates[2])
          window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
@@ -971,11 +1025,14 @@
          Viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(wkt.coordinates[1], wkt.coordinates[0], height),
          });
        } else if (type == '3dml' || type == 'fbx' || type == 'ifc' || type == 'rvt') {
        } else if (type == '3dml' || type == 'fbx' || type == 'ifc' || type == 'rvt' || type == 'cpt') {
          if (this.app.tileset) viewer.scene.primitives.remove(this.app.tileset);
          this.app.tileset = this.createTileset(res);
          var that = this;
          Viewer.scene.primitives.add(this.app.tileset).readyPromise.then(function (ts) {
            that.setModleLocatin()
            Viewer.flyTo(ts);
          });
@@ -1017,6 +1074,10 @@
      }
      this.$store.state.previewLayer.json = JSON.stringify(this.modelForm);
      if (this.$store.state.previewLayer.url) {
        var url = this.$store.state.previewLayer.url;
        this.$store.state.previewLayer.url = url.replace(iisHost, "{host}");
      }
      const data = await publish_update(this.$store.state.previewLayer);
      if (data.code != 200) {
        this.$message.error('数据保存失败');
@@ -1030,7 +1091,7 @@
    },
    reload() {
      var json = JSON.stringify(this.modelForm);
      var url = this.$store.state.previewLayer.url;
      var url = this.$store.state.previewLayer.url.replace("{host}", iisHost);
      if (!url) return;
      if (this.app.tileset) Viewer.scene.primitives.remove(this.app.tileset);
@@ -1145,6 +1206,7 @@
      Viewer.flyTo(this.app.tileset);
    },
    createTileset(res) {
      res.url = res.url.replace('{host}', iisHost)
      return new Cesium.Cesium3DTileset({
        url: res.url,
        name: 'tsTest',
@@ -1180,6 +1242,7 @@
    setModleLocatin() {
      var res = this.$store.state.previewLayer;
      var type = res.type;
      if (this.modelType.indexOf(type) != -1) {
        if (type != '3dml') {
          this.setEditModelLayer(res)