1

13693261870

2023-07-14 9e47171ea39e5fc9363bf609b1d5d7eb272e2bc4

 src/components/preview_map.vue

@@ -1,139 +1,89 @@
<template>
  <div id="mapdiv"
       class="previewBox">
    <div v-if="modelLayer"
         class="modelLayer box_divm">
  <div id="mapdiv" class="previewBox">
    <div v-if="modelLayer" class="modelLayer box_divm">
      <div class="modelBox">
        <div style="float:right"
             :title="$t('synthesis.undergroundMode')"
             @click="setUndergroundMode">
        <div style="float:right" :title="$t('synthesis.undergroundMode')" @click="setUndergroundMode">
          <i class="el-icon-sunrise "></i>
        </div>
      </div>
      <div class="modelBox">
        <el-tree :data="treeData"
                 show-checkbox
                 node-key="id"
                 ref="tree"
                 :default-expanded-keys="[1]"
                 :props="defaultProps"
                 @node-click="handleNodeClick"
                 @check="handleCheckChange">
        <el-tree :data="treeData" show-checkbox node-key="id" ref="tree" :default-expanded-keys="[1]"
          :props="defaultProps" @node-click="handleNodeClick" @check="handleCheckChange">
        </el-tree>
      </div>
    </div>
    <div v-if="editModelFlag"
         class="modelLayer box_divm">
      <el-form ref="form"
               :model="modelForm"
               label-width="80px">
    <div v-if="editModelFlag" class="modelLayer box_divm">
      <el-form ref="form" :model="modelForm" label-width="80px">
        <el-form-item>
          <el-button size="small"
                     @click="locateTo">定位</el-button>
          <el-button size="small"
                     @click="showTileset">显隐</el-button>
          <el-button size="small"
                     @click="underground">地下</el-button>
          <el-button v-if="$store.state.previewLayer.type  != '3dml'"
                     size="small"
                     @click="pickupCoords">拾取</el-button>
          <el-button v-if="$store.state.previewLayer.type  != '3dml'"
                     size="small"
                     @click="reload">
          <el-button size="small" v-if="$store.state.previewLayer.type == 'mpt'" @click="setcropping">裁剪</el-button>
          <el-button size="small" v-if="$store.state.previewLayer.type != 'mpt'" @click="locateTo">定位</el-button>
          <el-button size="small" v-if="$store.state.previewLayer.type != 'mpt'" @click="showTileset">显隐</el-button>
          <el-button size="small" v-if="$store.state.previewLayer.type != 'mpt'"
            @click="setUndergroundMode">地下</el-button>
          <el-button v-if="$store.state.previewLayer.type != '3dml' &&
            $store.state.previewLayer.type != 'cpt' &&
            $store.state.previewLayer.type != 'mpt'" size="small" @click="pickupCoords">拾取</el-button>
          <el-button v-if="$store.state.previewLayer.type != '3dml' &&
            $store.state.previewLayer.type != 'cpt' &&
            $store.state.previewLayer.type != 'mpt'" size="small" @click="reload">
            重载
          </el-button>
          <el-button v-if="modelForm.modelid == null && $store.state.previewLayer.type  != '3dml'"
                     size="small"
                     @click="getModeKeyId">模型主键</el-button>
          <el-button v-if="$store.state.previewLayer.type  != '3dml'"
                     size="small"
                     @click="resave">保存</el-button>
          <el-button v-if="modelForm.modelid == null && $store.state.previewLayer.type != '3dml' &&
            $store.state.previewLayer.type != 'cpt' &&
            $store.state.previewLayer.type != 'mpt'" size="small" @click="getModeKeyId">模型主键</el-button>
          <el-button v-if="$store.state.previewLayer.type != '3dml' &&
            $store.state.previewLayer.type != 'cpt'
            " size="small" @click="resave">保存</el-button>

        </el-form-item>
        <el-form-item label="经度:"
                      v-if="$store.state.previewLayer.type  != '3dml'">
          <el-input size="small"
                    v-model="modelForm.lon"
                    @input="update"></el-input>
          <el-slider v-model="modelForm.lon"
                     @input="update"
                     :min="73"
                     :step="0.001"
                     :max="135"></el-slider>
        <el-form-item label="经度:" v-if="$store.state.previewLayer.type != '3dml' &&
          $store.state.previewLayer.type != 'cpt' &&
          $store.state.previewLayer.type != 'mpt'">
          <el-input size="small" v-model="modelForm.lon"></el-input>

        </el-form-item>
        <el-form-item label="纬度:"
                      v-if="$store.state.previewLayer.type  != '3dml'">
          <el-input size="small"
                    v-model="modelForm.lat"
                    @input="update"></el-input>
          <el-slider v-model="modelForm.lat"
                     @input="update"
                     :min="3"
                     :step="0.001"
                     :max="54"></el-slider>
        <el-form-item label="纬度:" v-if="$store.state.previewLayer.type != '3dml' &&
          $store.state.previewLayer.type != 'cpt' &&
          $store.state.previewLayer.type != 'mpt'">
          <el-input size="small" v-model="modelForm.lat"></el-input>

        </el-form-item>
        <el-form-item label="高度:"
                      v-if="$store.state.previewLayer.type  != '3dml'">
          <el-input size="small"
                    v-model="modelForm.height"
                    @input="update"></el-input>
          <el-slider v-model="modelForm.height"
                     :min="-800"
                     :step="1"
                     @input="update"
                     :max="8800"></el-slider>
        <el-form-item label="高度:" v-if="$store.state.previewLayer.type != '3dml' &&
          $store.state.previewLayer.type != 'cpt' &&
          $store.state.previewLayer.type != 'mpt'">
          <el-input size="small" v-model="modelForm.height"></el-input>

        </el-form-item>
        <el-form-item label="角度:"
                      v-if="$store.state.previewLayer.type  != '3dml'">
          <el-input size="small"
                    v-model="modelForm.yaw"
                    @input="update"></el-input>
          <el-slider v-model="modelForm.yaw"
                     :min="0"
                     @input="update"
                     :step="0.1"
                     :max="360"></el-slider>
        <el-form-item label="角度:" v-if="$store.state.previewLayer.type != '3dml' &&
          $store.state.previewLayer.type != 'cpt' &&
          $store.state.previewLayer.type != 'mpt'">
          <el-input size="small" v-model="modelForm.yaw"></el-input>

        </el-form-item>
        <el-form-item label="透明度:">
          <el-input size="small"
                    v-model="modelForm.alpha"
                    @input="update"></el-input>
          <el-slider v-model="modelForm.alpha"
                     @input="update"
                     :min="0"
                     :step="0.01"
                     :max="1"></el-slider>
        </el-form-item>
        <!-- <el-form-item label="透明度:">
          <el-input
            size="small"
            v-model="modelForm.alpha"
          ></el-input>

        </el-form-item> -->
      </el-form>
    </div>

    <el-dialog :title="formInline.title"
               :visible.sync="dialogVisible"
               :modal="false"
               :modal-append-to-body="false"
               :close-on-click-modal="false"
               :before-close="handleClose"
               width="30%">
    <el-dialog :title="formInline.title" :visible.sync="dialogVisible" :modal="false" :modal-append-to-body="false"
      :close-on-click-modal="false" :before-close="handleClose" width="30%">
      <div style="height:63vh">
        <el-tabs v-model="activeName"
                 @tab-click="handleClick">
          <el-tab-pane label="属性"
                       name="first">
            <el-form ref="form"
                     :model="formInline"
                     label-width="80px">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="属性" name="first">
            <el-form ref="form" :model="formInline" label-width="80px">

              <el-form-item :label="$t('common.name')">
                <el-input v-model="formInline.name"></el-input>

              </el-form-item>
              <el-form-item :label="$t('common.type')">
                <el-select v-model="formInline.type"
                           style="width:100%">
                  <el-option v-for="item in options"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
                <el-select v-model="formInline.type" style="width:100%">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>

