管道基础大数据平台系统开发-【前端】-新系統界面
surprise
2023-10-17 87e84657a9f90d6575643d9398709ebc2fbe7f7d
src/components/mapsdk.vue
@@ -75,7 +75,7 @@
            <el-form
              ref="form"
              :model="coordFrom"
              label-width="50px"
              label-width="70px"
            >
              <el-form-item label="经度:">
                <el-input
@@ -168,6 +168,7 @@
            >
              <el-form-item label="地名:">
                <el-input
                  size="small"
                  style="width: 160px"
                  v-model="comprehensive.name"
                  placeholder="请输入地名...."
@@ -177,6 +178,7 @@
                <el-button
                  @click="setQueryTable"
                  type="info"
                  size="small"
                >查询</el-button>
              </el-form-item>
            </el-form>
@@ -190,6 +192,7 @@
                align="center"
                type="index"
                label="序号"
                width="70"
              />
              <el-table-column
                prop="name"
@@ -308,7 +311,7 @@
        </el-card>
      </div>
      <!--      <div style="display: flex;">-->
      <div
      <!-- <div
        class="changeTerrain"
        @click="changeTerrainLayer"
        style="  position: absolute;
@@ -328,7 +331,7 @@
          id="cenBg"
          class="mapTerrain"
        ></div>
      </div>
      </div> -->
      <!--      class="center CenDiv"-->
      <div
        @click="changeMenulayer"
@@ -356,7 +359,7 @@
        @click="changeMapType"
        class="changeMapType"
        style="  position: absolute;
  bottom: 52px;
  bottom: 85px;
  right: 46px;
  height: 30px;
  width: 30px;
@@ -590,7 +593,7 @@
            v-model="valueX"
          ></el-slider>
          <span>左右截面</span>
        </div>
        </div>SpatialQuery
        <div class="slide-bg">
          <el-slider
            class="slide"
@@ -796,6 +799,7 @@
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
    <model-property ref="modelProperty"></model-property>
  </div>
</template>
@@ -966,7 +970,9 @@
    this.$bus.$on("titleDown", res => {
      this.setDownLoadTitle(res);
    });
    this.$bus.$on('annexDownload', res => {
      this.setAnnexDownload(res);
    })
    window.localStorage.setItem('slider_x', this.valueX);
    window.localStorage.setItem('slider_y', this.valueY);
    window.localStorage.setItem('slider_z', this.valueZ);
@@ -1057,7 +1063,7 @@
          formatter: function (params) {
            return params[0].axisValue +
              '<br/>时序形变量:' + params[1].data + ' mm' +
              '<br/>年形变速率:' + params[0].data + 'm/a'
              '<br/>年形变速率:' + params[0].data + ' m/a'
          },
        },
        dataZoom: [{
@@ -1080,7 +1086,7 @@
        xAxis: {
          type: 'category',
          boundaryGap: false,
          data: res
          data: res.reverse()
        },
        yAxis: {
          type: 'value',
@@ -1097,7 +1103,7 @@
            name: '时序变形量',
            type: 'line',
            stack: 'Total',
            data: res2
            data: res2.reverse()
          }
        ]
      };
@@ -1105,7 +1111,35 @@
      this.option && myChart.setOption(this.option);
      window.addEventListener("resize", myChart.resize);
    },
    async setAnnexDownload(rs) {
      var type, eventid;
      if (rs.serveType == 'TMS') {
        type = 'DOM';
        eventid = 'dom_' + rs.id;
      } else if (rs.serveType == 'DEM') {
        type = 'DEM';
        eventid = 'dem_' + rs.id
      }
      var obj = {
        eventid: eventid,
        tabName: type,
      };
      const res = await dataLib_selectFiles(obj);
      if (res.code != 200) {
        this.$message.error('附件查询失败');
        return
      }
      if (res.result.length <= 0) {
        this.$message('暂无附件');
        return
      }
      this.attachList = res.result;
      this.showAttach = true;
    },
    setDownLoadTitle(res) {
      this.signGetPublicKey()
      this.downTitleFlag = true;
@@ -1188,9 +1222,11 @@
      var modelKey = 'id';
      var modelid;
      if (result.tileset) {
        if (result.tileset.pubid && parseInt(result.tileset.pubid) > 0) {
          const data = await comprehensive_selectPubById({ id: result.tileset.pubid })
          if (data.code != 200) {
            return
          } else {
@@ -1269,9 +1305,19 @@
        licenseServer: window.sceneConfig.licenseServer,
      });
      window.Viewer = window.sgworld._Viewer;
      if (is_production) {
        Viewer.imageryLayers.removeAll();
        var base_ulr = window.sceneConfig.baseUrl;
        if (base_ulr.indexOf('{host}') > -1) {
          base_ulr = base_ulr.replace("{host}", iisHost)
        }
        Viewer.imageryLayers.addImageryProvider(
          new Cesium.UrlTemplateImageryProvider({
            url: base_ulr,
            maximumLevel: 5
          })
        );
      }
      //定位
      // sgworld.Navigate.jumpTo({
@@ -1303,11 +1349,12 @@
      // sgworld.Analysis.depthTestAgainstTerrain(true)
      Viewer.scene.globe.depthTestAgainstTerrain = true;
      if (is_production) {
        var base_ulr = window.sceneConfig.baseUrl;
        if (base_ulr.indexOf('{host}') > -1) {
          base_ulr = base_ulr.replace("{host}", iisHost)
        }
        Viewer.imageryLayers.addImageryProvider(
        window.TileMapLayer = Viewer.imageryLayers.addImageryProvider(
          new Cesium.UrlTemplateImageryProvider({
            url: base_ulr,
            maximumLevel: 9
@@ -1320,12 +1367,18 @@
        );
      }
      var option = {
        url: window.sceneConfig.SGUrl,
        layerName: window.sceneConfig.mptName,
        requestVertexNormals: true,
      };
      window.terrainLayer = sgworld.Creator.sfsterrainprovider("", option, "", true, "");
      // var option = {
      //   url: window.sceneConfig.SGUrl,
      //   layerName: window.sceneConfig.mptName,
      //   requestVertexNormals: true,
      // };
      // window.terrainLayer = sgworld.Creator.sfsterrainprovider("", option, "", true, "");
      window.terrainLayer = new Cesium.CesiumTerrainProvider({
          // url: LFData + '/3d/terrain/dem20230321'
          url: demLayer
        });
        Viewer.terrainProvider = window.terrainLayer
      window.terrainFlag = 'MPT'
      window.elevationTool = new SmartEarth.ElevationTool(window.sgworld);
      elevationTool.setContourColor("#F1D487");
@@ -2115,6 +2168,9 @@
      position: absolute;
      right: 8%;
      bottom: 1%;
      span {
        width: 100px;
      }
    }
    .propertiesPop {
      width: 350px;