@@ -144,78 +94,53 @@

              </el-form-item>
              <el-form-item>
                <el-button v-show="isShowModel"
                           type="success"
                           plain
                           size="small"
                           @click="InsertData">{{$t('common.increase')}}</el-button>
                <el-button v-show="!isShowModel"
                           type="info"
                           plain
                           size="small"
                           @click="EditData">{{$t('common.update')}}</el-button>
                <el-button v-show="isShowModel" type="success" plain size="small" @click="InsertData">{{
                  $t('common.increase') }}</el-button>
                <el-button v-show="!isShowModel" type="info" plain size="small" @click="EditData">{{ $t('common.update')
                }}</el-button>
              </el-form-item>
            </el-form>

          </el-tab-pane>
          <el-tab-pane label="附件"
                       name="second">
            <el-form :model="fromfile"
                     class="demo-form-inline">
          <el-tab-pane label="附件" name="second">
            <el-form :model="fromfile" class="demo-form-inline">
              <el-form-item>
                <el-input v-model="fromfile.file"
                          style="width: 300px; margin-right: 20px"
                          :placeholder="$t('common.choose')"
                          disabled></el-input>
                <input name="file1"
                       type="file"
                       id="insertFile"
                       multiple="multiple"
                       style="display: none"
                       @change="insertFile( )" />
                <el-link @click="getInsertFile( )"
                         :underline="false"><i class="el-icon-folder-opened"></i></el-link>
                <el-input v-model="fromfile.file" style="width: 300px; margin-right: 20px"
                  :placeholder="$t('common.choose')" disabled></el-input>
                <input
                                name="file1"
                                type="file"
                                id="insertFile"
                                multiple="multiple"
                                style="display: none"
                                @change="insertFile()"
                              />
                <el-link @click="getInsertFile()" :underline="false"><i class="el-icon-folder-opened"></i></el-link>
              </el-form-item>
              <el-form-item>
                <el-row>
                  <el-col :span="3">
                    <el-link class="elLink"
                             :underline="false"
                             @click="setAttachInsert">{{$t('common.append')}}</el-link>
                    <el-link class="elLink" :underline="false" @click="setAttachInsert">{{ $t('common.append')
                    }}</el-link>
                  </el-col>
                  <el-col :span="3">
                    <el-link class="elLink"
                             :underline="false"
                             @click="setAttachDel">{{$t('common.delete')}}</el-link>
                    <el-link class="elLink" :underline="false" @click="setAttachDel">{{ $t('common.delete') }}</el-link>
                  </el-col>

                </el-row>
              </el-form-item>
            </el-form>
            <el-table :data="tableData"
                      ref="filterTable"
                      height="calc(100% - 130px)"
                      border
                      style="width: 100%"
                      @selection-change="handleAttatchChange">
              <el-table-column type="selection"
                               width="70" />
              <el-table-column width="60"
                               type="index"
                               :label="$t('common.index')" />
              <el-table-column prop="name"
                               :label="$t('common.name')" />
            <el-table :data="tableData" ref="filterTable" height="calc(100% - 130px)" border style="width: 100%"
              @selection-change="handleAttatchChange">
              <el-table-column type="selection" width="70" />
              <el-table-column width="60" type="index" :label="$t('common.index')" />
              <el-table-column prop="name" :label="$t('common.name')" />

              <el-table-column prop="sizes"
                               :label="$t('common.size')"
                               :formatter="statSizeChange" />
              <el-table-column align="center"
                               :label="$t('common.operate')"
                               min-width="100">
              <el-table-column prop="sizes" :label="$t('common.size')" :formatter="statSizeChange" />
              <el-table-column align="center" :label="$t('common.operate')" min-width="100">
                <template slot-scope="scope">
                  <el-link v-if="matchState(scope, /[]/)"
                           @click="setAttatchDetail(scope.$index, scope.row)"
                           class="elLink">{{ $t('common.see') }}</el-link>
                  <el-link v-if="matchState(scope, /[]/)" @click="setAttatchDetail(scope.$index, scope.row)"
                    class="elLink">{{ $t('common.see') }}</el-link>

                </template>
              </el-table-column>
@@ -238,48 +163,29 @@
        <map-sdk v-if='showMapVisible'></map-sdk>
      </div>
    </el-dialog> -->
    <el-dialog title="预览"
               :append-to-body="false"
               :visible.sync="dialog.dialogVisible"
               width="70%"
               :close-on-click-modal="false">
      <div v-if="dialog.isPdf"
           class="pdfClass">
        <iframe :src="dialog.src"
                type="application/x-google-chrome-pdf"
                width="100%"
                height="100%">
    <el-dialog title="预览" :append-to-body="false" :visible.sync="dialog.dialogVisible" width="70%"
      :close-on-click-modal="false">
      <div v-if="dialog.isPdf" class="pdfClass">
        <iframe :src="dialog.src" type="application/x-google-chrome-pdf" width="100%" height="100%">
        </iframe>
      </div>
      <div v-if="dialog.isJpg"
           class="pdfClass">
      <div v-if="dialog.isJpg" class="pdfClass">

        <el-image style="width:100%; height:100%"
                  :src="dialog.src"
                  :preview-src-list="[dialog.src]">
        <el-image style="width:100%; height:100%" :src="dialog.src" :preview-src-list="[dialog.src]">
        </el-image>

      </div>
    </el-dialog>
    <div v-show="modelKeyFlag"
         class="modelLayer box_divm"
         v-drag>
      <el-form ref="form"
               :model="modelForm"
               label-width="80px">
    <div v-show="modelKeyFlag" class="modelLayer box_divm" v-drag>
      <el-form ref="form" :model="modelForm" label-width="80px">
        <el-form-item label="主键ID">
          <el-select v-model="modelLayerId">
            <el-option v-for="item in optionKey"
                       :key="item.value"
                       :label="item.label"
                       :value="item.value">
            <el-option v-for="item in optionKey" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary"
                     size="small"
                     @click="setSureKeyModelKey">{{$t('common.confirm')}}</el-button>
          <el-button type="primary" size="small" @click="setSureKeyModelKey">{{ $t('common.confirm') }}</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -296,7 +202,8 @@
  comprehensive_selectFiles,
  dataQuery_deletes,
  publish_update,
  comprehensive_selectPubById
  comprehensive_selectPubById,
  resSelectCountForRole
} from '../api/api.js';
import { getToken } from '@/utils/auth';
import undergroundModel from '../views/Tools/undergroundModel.vue'
@@ -330,7 +237,8 @@
        info: '',
        icon: '',
        bak: '',
        Id: ''
        Id: '',

      },
      options: [
        {
@@ -363,7 +271,7 @@
        isJpg: false,
        src: ''
      },
      modelType: ['ifc', 'fbx', 'rvt', '3dml', 'cpt'],
      modelType: ['ifc', 'fbx', 'rvt', '3dml', 'cpt', 'osgb', 'las', 'laz'],
      editModelFlag: false,
      modelForm: {
        lon: 119,
@@ -372,6 +280,10 @@
        yaw: 0,
        alpha: 1,
        modelid: null,
        west: null,
        south: null,
        east: null,
        north: null,
      },
      app: {
        tileset: null,
@@ -388,6 +300,30 @@
    this.init3DMap();
  },
  methods: {
    //裁剪
    setcropping () {
      var that = this;
      sgworld.Creator.SimpleGraphic.clear()
      sgworld.Creator.SimpleGraphic.edit(false, { editProp: false });
      sgworld.Creator.createSimpleGraphic(
        "rectangle", {},
        function (entity) {
          that.modelForm.east = Cesium.Math.toDegrees(
            entity.rectangle.coordinates.getValue().east
          );
          that.modelForm.north = Cesium.Math.toDegrees(
            entity.rectangle.coordinates.getValue().north
          );
          that.modelForm.west = Cesium.Math.toDegrees(
            entity.rectangle.coordinates.getValue().west
          );
          that.modelForm.south = Cesium.Math.toDegrees(
            entity.rectangle.coordinates.getValue().south
          );

        }
      );
    },
    setUndergroundMode () {
      if (window.UndergroundMode) {
        this.$refs &&
@@ -705,7 +641,7 @@
          new Cesium.Cesium3DTileset({
            name: rs.cnName,
            url: url, //192.168.20.106,to4
            maximumScreenSpaceError: 64, // 最大屏幕空间错误：16
            maximumScreenSpaceError: url.indexOf("/pnts/") > -1 ? 16 : 64, // 最大屏幕空间错误：16
            maximumMemoryUsage: 768, // 最大内存：512
            dynamicScreenSpaceError: true, // 减少离相机较远的屏幕空间错误：false
            skipLevelOfDetail: true, // 在遍历时候跳过详情：false
@@ -865,11 +801,12 @@
        var res = this.$store.state.previewLayer;
        var type = res.type;
        res.ulr = res.url.replace("{host}", iisHost);

        if (type == 'DEM') {
          window.terrainLayer.deleteObject();
          // Viewer.terrainProvider = new Cesium.EllipsoidTerrainProvider();
          // window.terrainLayer = null;

          window.terrainLayer = null;
          window.terrainLayer = new Cesium.CesiumTerrainProvider({
            url: res.url
          });
@@ -882,6 +819,7 @@
              roll: 0.0
            }
          });*/

          var wkt = this.$wkt.parse(res.geom);
          var height = this.getHeight(wkt.coordinates[2]);
          Viewer.camera.flyTo({
@@ -899,12 +837,13 @@
          Viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(wkt.coordinates[1], wkt.coordinates[0], height),
          });
        } else if (type == '3dml' || type == 'fbx' || type == 'ifc' || type == 'rvt' || type == 'cpt') {
        } else if (type == '3dml' || type == 'fbx' || type == 'ifc' || type == 'rvt'
          || type == 'cpt' || type == 'osgb' || type == 'las' || type == 'laz') {
          if (this.app.tileset) viewer.scene.primitives.remove(this.app.tileset);

          this.app.tileset = this.createTileset(res);
          var that = this;

          this.editModelFlag = true;
          Viewer.scene.primitives.add(this.app.tileset).readyPromise.then(function (ts) {

            that.setModleLocatin()
@@ -912,12 +851,20 @@
          });

        } else if (res.url.indexOf('.mpt') != -1) {
          Viewer.imageryLayers.removeAll();
          var url = res.url.split(';')
          sgworld.Creator.createImageryProvider('mpt影像', "wms", {
          this.editModelFlag = true;
          //Viewer.imageryLayers.removeAll();

          var url = res.url.split(';');
          var ops = {
            url: url[0],
            layers: url[1]
          }, "0", undefined, true, "");
          };
          if (res && res.json) {
            var rs = JSON.parse(res.json);
            ops.rectangle = Cesium.Rectangle.fromDegrees(rs.west, rs.south, rs.east, rs.north);
          }

          sgworld.Creator.createImageryProvider(res.cnName, "wms", ops, "0", undefined, true, "");
        } else if (res.url.indexOf('menuLayer') != -1) {
          this.setShowModelLayer();
        }
@@ -943,9 +890,15 @@
    },

    async resave () {
      if (!this.modelForm.modelid) {
        return this.$message('未选择模型主键ID');

      if (this.$store.state.previewLayer.type != "mpt") {
        if (!this.modelForm.modelid) {
          return this.$message('未选择模型主键ID');
        }
      } else {
        sgworld.Creator.SimpleGraphic.clear()
      }

      this.$store.state.previewLayer.json = JSON.stringify(this.modelForm);

      if (this.$store.state.previewLayer.url) {
@@ -964,6 +917,7 @@
      this.reload();
    },
    reload () {
      sgworld.Analysis.UndergroundMode(this.app.under, this.modelForm.alpha)
      var json = JSON.stringify(this.modelForm);
      var url = this.$store.state.previewLayer.url.replace("{host}", iisHost);
      if (!url) return;
@@ -1010,6 +964,8 @@
        that.modelForm.lat = y;
        that.modelForm.height = z;
        that.pickupCoords();
        that.reload();

      }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
    },
    // 保留小数位
@@ -1019,36 +975,26 @@
      return Math.round(d * p) / p;
    },
    update () {
      if (!this.modelForm.lon || isNaN(this.modelForm.lon)) {
        var args = this.getEditTilesetArgs();
        this.modelForm.lon = args.lon == null ? 0 : args.height;
        return
      }
      if (!this.modelForm.lat || isNaN(this.modelForm.lat)) {
        var args = this.getEditTilesetArgs();
        this.modelForm.lat = args.lat == null ? 0 : args.height;
        return
      }
      if (!this.modelForm.height || isNaN(this.modelForm.height)) {
        var args = this.getEditTilesetArgs();
        this.modelForm.height = args.height == null ? 0 : args.height;
        return
      }
      if (!this.modelForm.yaw || isNaN(this.modelForm.yaw)) {
        this.modelForm.yaw = 0;
        return
      }
      // if (!this.modelForm.alpha || isNaN(this.modelForm.alpha)) {

      //   if (this.app.under) {
      //     
      //     this.modelForm.alpha = sgworld._Analysis._UndergroundMode._alpha;
      //   } else {
      //     this.modelForm.alpha = 1
      //   }
      // if (!this.modelForm.lon || isNaN(this.modelForm.lon)) {
      //   var args = this.getEditTilesetArgs();
      //   this.modelForm.lon = args.lon == null ? 0 : args.height;
      //   return

      // }
      // if (!this.modelForm.lat || isNaN(this.modelForm.lat)) {
      //   var args = this.getEditTilesetArgs();
      //   this.modelForm.lat = args.lat == null ? 0 : args.height;
      //   return
      // }
      // if (!this.modelForm.height || isNaN(this.modelForm.height)) {
      //   var args = this.getEditTilesetArgs();
      //   this.modelForm.height = args.height == null ? 0 : args.height;
      //   return
      // }
      // if (!this.modelForm.yaw || isNaN(this.modelForm.yaw)) {
      //   this.modelForm.yaw = 0;
      //   return
      // }

      this.setTilesetArgs(this.modelForm);
      sgworld.Analysis.UndergroundMode(this.app.under, this.modelForm.alpha)
    },
@@ -1071,6 +1017,7 @@
    },
    //显隐
    showTileset () {

      if (!this.app.tileset) return;
      this.app.tileset.show = !this.app.tileset.show;
    },
@@ -1086,7 +1033,7 @@
        name: 'tsTest',
        skipLevelOfDetail: true, // 在遍历时候跳过详情：false
        baseScreenSpaceError: 1024,
        maximumScreenSpaceError: 64, // 最大屏幕空间错误：16，数值加大能让最终成像变模糊
        maximumScreenSpaceError: res.url.indexOf("/pnts/") > -1 ? 16 : 64, // 最大屏幕空间错误：16，数值加大能让最终成像变模糊
        skipScreenSpaceErrorFactor: 16,
        skipLevels: 1,
        immediatelyLoadDesiredLevelOfDetail: false,
@@ -1104,8 +1051,9 @@
      });
    },
    setEditModelLayer (res) {
      this.editModelFlag = true;

      if (res.json) {

        var json = JSON.parse(res.json)
        this.modelForm = json;
        this.reload();
@@ -1116,7 +1064,6 @@
    setModleLocatin () {
      var res = this.$store.state.previewLayer;
      var type = res.type;

      if (this.modelType.indexOf(type) != -1) {
        if (type != '3dml') {
          this.setEditModelLayer(res)
@@ -1271,6 +1218,7 @@
.previewBox {
  width: 100%;
  height: 100%;

  .modelLayer {
    position: absolute;
    z-index: 40;
@@ -1280,19 +1228,21 @@
    margin: 10px;
    max-height: 600px;
    overflow: auto;

    .modelBox {
      width: 100%;
      min-height: 24px;
    }
  }

  .pdfClass {
    height: 70vh;
    width: 100%;
    position: relative;
  }

  .el-icon-sunrise {
    background: url("../assets/img/synthesis/images/3白底_157.png") center
      center no-repeat;
    background: url("../assets/img/synthesis/images/3白底_157.png") center center no-repeat;
    background-size: 24px;
  }