From 05d9fb2ae038a5b3bf80eaaa864141bc278084a5 Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期四, 30 五月 2024 17:17:19 +0800
Subject: [PATCH] 代码更新
---
src/views/Synthesis/LeftMenu.vue | 6578 +++++++++++++++++++++++++++---------------------------
src/components/ProjectOl.vue | 460 +-
2 files changed, 3,519 insertions(+), 3,519 deletions(-)
diff --git a/src/components/ProjectOl.vue b/src/components/ProjectOl.vue
index 285d7ac..d736419 100644
--- a/src/components/ProjectOl.vue
+++ b/src/components/ProjectOl.vue
@@ -1,230 +1,230 @@
-<template>
- <div
- id="mapView"
- class="projectBox"
- >
- <div class="Tools box_divm">
- <el-form
- :inline="true"
- :model="formInline"
- class="demo-form-inline"
- >
- <el-form-item :label="$t('dataManage.projectObj.longitude')">
- {{formInline.lon}}
- </el-form-item>
- <el-form-item :label="$t('dataManage.projectObj.latitude')">
- {{formInline.lat}}
- </el-form-item>
- <el-form-item :label="$t('dataManage.projectObj.country')">
- {{formInline.country}}
- </el-form-item>
- <el-form-item :label="$t('dataManage.projectObj.province')">
- {{formInline.province}}
- </el-form-item>
- <el-form-item :label="$t('dataManage.projectObj.county')">
- {{formInline.location}}
- </el-form-item>
-
- <el-form-item>
- <el-button
- type="success"
- icon="el-icon-plus"
- @click="drowPoint"
- ></el-button>
- <el-button
- type="danger"
- icon="el-icon-delete"
- @click="clearDrawPoint"
- ></el-button>
- </el-form-item>
- </el-form>
-
- </div>
- </div>
-</template>
-
-<script>
-import TileLayer from 'ol/layer/Tile';
-import XYZ from 'ol/source/XYZ';
-import Map from 'ol/Map';
-import View from 'ol/View';
-import { transform } from 'ol/proj';
-import VectorSource from 'ol/source/Vector';
-import { Vector as VectorLayer, Tile } from 'ol/layer';
-import { Draw } from 'ol/interaction';
-import Feature from 'ol/Feature';
-import { Circle as CircleStyle, Style, Fill, Stroke } from 'ol/style';
-import { Point } from 'ol/geom';
-import { project_selectLocation } from '../api/api.js'
-export default {
- data() {
- return {
- mapol: null,
- drawLayer: null,
- draw: null,
- formInline: {
- lon: '',
- lat: '',
- location: '',
- province: '',
- country: ''
- }
- };
- },
- methods: {
- initOlMap() {
-
-
- var val = 'http://{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png';
- if (val.indexOf('{host}') > -1) {
- val = val.replace("{host}", iisHost)
- }
- var vectorLayer = new TileLayer({
- source: new XYZ({
- url: val,
- }),
- });
-
-
-
- this.mapol = new Map({
- target: 'mapView',
- layers: [vectorLayer],
- view: new View({
- center: transform([105.02, 34.9], 'EPSG:4326', 'EPSG:3857'),
- zoom: 4,
- projection: 'EPSG:3857',
- }),
- });
- if (this.$store.state.projeOl != null) {
- this.showPointInMap();
- }
- },
- showPointInMap() {
- var value = this.$store.state.projeOl
- .replace('POINT(', '')
- .replace(')', '');
- var a1 = value.split(' ');
- this.showLoacation(a1)
- var a2 = transform(
- [parseFloat(a1[0]), parseFloat(a1[1])],
- 'EPSG:4326',
- 'EPSG:3857'
- );
- var feature = new Feature({
- geometry: new Point(a2),
- });
- feature.setStyle(
- new Style({
- image: new CircleStyle({
- fill: new Fill({
- color: 'blue',
- }),
- radius: 4,
- }),
- })
- );
- let source = new VectorSource();
- source.addFeature(feature);
- this.drawLayer = new VectorLayer();
- this.drawLayer.setSource(source);
- this.mapol.addLayer(this.drawLayer);
- },
- clearDrawPoint() {
- if (this.drawLayer) {
- this.mapol.removeLayer(this.drawLayer);
- this.drawLayer = null;
- this.$store.state.projeOl = null;
- this.formInline = {
- lon: '',
- lat: '',
- location: '',
- province: '',
- country: ''
- }
- }
- },
-
- drowPoint() {
- const source = new VectorSource({ wrapX: false });
- if (this.drawLayer) {
- this.mapol.removeLayer(this.drawLayer);
- }
- this.drawLayer = new VectorLayer({
- source: source,
- });
- this.mapol.addLayer(this.drawLayer);
- this.draw = new Draw({
- source: source, // 鍜屽浘灞備娇鐢ㄥ悓涓�涓猻ource锛岀敾鐨勫浘褰㈠湪鍥惧眰涓婏紝鍥惧眰鍦ㄥ湴鍥句笂鍗冲彲灞曠ず
- type: 'Point', // 鍙�夋嫨涓夎褰紝澶氳竟褰紝鍦嗗舰绛夊叿浣撹瀹樼綉demo
- freehand: false, // 鐢婚�夎繕鏄偣閫�
- });
- // 娣诲姞浜や簰
- this.mapol.addInteraction(this.draw);
- this.draw.on('drawend', (e) => {
- let feature = e.feature;
- let geom = feature.getGeometry();
- var extent = geom.flatCoordinates;
- var a1 = transform([extent[0], extent[1]], 'EPSG:3857', 'EPSG:4326');
- this.showLoacation(a1)
- this.$store.state.projeOl =
- 'POINT(' + a1[0].toFixed(6) + ' ' + a1[1].toFixed(6) + ')';
- this.mapol.removeInteraction(this.draw);
- });
- },
- async showLoacation(res) {
-
- this.formInline.lon = parseFloat(res[0]).toFixed(6);
- this.formInline.lat = parseFloat(res[1]).toFixed(6);
- const data = await project_selectLocation({
- x: res[0],
- y: res[1],
- });
- if (data.code == 200) {
- for (var i in data.result) {
- var key = data.result[i].key;
- var val = data.result[i].value;
- if (key == "鍥�") {
- this.formInline.country = val;
- } else if (key == "鐪�") {
- this.formInline.province = val;
- } else if (key == "甯�") {
- this.formInline.location = val;
- }
- }
- }
- }
-
-
- },
- mounted() {
- this.initOlMap();
- },
-};
-</script>
-
-<style lang="less" scoped>
-.projectBox {
- width: 100%;
- height: 100%;
- overflow: hidden;
- margin: 0;
- padding: 0;
- /deep/.el-form-item {
- margin-bottom: 0px;
- }
-}
-.Tools {
- position: absolute;
-
- opacity: 0.9;
- z-index: 40;
- padding: 10px;
- width: 95%;
-}
-.primary {
- background: #409eff;
- border: #409eff;
- color: white;
-}
-</style>
+<template>
+ <div
+ id="mapView"
+ class="projectBox"
+ >
+ <div class="Tools box_divm">
+ <el-form
+ :inline="true"
+ :model="formInline"
+ class="demo-form-inline"
+ >
+ <el-form-item :label="$t('dataManage.projectObj.longitude')">
+ {{formInline.lon}}
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.projectObj.latitude')">
+ {{formInline.lat}}
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.projectObj.country')">
+ {{formInline.country}}
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.projectObj.province')">
+ {{formInline.province}}
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.projectObj.county')">
+ {{formInline.location}}
+ </el-form-item>
+
+ <el-form-item>
+ <el-button
+ type="success"
+ icon="el-icon-plus"
+ @click="drowPoint"
+ ></el-button>
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ @click="clearDrawPoint"
+ ></el-button>
+ </el-form-item>
+ </el-form>
+
+ </div>
+ </div>
+</template>
+
+<script>
+import TileLayer from 'ol/layer/Tile';
+import XYZ from 'ol/source/XYZ';
+import Map from 'ol/Map';
+import View from 'ol/View';
+import { transform } from 'ol/proj';
+import VectorSource from 'ol/source/Vector';
+import { Vector as VectorLayer, Tile } from 'ol/layer';
+import { Draw } from 'ol/interaction';
+import Feature from 'ol/Feature';
+import { Circle as CircleStyle, Style, Fill, Stroke } from 'ol/style';
+import { Point } from 'ol/geom';
+import { project_selectLocation } from '../api/api.js'
+export default {
+ data() {
+ return {
+ mapol: null,
+ drawLayer: null,
+ draw: null,
+ formInline: {
+ lon: '',
+ lat: '',
+ location: '',
+ province: '',
+ country: ''
+ }
+ };
+ },
+ methods: {
+ initOlMap() {
+
+
+ var val = '{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png';
+ if (val.indexOf('{host}') > -1) {
+ val = val.replace("{host}", iisHost)
+ }
+ var vectorLayer = new TileLayer({
+ source: new XYZ({
+ url: val,
+ }),
+ });
+
+
+
+ this.mapol = new Map({
+ target: 'mapView',
+ layers: [vectorLayer],
+ view: new View({
+ center: transform([105.02, 34.9], 'EPSG:4326', 'EPSG:3857'),
+ zoom: 4,
+ projection: 'EPSG:3857',
+ }),
+ });
+ if (this.$store.state.projeOl != null) {
+ this.showPointInMap();
+ }
+ },
+ showPointInMap() {
+ var value = this.$store.state.projeOl
+ .replace('POINT(', '')
+ .replace(')', '');
+ var a1 = value.split(' ');
+ this.showLoacation(a1)
+ var a2 = transform(
+ [parseFloat(a1[0]), parseFloat(a1[1])],
+ 'EPSG:4326',
+ 'EPSG:3857'
+ );
+ var feature = new Feature({
+ geometry: new Point(a2),
+ });
+ feature.setStyle(
+ new Style({
+ image: new CircleStyle({
+ fill: new Fill({
+ color: 'blue',
+ }),
+ radius: 4,
+ }),
+ })
+ );
+ let source = new VectorSource();
+ source.addFeature(feature);
+ this.drawLayer = new VectorLayer();
+ this.drawLayer.setSource(source);
+ this.mapol.addLayer(this.drawLayer);
+ },
+ clearDrawPoint() {
+ if (this.drawLayer) {
+ this.mapol.removeLayer(this.drawLayer);
+ this.drawLayer = null;
+ this.$store.state.projeOl = null;
+ this.formInline = {
+ lon: '',
+ lat: '',
+ location: '',
+ province: '',
+ country: ''
+ }
+ }
+ },
+
+ drowPoint() {
+ const source = new VectorSource({ wrapX: false });
+ if (this.drawLayer) {
+ this.mapol.removeLayer(this.drawLayer);
+ }
+ this.drawLayer = new VectorLayer({
+ source: source,
+ });
+ this.mapol.addLayer(this.drawLayer);
+ this.draw = new Draw({
+ source: source, // 鍜屽浘灞備娇鐢ㄥ悓涓�涓猻ource锛岀敾鐨勫浘褰㈠湪鍥惧眰涓婏紝鍥惧眰鍦ㄥ湴鍥句笂鍗冲彲灞曠ず
+ type: 'Point', // 鍙�夋嫨涓夎褰紝澶氳竟褰紝鍦嗗舰绛夊叿浣撹瀹樼綉demo
+ freehand: false, // 鐢婚�夎繕鏄偣閫�
+ });
+ // 娣诲姞浜や簰
+ this.mapol.addInteraction(this.draw);
+ this.draw.on('drawend', (e) => {
+ let feature = e.feature;
+ let geom = feature.getGeometry();
+ var extent = geom.flatCoordinates;
+ var a1 = transform([extent[0], extent[1]], 'EPSG:3857', 'EPSG:4326');
+ this.showLoacation(a1)
+ this.$store.state.projeOl =
+ 'POINT(' + a1[0].toFixed(6) + ' ' + a1[1].toFixed(6) + ')';
+ this.mapol.removeInteraction(this.draw);
+ });
+ },
+ async showLoacation(res) {
+
+ this.formInline.lon = parseFloat(res[0]).toFixed(6);
+ this.formInline.lat = parseFloat(res[1]).toFixed(6);
+ const data = await project_selectLocation({
+ x: res[0],
+ y: res[1],
+ });
+ if (data.code == 200) {
+ for (var i in data.result) {
+ var key = data.result[i].key;
+ var val = data.result[i].value;
+ if (key == "鍥�") {
+ this.formInline.country = val;
+ } else if (key == "鐪�") {
+ this.formInline.province = val;
+ } else if (key == "甯�") {
+ this.formInline.location = val;
+ }
+ }
+ }
+ }
+
+
+ },
+ mounted() {
+ this.initOlMap();
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.projectBox {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ margin: 0;
+ padding: 0;
+ /deep/.el-form-item {
+ margin-bottom: 0px;
+ }
+}
+.Tools {
+ position: absolute;
+
+ opacity: 0.9;
+ z-index: 40;
+ padding: 10px;
+ width: 95%;
+}
+.primary {
+ background: #409eff;
+ border: #409eff;
+ color: white;
+}
+</style>
diff --git a/src/views/Synthesis/LeftMenu.vue b/src/views/Synthesis/LeftMenu.vue
index a391138..ede90cd 100644
--- a/src/views/Synthesis/LeftMenu.vue
+++ b/src/views/Synthesis/LeftMenu.vue
@@ -1,3289 +1,3289 @@
-<template>
- <div class="menu_Box box_div">
- <div
- class="leftMen_div"
- @click="setChangeTwoMenu(item)"
- v-for="(item, index) in setListTwoMenu"
- :class="{ lefMenuDivActive: showTwoMenuFlag == item.id }"
- >
- <div
- class="menuTwoImage"
- :class="item.css"
- ></div>
- <div>{{ $t(item.label) }}</div>
- </div>
- <mapinfo ref="mapinfo" />
- <maplayer ref="maplayer" />
- <queryinfo ref="queryinfo" />
- <terrainDig ref="terrainDig" />
- <modelAttach ref="modelAttach" />
- <undergroundModel ref="undergroundModel" />
- <setPellucidity ref="setPellucidity" />
- <input
- type="file"
- accept=".kml"
- class="file"
- style="display: none"
- />
- <input
- :accept="'.shp, .shx, .dbf, .prj'"
- style="display: none"
- ref="pathClear"
- type="file"
- name="file"
- id="shpFile"
- multiple="multiple"
- @change="handleOpenShp()"
- />
-
- <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="棰勮"
- :append-to-body="false"
- :visible.sync="dialog.dialogVisible"
- width="70%"
- :modal="false"
- :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"
- >
-
- <el-image
- style="width:100%; height:100%"
- :src="dialog.src"
- :preview-src-list="[dialog.src]"
- >
- </el-image>
-
- </div>
- </el-dialog>
- <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-form-item :label="$t('common.name')">
- <!-- <el-input v-model="formInline.name"></el-input> -->
- {{formInline.name}}
- </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-option>
- </el-select> -->
- {{formInline.type}}
- </el-form-item>
-
- <el-form-item :label="$t('common.bak')">
- <!-- <el-input v-model="formInline.bak"></el-input> -->
- {{formInline.bak}}
- </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-form-item> -->
-
- </el-form>
-
- </el-tab-pane>
- <el-tab-pane
- label="闄勪欢"
- name="second"
- >
-
- <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"
- >
- <template slot-scope="scope">
- <el-link
- v-if="matchState(scope, /[]/)"
- @click="setAttatchDetail(scope.$index, scope.row)"
- class="elLink"
- >{{ $t('common.see') }}</el-link>
-
- </template>
- </el-table-column>
- </el-table>
-
- </el-tab-pane>
-
- </el-tabs>
-
- </div>
- </el-dialog>
- <el-dialog
- title="鏁版嵁鐢宠"
- :visible.sync="dialogInsertVisible"
- width="30%"
- top="35vh"
- :modal="false"
- :before-close="handleInsertClose"
- >
- <div style="width: 100%; max-height: 450px; overflow-y: auto">
- <el-form
- ref="form"
- :model="ruleForm"
- label-width="100px"
- >
- <el-form-item label="瀹℃牳鍗曚綅">
- <div>
- <ul>
- <li v-for="item in ruleForm.depid">
- {{ item.name }}
- </li>
- </ul>
- </div>
- </el-form-item>
- <el-form-item label="琛ㄥ悕">
- <div>
- <ul>
- <li v-for="item in ruleForm.tabs">
- {{ item.tabDesc }}
- </li>
- </ul>
- </div>
- </el-form-item>
- <el-form-item label="鏉′欢">
- <el-input
- :title="ruleForm.wkt"
- v-model="ruleForm.wkt"
- disabled
- ></el-input>
- </el-form-item>
- <el-form-item label="鎻忚堪">
- <el-input
- type="textarea"
- placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="ruleForm.descr"
- maxlength="50"
- show-word-limit
- >
- </el-input>
- </el-form-item>
- <el-form-item>
- <el-button
- class="primary"
- size="small"
- @click="getInsertDownz()"
- >{{
- $t("common.confirm")
- }}</el-button>
- <el-button
- type="info"
- size="small"
- @click="closeInsertDown"
- >{{
- $t("common.cancel")
- }}</el-button>
- </el-form-item>
- </el-form>
- </div>
- </el-dialog>
- <el-dialog
- :title="$t('common.passworld')"
- :visible.sync="dialogVisible1"
- width="30%"
- top="35vh"
- :modal="false"
- :before-close="handleCloseDown1"
- >
- <el-form
- :model="codeForm"
- :rules="rules"
- ref="codeForm"
- label-width="100px"
- class="codeForm"
- >
- <el-form-item
- :label="$t('common.passworld')"
- prop="password"
- >
- <el-input
- type="password"
- v-model="codeForm.password"
- show-password
- ></el-input>
- </el-form-item>
- <el-form-item
- :label="$t('common.SPassword')"
- prop="repassword"
- >
- <el-input
- type="password"
- v-model="codeForm.repassword"
- show-password
- ></el-input>
- </el-form-item>
- <el-form-item>
- <el-button
- class="primary"
- size="small"
- @click="downloadx('codeForm')"
- >{{ $t("common.confirm") }}</el-button>
- <el-button
- type="info"
- size="small"
- @click="closeDownx('codeForm')"
- >{{
- $t("common.cancel")
- }}</el-button>
- </el-form-item>
- </el-form>
- </el-dialog>
- <el-dialog
- title="鑼冨洿"
- :visible.sync="dialogExtentVisible"
- width="30%"
- :before-close="handleExtentClose"
- :modal="false"
- :lock-scroll="false"
- :close-on-click-modal="false"
- >
-
- <el-row :gutter="20">
- <el-col :span="16">
- <el-input v-model="setExtent"></el-input>
- </el-col>
- <el-col :span="6">
- <div>
- 鍗曚綅锛氾紙m锛�
- </div>
- </el-col>
- </el-row>
- <span
- slot="footer"
- class="dialog-footer"
- >
- <el-button @click="handleExtentClose">鍙� 娑�</el-button>
- <el-button
- @click="handleExtentinsert"
- type="primary"
- >纭� 瀹�</el-button>
- </span>
- </el-dialog>
- </div>
-</template>
-
-<script>
-import { transform } from "ol/proj";
-import mapinfo from "../Tools/mapinfo.vue";
-import maplayer from "../Tools/maplayer.vue";
-import queryinfo from "../Tools/queryinfo.vue";
-import terrainDig from "../Tools/terrainDig.vue";
-import modelAttach from "../Tools/ModelAttach.vue";
-import undergroundModel from "../Tools/undergroundModel.vue";
-import setPellucidity from "../Tools/setPellucidity.vue";
-import $ from "jquery";
-import { getToken } from "@/utils/auth";
-import ImageWMS from "ol/source/ImageWMS";
-import Image from "ol/layer/Image";
-import GeoJSON from "ol/format/GeoJSON.js";
-import { Vector as VectorSource } from "ol/source";
-import { Vector as VectorLayer } from "ol/layer";
-import {
- perms_selectLayers,
- comprehensive_selectModelByGuid,
- comprehensive_selectFiles,
- comprehensive_deletes,
- comprehensive_selectModelByPageAndCount,
- comprehensive_insertModel,
- comprehensive_updateModel, selectByBuffer,
- dataQuery_selectTabByEntity,
- inquiry_selectDomains,
- inquiry_selectFields,
- dataQuery_selectByGid,
-} from '../../api/api.js'
-import {
- OverviewMap,
- defaults as defaultControls,
- FullScreen,
- ScaleLine,
- Rotate,
-} from "ol/control.js";
-import * as turf from "@turf/turf";
-import { geometry } from "@turf/turf";
-
-export default {
- components: { mapinfo, maplayer, queryinfo, terrainDig, modelAttach, undergroundModel, setPellucidity },
- data() {
- var repasswordValidator = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
- } else if (value !== this.codeForm.password) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
- } else {
- callback();
- }
- };
- var passwordValidator = (rule, value, callback) => {
- var passwordreg =
- /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/;
- if (!passwordreg.test(value)) {
- callback(
- new Error('瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�13-20浣�')
- );
- } else {
- callback();
- }
- };
- return {
- rules: {
- password: [{ required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'blur' }, { validator: passwordValidator, trigger: 'blur' }],
- repassword: [
- { required: true, message: '璇疯緭鍏ョ‘璁ゅ瘑鐮�', trigger: 'blur' },
- { validator: repasswordValidator, trigger: 'blur' },
- ],
- },
- codeForm: {
- password: '',
- repassword: '',
- },
- showTwoMenuFlag: false,
- setListTwoMenu: [],
- setListTwoMenuAll: [
- [
- {
- id: "a1",
- label: "synthesis.layer",
- name: "鍥惧眰绠＄悊",
- css: "twoMenu_imge11",
- },
- {
- id: "b1",
- label: "synthesis.split",
- name: "鍒嗗睆",
- css: "twoMenu_imge21",
- },
- {
- id: "b9",
- label: "synthesis.undergroundMode",
- name: "鍦颁笅妯″紡",
- css: "twoMenu_imge29",
- },
- // {
- // id: "b10",
- // label: "synthesis.undergroundMode",
- // name: "鐡︾墖涓嬭浇",
- // css: "twoMenu_imge29",
- // },
- ],
- [
- {
- id: "b1",
- label: "synthesis.split",
- name: "鍒嗗睆",
- css: "twoMenu_imge21",
- },
- {
- id: "b2",
- label: "synthesis.twod",
- name: "浜岀淮",
- css: "twoMenu_imge22",
- },
- {
- id: "b3",
- label: "synthesis.threed",
- name: "涓夌淮",
- css: "twoMenu_imge23",
- },
- {
- id: "b4",
- label: "synthesis.full",
- name: "鍏ㄥ浘",
- css: "twoMenu_imge24",
- },
- {
- id: "b5",
- label: "synthesis.zommin",
- name: "鏀惧ぇ",
- css: "twoMenu_imge25",
- },
- {
- id: "b6",
- label: "synthesis.zoomout",
- name: "缂╁皬",
- css: "twoMenu_imge26",
- },
- {
- id: "b7",
- label: "synthesis.rule",
- name: "姣斾緥灏�",
- css: "twoMenu_imge27",
- },
- {
- id: "b8",
- label: "synthesis.compass",
- name: "鎸囧寳閽�",
- css: "twoMenu_imge28",
- },
- {
- id: "b9",
- label: "synthesis.undergroundMode",
- name: "鍦颁笅妯″紡",
- css: "twoMenu_imge29",
- },
- ],
- [
- {
- id: "c1",
- label: "synthesis.someroaming",
- name: "鐐规极娓�",
- css: "twoMenu_imge31",
- },
- {
- id: "c2",
- label: "synthesis.lineroaming",
- name: "绾胯矾婕父",
- css: "twoMenu_imge32",
- },
- {
- id: "c3",
- label: "synthesis.mouseroaming",
- name: "榧犳爣婕父",
- css: "twoMenu_imge33",
- },
- {
- id: "c4",
- label: "synthesis.snapshot",
- name: "鍦板浘蹇収",
- css: "twoMenu_imge34",
- },
- ],
- [
- {
- id: "d1",
- label: "synthesis.contouranalysis",
- name: "绛夐珮绾�",
- css: "twoMenu_imge41",
- },
- {
- id: "d2",
- label: "synthesis.slopeanalysis",
- name: "鍧″害鍒嗘瀽",
- css: "twoMenu_imge42",
- },
- {
- id: "d3",
- label: "synthesis.pathanalysis",
- name: "璺緞鍒嗘瀽",
- css: "twoMenu_imge43",
- },
- {
- id: "d4",
- label: "synthesis.cuttinganalysis",
- name: "鍦板舰鍓栧垏",
- css: "twoMenu_imge44",
- },
- {
- id: "d5",
- label: "synthesis.floodanalysis",
- name: "娣规病鍒嗘瀽",
- css: "twoMenu_imge45",
- },
- {
- id: "d6",
- label: "synthesis.earthworkcalculation",
- name: "鍦熸柟閲忚绠�",
- css: "twoMenu_imge46",
- },
- {
- id: "d7",
- label: "synthesis.crosssectionanalysis",
- name: "涓夌淮鎴潰",
- css: "twoMenu_imge47",
- },
- {
- id: "d8",
- label: "synthesis.imagecontrast",
- name: "褰卞儚瀵规瘮",
- css: "twoMenu_imge48",
- },
- {
- id: "d9",
- label: "synthesis.pipelineAnalysis",
- name: "绠￠亾鍒嗘瀽",
- css: "twoMenu_imge49",
- },
- {
- id: "d10",
- label: "synthesis.flatterrain",
- name: "鍦板舰骞虫暣",
- css: "twoMenu_imge410",
- },
- {
- id: "d11",
- label: "synthesis.terrainexcavation",
- name: "鍦板舰寮�鎸�",
- css: "twoMenu_imge411",
- },
- {
- id: "d12",
- label: "synthesis.visibilityAnalysis",
- name: "閫氳鍒嗘瀽",
- css: "twoMenu_imge412",
- },
- {
- id: "d13",
- label: "synthesis.viewAnalysis",
- name: "瑙嗗煙鍒嗘瀽",
- css: "twoMenu_imge413",
- },
- {
- id: "d14",
- label: "synthesis.circularViewAnalysis",
- name: "鍦嗗舰瑙嗗煙鍒嗘瀽",
- css: "twoMenu_imge414",
- },
- ],
- [
- {
- id: "e1",
- label: "synthesis.attributequery",
- name: "灞炴�ф煡璇�",
- css: "twoMenu_imge51",
- },
- {
- id: "e2",
- label: "synthesis.rangequery",
- name: "绌洪棿鏌ヨ",
- css: "twoMenu_imge52",
- },
-
- ],
- [
- {
- id: "f1",
- label: "synthesis.gpsrtk",
- name: "鍧愭爣瀹氫綅",
- css: "twoMenu_imge61",
- },
- {
- id: "f2",
- label: "synthesis.placenamelocation",
- name: "鍦板悕瀹氫綅",
- css: "twoMenu_imge62",
- },
- ],
- [
- {
- id: "j1",
- label: "synthesis.synthobj.m1",
- name: "琛ㄩ潰璺濈",
- css: "twoMenu_imge71",
- },
- {
- id: "j2",
- label: "synthesis.synthobj.m4",
- name: "鍨傜洿楂樺害",
- css: "twoMenu_imge72",
- },
- {
- id: "j3",
- label: "synthesis.synthobj.m6",
- name: "骞抽潰闈㈢Н",
- css: "twoMenu_imge73",
- },
- {
- id: "j4",
- label: "synthesis.synthobj.m7",
- name: "浣撶Н",
- css: "twoMenu_imge74",
- },
- {
- id: "j5",
- label: "synthesis.synthobj.m5",
- name: "琛ㄩ潰闈㈢Н",
- css: "twoMenu_imge75",
- },
- {
- id: "j6",
- label: "synthesis.synthobj.m2",
- name: "绌洪棿璺濈",
- css: "twoMenu_imge76",
- },
- {
- id: "j7",
- label: "synthesis.synthobj.m9",
- name: "楂樼▼閲忔祴",
- css: "twoMenu_imge77",
- },
- ],
- [
- {
- id: "h1",
- label: "synthesis.point",
- name: "鐐�",
- css: "twoMenu_imge81",
- },
- {
- id: "h8",
- label: "synthesis.addlabel",
- name: "鏂囧瓧",
- css: "twoMenu_imge88",
- },
- {
- id: "h2",
- label: "synthesis.line",
- name: "绾�",
- css: "twoMenu_imge82",
- },
- {
- id: "h3",
- label: "synthesis.rectangle",
- name: "鐭╁舰",
- css: "twoMenu_imge83",
- },
- {
- id: "h4",
- label: "synthesis.polygon",
- name: "澶氳竟褰�",
- css: "twoMenu_imge84",
- },
- {
- id: "h5",
- label: "synthesis.import",
- name: "瀵煎叆KML",
- css: "twoMenu_imge85",
- },
- {
- id: "h6",
- label: "synthesis.export",
- name: "瀵煎嚭KML",
- css: "twoMenu_imge86",
- },
-
- {
- id: "h9",
- label: "synthesis.import1",
- name: "瀵煎叆SHP",
- css: "twoMenu_imge85",
- },
- {
- id: "h10",
- label: "synthesis.export1",
- name: "瀵煎嚭SHP",
- css: "twoMenu_imge86",
- },
-
- {
- id: "h7",
- label: "synthesis.removepaint",
- name: "娓呴櫎",
- css: "twoMenu_imge87",
- },
- ],
- [
- {
- id: "i1",
- name: "鍦烘櫙鎻愬彇",
- label: "synthesis.sceneExtraction",
- css: "twoMenu_imge12",
- },
- {
- id: "i2",
- label: "synthesis.release",
- name: "鍦烘櫙鍙戝竷",
- css: "twoMenu_imge13",
- },
- {
- id: "i3",
- label: "synthesis.tdisplay",
- name: "涓夌淮婕旂ず",
- css: "twoMenu_imge35",
- },
- ],
- ],
- isRuler: false,
- isNaviget: false,
- isolineFlag: false,
- isslopeFlag: false,
- isContrastFlag: false,
- UndergroundMode: false,
- scaleLine: null,
- Excavation: false,
- entityaLayers: [],
- isMenuFlag: null,
- isRouter: false, //璺緞鍒嗘瀽
- isPiple: false, //绠￠亾鍒嗘瀽
- DXZPState: null, //鍦板舰鏁村钩
- dialogVisible: false,
- formInline: {
- title: '',
- file: '',
- name: '',
- type: '',
- info: '',
- icon: '',
- bak: ''
- },
- tableData: [],
- dialog: {
- dialogVisible: false,
- isPdf: false,
- isJpg: false,
- src: ''
- },
- activeName: "first",
- isShowModel: false,
- options: [
- {
- value: '鍊炬枩妯″瀷',
- label: '鍊炬枩妯″瀷'
- }, {
- value: 'BIM妯″瀷',
- label: 'BIM妯″瀷'
- }, {
- value: '鐐逛簯妯″瀷',
- label: '鐐逛簯妯″瀷'
- }, {
- value: '鍦拌川璁捐妯″瀷',
- label: '鍦拌川璁捐妯″瀷'
- }, {
- value: '浜哄伐妯″瀷',
- label: '浜哄伐妯″瀷'
- }, {
- value: '鍏朵粬妯″瀷',
- label: '鍏朵粬妯″瀷'
- }],
- modelClip: false,
- showPickUp: false,
- dialogInsertVisible: false,
- dialogVisible1: false,
- ruleForm: {
- depname: [],
- tabs: [],
- pwd: null,
- repwd: null,
- wkt: null,
- descr: null,
- },
- dialogExtentVisible: false,
- setExtent: 10,
- };
- },
- methods: {
- //浜岀礆鑿滃崟鐐瑰嚮鍒囨崲
- setChangeTwoMenu(res) {
- var val = res.id[0];
- if (window.model != null) {
- // window.model.deleteObject();
- // window.model = null;
- }
- sgworld.Analysis.clearCurtainContrast();
- this.showPickUp = false;
- if (this.isMenuFlag == "d") {
- this.clearAllAnalsy();
- }
-
- this.$store.state.propertiesFlag = '';
-
- if (this.isMenuFlag != val) {
- if (res.id != "b9") {
- this.$store.state.mapMenuBoolean = false;
- this.$store.state.mapMenuBoxFlag = null;
- this.$store.state.mapPopBoolean = false;
- this.$store.state.mapPopBoxFlag = null;
-
- this.isMenuFlag = val;
- if (this.entityaLayers.length != 0) {
- for (var i in this.entityaLayers) {
- sgworld.Viewer.entities.remove(this.entityaLayers[i]);
- }
- this.entityaLayers = [];
- }
- for (var i in this.$store.state.queryInfo) {
- sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]);
- }
- this.$store.state.queryInfo = [];
- if (this.$store.state.primitLayer != null) {
- sgworld.Viewer.entities.remove(this.$store.state.primitLayer);
- sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
- this.$store.state.primitLayer = null;
- }
- }
- }
- this.showTwoMenuFlag = res.id;
- if (val != 'h' && res.id != "b9") {
- sgworld.Creator.SimpleGraphic.clear();
- Viewer.entities.removeAll();
- }
- switch (val) {
- case "a": //鍥惧眰绠＄悊
- this.setCoverage(res.id);
- break;
- case "b":
- this.setViewport(res.id);
- break;
- case "c":
- this.setWander(res.id);
- break;
- case "d":
- this.setAnalsy(res.id);
- break;
- case "e":
- this.setIquery(res.id);
- break;
- case "f":
- this.setOrientation(res.id);
- break;
- case "j":
- this.setMeasurement(res.id);
- break;
- case "h":
- sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
- this.setPlot(res.id);
- break;
- }
- },
- setPlot(res) {
-
- switch (res) {
- case "h1":
- sgworld.Creator.createSimpleGraphic(
- "point",
- {},
- function (entity) { }
- );
- break;
- case "h2":
- sgworld.Creator.createSimpleGraphic(
- "polyline",
- {},
- function (entity) { }
- );
- break;
- case "h3":
- sgworld.Creator.createSimpleGraphic(
- "rectangle",
- {},
- function (entity) { }
- );
- break;
- case "h4":
- sgworld.Creator.createSimpleGraphic(
- "polygon",
- {},
- function (entity) { }
- );
- break;
- case "h5":
- this.handleOpenClick();
- break;
- case "h6":
- this.handleSaveClick();
- break;
- case "h9":
- // this.handleOpenShp();
- $("#shpFile").click();
- break;
- case "h10":
- this.handleSaveShp();
- break;
- case "h7":
- sgworld.Creator.SimpleGraphic.clear();
- for (var i in this.entityaLayers) {
- sgworld.Viewer.entities.remove(this.entityaLayers[i]);
- }
- this.entityaLayers = [];
- break;
- case "h8":
- sgworld.Creator.createSimpleGraphic(
- "label",
- {},
- function (entity) { }
- );
- break;
- }
- },
- handleSaveClick() {
- let funDownload = function (content, filename) {
- let eleLink = document.createElement("a");
- eleLink.download = filename;
- eleLink.style.display = "none";
- // 瀛楃鍐呭杞彉鎴恇lob鍦板潃
- let blob = new Blob([content]);
- eleLink.href = URL.createObjectURL(blob);
- // 瑙﹀彂鐐瑰嚮
- document.body.appendChild(eleLink);
- eleLink.click();
- // 鐒跺悗绉婚櫎
- document.body.removeChild(eleLink);
- };
- let entities = new Cesium.EntityCollection();
- let dataSources = sgworld.Viewer.dataSources;
- for (let i = 0, j = dataSources.length; i < j; i++) {
- for (let v of dataSources.get(i).entities.values) {
- entities.add(v);
- }
- }
- for (let v of sgworld.Viewer.entities.values) {
- entities.add(v);
- }
-
- if (entities.values.length) {
- console.log(sgworld.Viewer.entities);
-
- let promise = Cesium.exportKml({ entities: sgworld.Viewer.entities });
- console.log(entities);
- // let promise = Cesium.exportKml({ entities: entities });
- promise.then(function (e) {
- funDownload(e.kml, new Date().getTime() + ".kml");
- });
- } else {
- alert("褰撳墠鍦烘櫙娌℃湁entities瀹炰綋");
- }
- },
- handleSaveShp() {
- var entities = sgworld.Viewer.entities.values;
- if (entities.length == 0) {
- return;
- }
- var std = [];
- for (var i in entities) {
- var type, fillColor, alpha, wkt, name;
- var bak = {};
-
- if (entities[i].name) {
- name = entities[i].name;
- }
- if (entities[i].properties) {
- var properties = entities[i].properties.propertyNames;
- for (var j in properties) {
- bak[properties[j]] = entities[i].properties[properties[j]]._value;
- }
- } else {
- bak = {
- name: entities[i].name,
- };
- }
- if (entities[i].rectangle) {
- //鐭╁舰
- type = "rectangle";
- var east = Cesium.Math.toDegrees(
- entities[i].rectangle.coordinates.getValue().east
- );
- var north = Cesium.Math.toDegrees(
- entities[i].rectangle.coordinates.getValue().north
- );
- var west = Cesium.Math.toDegrees(
- entities[i].rectangle.coordinates.getValue().west
- );
- var south = Cesium.Math.toDegrees(
- entities[i].rectangle.coordinates.getValue().south
- );
- var line = turf.polygon([
- [
- [east, north],
- [west, north],
- [west, south],
- [east, south],
- [east, north],
- ],
- ]);
- wkt = this.$wkt.convert(line.geometry);
- var fill = entities[i].rectangle._material._color._value;
- fillColor = fill.red + "," + fill.green + "," + fill.blue;
- alpha = fill.alpha;
- } else if (entities[i].point) {
- //鐐�
- type = "point";
- let ellipsoid = Viewer.scene.globe.ellipsoid;
- let cartographic = ellipsoid.cartesianToCartographic(
- entities[i].position.getValue()
- );
- let lat = Cesium.Math.toDegrees(cartographic.latitude);
- let lng = Cesium.Math.toDegrees(cartographic.longitude);
- let alt = cartographic.height;
- let point = turf.point([lng, lat, alt]);
- wkt = this.$wkt.convert(point.geometry);
- var fill = entities[i].point._color._value;
- fillColor = fill.red + "," + fill.green + "," + fill.blue;
- alpha = fill.alpha;
- } else if (entities[i].polygon) {
- type = "polygon";
- var fill = entities[i].polygon._material._color._value;
- fillColor = fill.red + "," + fill.green + "," + fill.blue;
- alpha = fill.alpha;
- var geometry = entities[i].polygon.hierarchy.getValue().positions;
- var coordinates = [];
- for (var k in geometry) {
- coordinates.push(this.setCartesianToEightFour(geometry[k]));
- }
- if (coordinates[0] != coordinates[1]) {
- coordinates.push(coordinates[0]);
- }
- var polygon = turf.polygon([coordinates]);
- wkt = this.$wkt.convert(polygon.geometry);
- } else if (entities[i].polyline) {
- type = "polyline";
- var coordinates = [];
- var geometry = entities[i].polyline.positions.getValue();
- for (var k in geometry) {
- coordinates.push(this.setCartesianToEightFour(geometry[k]));
- }
- var polyline = turf.lineString(coordinates);
- wkt = this.$wkt.convert(polyline.geometry);
-
- var fill = entities[i].polyline._material._color._value;
- fillColor = fill.red + "," + fill.green + "," + fill.blue;
- alpha = fill.alpha;
- } else if (entities[i].label) {
- type = "label";
- let ellipsoid = Viewer.scene.globe.ellipsoid;
- let cartographic = ellipsoid.cartesianToCartographic(
- entities[i].position.getValue()
- );
- let lat = Cesium.Math.toDegrees(cartographic.latitude);
- let lng = Cesium.Math.toDegrees(cartographic.longitude);
- let alt = cartographic.height;
- let point = turf.point([lng, lat, alt]);
- wkt = this.$wkt.convert(point.geometry);
- var fill = entities[i].label.backgroundColor._value;
- fillColor = fill.red + "," + fill.green + "," + fill.blue;
- alpha = fill.alpha;
- }
- std.push({
- id: parseInt(i) + 1,
- type: type,
- fillColor: fillColor,
- opacity: alpha,
- name: name,
- bak: JSON.stringify(bak),
- wkt: wkt,
- });
- }
- $.ajax({
- url: BASE_URL + "/comprehensive/downloadShp?token=" + getToken(),
- type: "POST",
- data: JSON.stringify(std),
- dataType: "json", // html銆乯son銆乯sonp銆乻cript銆乼ext
- contentType: "application/json", // "application/x-www-form-urlencoded"
- success: (rs) => {
- if (rs && rs.code == 200) {
- var a = document.createElement("a"); // 鍒涘缓涓�涓猘鏍囩鍏冪礌
- a.style.display = "none"; // 璁剧疆鍏冪礌涓嶅彲瑙�
-
- a.href =
- BASE_URL +
- "/comprehensive/downloadFile?token=" +
- getToken() +
- "&guid=" +
- rs.result;
-
- document.body.appendChild(a); // 鍔犲叆
- a.click(); // 瑙﹀彂鐐瑰嚮,涓嬭浇
- document.body.removeChild(a); // 閲婃斁
- }
- },
- error: function (e) { },
- });
- },
- handleOpenShp() {
- var formData = new FormData();
- var fs = document.getElementById("shpFile");
- var exts = [".shp", ".shx", ".dbf", ".prj"];
- var count = 0;
- for (var i = 0, c = fs.files.length; i < c; i++) {
- var name = fs.files[i].name.toLocaleLowerCase();
- var ext = name.substring(name.lastIndexOf("."));
- if (exts.indexOf(ext) > -1) {
- count++;
- formData.append(fs.files[i].name, fs.files[i]); // fs.files[i].name,file
- }
- }
- if (count != 4) {
- alert("ShapeFile鏂囦欢閫夋嫨涓嶅叏锛�");
- return;
- }
- var that = this;
- $.ajax(BASE_URL + "/comprehensive/uploadShp?token=" + getToken(), {
- type: "post",
- data: formData,
- async: true,
- cache: false,
- processData: false,
- contentType: false,
- success: function (rs) {
- if (rs.code == 200) {
- that.showShpEntity(rs.result);
- }
- },
- error: function (e) {
- console.error(e);
- },
- });
-
- document.getElementById("shpFile").value = "";
- },
- showShpEntity(res) {
- for (var i in res) {
- var wkt = this.$wkt.parse(res[i].wkt);
- var fillColor = res[i].fillColor.split(",");
- var color = new Cesium.Color(
- parseFloat(fillColor[0]),
- parseFloat(fillColor[1]),
- parseFloat(fillColor[2]),
- res[i].opacity
- );
- var name = res[i].name;
- switch (res[i].type) {
- case "rectangle":
- case "polygon":
- var std = [];
- var geo = wkt.coordinates[0];
- for (var i in geo) {
- std.push(geo[i][0]);
- std.push(geo[i][1]);
- }
- var entity = Viewer.entities.add({
- name: name,
- polygon: {
- hierarchy: Cesium.Cartesian3.fromDegreesArray(std),
- //height : 100000,
- material: color,
- outline: true,
- outlineColor: color,
- },
- });
- this.entityaLayers.push(entity);
- sgworld.Navigate.flyToObj(entity)
- break;
- case "point":
- let point = Viewer.entities.add({
- name: name,
- position: Cesium.Cartesian3.fromDegrees(
- wkt.coordinates[0],
- wkt.coordinates[1]
- ), //缁忕含搴﹁浆涓栫晫鍧愭爣
- point: {
- show: true,
- color: color,
- pixelSize: 10,
- outlineColor: color,
- outlineWidth: 3,
- heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
- disableDepthTestDistance: Number.POSITIVE_INFINITY,
- },
- });
-
- this.entityaLayers.push(point);
- sgworld.Navigate.flyToObj(point)
- break;
- case "polyline":
- var std = [];
- var geo = wkt.coordinates;
- for (var i in geo) {
- std.push(geo[i][0]);
- std.push(geo[i][1]);
- }
- let line = Viewer.entities.add({
- name: name,
- polyline: {
- //缁忕含搴︽暟缁勮浆涓栫晫鍧愭爣锛屽甫楂樺害鐨勮瘽鏄痜romDegreesArrayHeights
- positions: Cesium.Cartesian3.fromDegreesArray(std),
- width: 10,
- material: color,
- clampToGround: true,
- },
- });
-
- this.entityaLayers.push(line);
- sgworld.Navigate.flyToObj(line)
- break;
- case "label":
- const label = Viewer.entities.add({
- position: Cesium.Cartesian3.fromDegrees(
- wkt.coordinates[0],
- wkt.coordinates[1]
- ),
- label: {
- text: name,
- fillColor: color,
- font: "28px",
- horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
- verticalOrigin: Cesium.VerticalOrigin.TOP,
- heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
- disableDepthTestDistance: Number.POSITIVE_INFINITY,
- },
- });
- this.entityaLayers.push(label);
- sgworld.Navigate.flyToObj(label)
- break;
- }
- }
- },
-
- setCartesianToEightFour(res) {
- var std = [];
- let ellipsoid = Viewer.scene.globe.ellipsoid;
- let cartographic = ellipsoid.cartesianToCartographic(res);
- let lat = Cesium.Math.toDegrees(cartographic.latitude);
- let lng = Cesium.Math.toDegrees(cartographic.longitude);
- let alt = cartographic.height;
- std = [lng, lat, alt];
- return std;
- },
- handleOpenClick() {
- var that = this;
- sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
- let fileInput = document.querySelector(".file");
- fileInput.onchange = function (evt) {
- let files = evt.target.files;
- if (files.length > 0) {
- let file = evt.target.files[0];
- let fileReader = new FileReader();
- fileReader.readAsDataURL(file);
- fileReader.onload = () => {
- var kmlOptions = {
- camera: sgworld.Viewer.scene.camera,
- canvas: sgworld.Viewer.scene.canvas,
- clampToGround: true,
- };
- var geocachePromise = Cesium.KmlDataSource.load(
- fileReader.result,
- kmlOptions
- );
-
- sgworld.Navigate.flyToObj(geocachePromise)
-
- geocachePromise.then(function (dataSource) {
- var geocacheEntities = dataSource.entities.values;
- that.entityaLayers = geocacheEntities;
- for (var i = 0; i < geocacheEntities.length; i++) {
- var entity = geocacheEntities[i];
-
- sgworld.Viewer.entities.add(entity);
- }
- });
- // sgworld.Viewer.dataSources
- // .add(
- // Cesium.KmlDataSource.load(fileReader.result, {
- // camera: sgworld.Viewer.scene.camera,
- // canvas: sgworld.Viewer.scene.canvas,
- // })
- // )
- // .then((KmlDataSource) => {
- // console.log(KmlDataSource);
- // // let entities = kmlDataSource.entities;
- // });
- };
- }
- // fileInput.value = null;
- };
- fileInput.click();
- },
- setLayerScene() {
- var URL = window.location.href.split("#");
- this.openwindow({ url: URL[0] + "LfSKyline/index.html" });
- },
-
- openwindow(data) {
- var url = data.url; //杞悜缃戦〉鐨勫湴鍧�;
- var name = data.title || "閫夋嫨瑕佹坊鍔犵殑椤甸潰"; //缃戦〉鍚嶇О锛屽彲涓虹┖;
- var iWidth = window.screen.width; //寮瑰嚭绐楀彛鐨勫搴�;
- var iHeight = window.screen.height; //寮瑰嚭绐楀彛鐨勯珮搴�;
- var iTop = 0; //鑾峰緱绐楀彛鐨勫瀭鐩翠綅缃�;
- var iLeft = 0; //鑾峰緱绐楀彛鐨勬按骞充綅缃�;
- window.open(
- url,
- name,
- "height=" +
- iHeight +
- ",,innerHeight=" +
- iHeight +
- ",width=" +
- iWidth +
- ",innerWidth=" +
- iWidth +
- ",top=" +
- iTop +
- ",left=" +
- iLeft +
- ",toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no"
- );
- },
-
- setMeasurement(res) {
- switch (res) {
- case "j1":
- var measure = window.sgworld.Command.execute(
- 0,
- 2,
- this.colorAll,
- (data) => {
- data.id = window.sgworld.Core.getuid();
- this.measureData.set(data.id, measure);
- this.openMeasureResultInfo("琛ㄩ潰璺濈", data);
- }
- );
- break;
- case "j6":
- var measure = window.sgworld.Command.execute(
- 0,
- 10,
- this.colorAll,
- (data) => {
- data.id = window.sgworld.Core.getuid();
- this.measureData.set(data.id, measure);
- this.openMeasureResultInfo("绌洪棿璺濈", data);
- }
- );
- break;
- // case 'j3':
-
- // var measure = window.sgworld.Command.execute(0, 3, this.colorAll, (data) => {
- // data.id = window.sgworld.Core.getuid();
- // this.measureData.set(data.id, measure);
- // this.openMeasureResultInfo('骞抽潰闈㈢Н', data);
-
- // });
-
- // break;
- case "j2":
- var measure = window.sgworld.Command.execute(
- 0,
- 5,
- this.colorAll,
- (data) => {
- data.id = window.sgworld.Core.getuid();
- this.measureData.set(data.id, measure);
- this.openMeasureResultInfo("鍨傜洿楂樺害", data);
- }
- );
- break;
- case "j5":
- var measure = window.sgworld.Command.execute(
- 0,
- 8,
- {
- ...this.colorAll,
- tin: true, // 鏄惁鏄剧ずtin涓夎缃�
- onlyTerrain: false, // 鏄惁鍙祴閲忕簿缁嗗湴褰�
- },
- (data) => {
- data.id = window.sgworld.Core.getuid();
- this.measureData.set(data.id, measure);
- this.openMeasureResultInfo("琛ㄩ潰闈㈢Н", data);
- }
- );
- break;
- case "j3":
- var measure = window.sgworld.Command.execute(
- 0,
- 3,
- this.colorAll,
- (data) => {
- data.id = window.sgworld.Core.getuid();
- this.measureData.set(data.id, measure);
- this.openMeasureResultInfo("骞抽潰闈㈢Н", data);
- }
- );
- break;
- case "j4":
- var volumetricMeasurementTool =
- window.sgworld.Creator.createVolumetricMeasureTool();
- volumetricMeasurementTool.startDrawing(
- { ...this.colorAll, onlyTerrain: false },
- "auto",
- (data) => {
- if (volumetricMeasurementTool.popupData) {
- volumetricMeasurementTool.popupData.value = `濉柟锛�${data.volume.fill.toFixed(4) + data.unit.fill
- }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
- } else {
- data.id = window.sgworld.Core.getuid();
- this.measureData.set(data.id, volumetricMeasurementTool);
- let popupData = this.openMeasureResultInfo("浣撶Н鏂归噺", data);
- volumetricMeasurementTool.popupData = popupData;
- }
- }
- );
- break;
- case "j8":
- var measure = window.sgworld.Command.execute(
- 0,
- 12,
- this.colorAll,
- (data) => {
- data.id = window.sgworld.Core.getuid();
- this.measureData.set(data.id, measure);
- this.openMeasureResultInfo("瑙掑害", data);
- }
- );
- break;
- case "j7":
- var measure = window.sgworld.Command.execute(
- 1,
- 11,
- this.colorAll,
- (data) => {
- data.id = window.sgworld.Core.getuid();
- this.measureData.set(data.id, measure);
- this.openMeasureResultInfo("娴锋嫈楂樺害", data);
- }
- );
- break;
- }
- },
- openMeasureResultInfo(name, data) {
- let info = "";
- switch (name) {
- case "琛ㄩ潰璺濈":
- case "绌洪棿璺濈":
- info = "鎬婚暱搴︼細" + data.distance[data.distance.length - 1];
- break;
- case "娴锋嫈楂樺害":
- info = "楂樺害锛�" + data.height;
- break;
- case "鍨傜洿楂樺害":
- info = `${data.gddistance}<br>${data.kjdistance}<br>${data.spdistance}`;
- break;
- case "琛ㄩ潰闈㈢Н":
- case "骞抽潰闈㈢Н":
- info = data.mj;
- break;
- case "瑙掑害":
- data.labels.forEach((label) => {
- info += label.label.text.getValue() + "<br>";
- });
- break;
- case "浣撶Н鏂归噺":
- info = `濉柟锛�${data.volume.fill.toFixed(4) + data.unit.fill
- }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
- break;
- }
- return (
- this.$refs &&
- this.$refs.mapinfo &&
- this.$refs.mapinfo.open(name, info, {
- close: () => {
- // 娓呴櫎娴嬮噺
- this.clearMeasure(data.id);
- },
- })
- );
- },
- clearMeasure(id) {
- if (id) {
- let data = this.measureData.get(id);
- data && data.deleteObject && data.deleteObject();
- // 浣撶Н鏂归噺
- data && data.cleanUp && data.cleanUp();
- this.measureData.delete(id);
- } else {
- this.measureData.forEach((data) => {
- data.deleteObject && data.deleteObject();
- // 浣撶Н鏂归噺
- data.cleanUp && data.cleanUp();
- });
- this.measureData.clear();
- }
- },
- setIquery(res) {
- switch (res) {
- case "e2":
- this.showPickUp = false;
- this.$store.state.mapMenuBoolean = !this.$store.state.mapMenuBoolean;
- this.$store.state.mapMenuBoxFlag = "1";
- break;
- case "e1":
- this.$store.state.mapMenuBoolean = !this.$store.state.mapMenuBoolean;
- this.$store.state.mapMenuBoxFlag = "2";
- this.showPickUp = false;
- break;
- //鎷惧彇鍔熻兘
- case "e3":
- this.$store.state.mapMenuBoolean = false;
- this.showPickUp = !this.showPickUp;
- if (this.showPickUp) {
- let that = this;
- Viewer.screenSpaceEventHandler.setInputAction(function (event) {
- let p = sgworld.Navigate.getMouseDegrees(event);
- console.log(p);
- if (that.showPickUp) {
- that.getPickUpData(p);
- }
- }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
- } else {
- this.$refs.queryinfo.closeAll();
- Viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
- }
- break;
- }
- },
- clearAllAnalsy() {
- // switch (this.showTwoMenuFlag) {
- // case 'd1':
- // that.isolineFlag = false;
- // elevationTool.tf = that.isolineFlag;
- // elevationTool.render();
- // break;
- // case 'd2':
- // that.isslopeFlag = false;
- // elevationTool.type = 'none';
- // elevationTool.render();
- // break;
- // }
- },
- ClearDraw() {
- //console.log(sgworld);
- // console.log(sgworld.drawObj.drawHandler);
- // sgworld.drawObj.drawHandler.destroy();
- // 聽 sgworld.drawObj.end()
- },
-
- setAnalsy(res) {
- //this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close("queryinfo");
- this.$bus.$emit("closeMenuPop", res);
- var that = this;
- switch (res) {
- case "d1": //绛夐珮绾垮垎鏋�
- this.closePipelinePop();
- that.isolineFlag = !that.isolineFlag;
- elevationTool.tf = that.isolineFlag;
- elevationTool.render();
- break;
- case "d2": //鍧″害鍒嗘瀽
- this.closePipelinePop();
- that.isslopeFlag = !that.isslopeFlag;
- var val = {
- name: "Lengend",
- id: res,
- vshow: that.isslopeFlag,
- };
- this.$bus.$emit("mapChangeBox", val);
- window.PDelevationTool = new SmartEarth.ElevationTool(sgworld); //鍏ㄥ眬鍙橀噺
- if (that.isslopeFlag == true) {
- PDelevationTool.type = "slope";
- PDelevationTool.tf = this.checked;
- } else {
- PDelevationTool.type = "none";
- }
- PDelevationTool.render();
-
- break;
- case "d3": //璺緞鍒嗘瀽
- this.closePipelinePop();
- this.isRouter = !this.isRouter;
- let value;
- if (this.isRouter) {
- value = {
- name: "Analysis",
- id: 3,
- show: true,
- };
- } else {
- value = {
- name: "Analysis",
- id: 3,
- show: false,
- };
- }
- this.$bus.$emit("mapChangeBox", value);
- break;
- case "d4": //鍓栭潰鍒嗘瀽
- this.closePipelinePop();
- if (window.AnalysisDXPM) {
- window.AnalysisDXPM.end && window.AnalysisDXPM.end("cancel");
- this.clear(res);
- } else {
- this.addterrainSectionAnalysis();
- }
- break;
- case "d5": //娲按娣规病鍒嗘瀽
- this.closePipelinePop();
- if (window.AnalysisFlood) {
- this.clear(res);
- } else {
- this.addAnalysisFlood();
- }
- break;
- case "d6": //鍦熸柟閲忓垎鏋�
- this.closePipelinePop();
- if (window.TFvolumetricMeasurementTool) {
- TFvolumetricMeasurementTool.cleanUp();
- if (TFvolumetricMeasurementTool._mouseHandler) {
- TFvolumetricMeasurementTool._mouseHandler.destroy();
- TFvolumetricMeasurementTool = null;
- Viewer._container.style.cursor = "default";
- return;
- }
- TFvolumetricMeasurementTool = null;
- this.$refs.mapinfo && this.$refs.mapinfo.close();
- } else {
- var that = this;
- window.TFvolumetricMeasurementTool =
- sgworld.Creator.createVolumetricMeasureTool();
- TFvolumetricMeasurementTool.startDrawing(
- { ...this.colorAll, onlyTerrain: false },
- "auto",
- (data) => {
- if (TFvolumetricMeasurementTool.popupData) {
- TFvolumetricMeasurementTool.popupData.value = `濉柟锛�${data.volume.fill.toFixed(4) + data.unit.fill
- }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
- } else {
- data.id = sgworld.Core.getuid();
- this.measureData.set(data.id, TFvolumetricMeasurementTool);
- let popupData = that.openMeasureResultInfo("浣撶Н鏂归噺", data);
- TFvolumetricMeasurementTool.popupData = popupData;
- }
- }
- );
- }
- break;
- case "d7": //涓夌淮鎴潰鍒嗘瀽
- this.closePipelinePop();
- // if(window.MXModel) {
- // Viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
- // window.MXModel=null;
- // } else {
- var that = this;
- that.modelClip = !that.modelClip;
- if (that.modelClip) {
- // that.$store.state.propertiesFlag = '3';
- if (window.model) {
- that.modelClipping();
- }
- else {
- var tileset = Viewer.scene.primitives.add(
- new Cesium.Cesium3DTileset({
- name: res.cnName,
- url: modelUrl + "/tileset/m/SN/tileset.json",
- maximumScreenSpaceError: modelUrl.indexOf("/pnts/") > -1 ? 16 : 64, // 鏈�澶у睆骞曠┖闂撮敊璇細16
- maximumMemoryUsage: 768, // 鏈�澶у唴瀛橈細512
- dynamicScreenSpaceError: true, // 鍑忓皯绂荤浉鏈鸿緝杩滅殑灞忓箷绌洪棿閿欒锛歠alse
- skipLevelOfDetail: true, // 鍦ㄩ亶鍘嗘椂鍊欒烦杩囪鎯咃細false
- })
- );
- tileset.readyPromise.then((tileset) => {
- tileset.id = res.cnName;
- tileset.layerId = res.id;
- Viewer.flyTo(tileset);
- that.modelClipping();
- });
- window.model = tileset
- }
- }
- else {
- // that.$store.state.propertiesFlag = '';
- Viewer.entities.removeAll();
- }
- // window.model = sgworld.Creator.create3DTilesets(
- // "",
- // modelUrl + "/tileset/m/SN/tileset.json",
- // {},
- // {},
- // "0",
- // true,
- // (data) => {
- // sgworld.Navigate.flyToObj(data);
- // that.setclippingModel();
- // }
- // );
-
- break;
- case "d9": //绠￠亾鍒嗘瀽
- this.isPiple = !this.isPiple;
- if (this.isPiple) {
- this.$store.state.mapPopBoxFlag = "3";
- this.$refs &&
- this.$refs.queryinfo &&
- this.$refs.queryinfo.open("绠￠亾绌洪棿鍒嗘瀽", null, {
- close: () => {
- if (this.$store.state.pipelineEntity.length != 0) {
- for (var i in this.$store.state.pipelineEntity) {
- sgworld.Viewer.entities.remove(
- this.$store.state.pipelineEntity[i]
- );
- }
- }
- },
- });
- } else {
- this.$refs &&
- this.$refs.queryinfo &&
- this.$refs.queryinfo.close("queryinfo");
- }
-
- break;
- case "d8": //褰卞儚瀵规瘮
- this.closePipelinePop();
- if (this.isContrastFlag == false) {
- this.isContrastFlag = true;
- var localUrl = 'http://{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png'
- localUrl = localUrl.replace("{host}", iisHost)
- window.contRastLayer = Viewer.imageryLayers.addImageryProvider(
- new Cesium.UrlTemplateImageryProvider({
- url: localUrl,
- maximumLevel: 22,
- enablePickFeatures: false
- })
- );
- Viewer.imageryLayers.lowerToBottom(window.contRastLayer);//灏嗗浘灞傜Щ鍒版渶搴曞眰
-
- Viewer.imageryLayers.raise(window.contRastLayer);//灏嗗浘灞備笂绉讳竴灞�
- if (window.BaseMapLayer) {
- Viewer.imageryLayers.raise(window.contRastLayer);//灏嗗浘灞備笂绉讳竴灞�
- sgworld.Analysis.createCurtainContrast(1, 2);
- } else {
- sgworld.Analysis.createCurtainContrast(0, 1);
- }
-
- } else {
- this.isContrastFlag = false;
- sgworld.Analysis.clearCurtainContrast();
- if (window.contRastLayer) {
- window.Viewer.imageryLayers.remove(
- window.contRastLayer
- );
- window.contRastLayer = null;
- }
- }
- break;
- case "d10": //鍦伴潰鏁村钩
- this.closePipelinePop();
- var val = {
- name: "Trrain",
- id: res,
- };
- this.$bus.$emit("mapChangeBox", val);
- // if (this.DXZPState != null) {
- // this.DXZPState.drawHandler && this.DXZPState.drawHandler.destroy();
- // Viewer._container.style.cursor = "default";
- // this.DXZPState.tooltip && this.DXZPState.tooltip.show(false);
- // if (window.DXTerrainFlattening != null) {
- // DXTerrainFlattening.remove();
- // }
- // window.DXTerrainFlattening = null;
- // this.DXZPState = null;
- // } else {
- // this.DXZPState = sgworld.Creator.createSimpleGraphic(
- // "polygon",
- // {
- // clampToGround: true,
- // },
- // function (entity) {
- // let positions = entity.polygon.hierarchy.getValue().positions;
- // sgworld.Creator.SimpleGraphic.remove(entity.id);
- // window.DXTerrainFlattening =
- // sgworld.Creator.createTerrainModifier(
- // "鍦板舰鍘嬪钩",
- // positions,
- // 10,
- // {}
- // );
- // }
- // );
- // }
-
- break;
-
- case "d11": //鍦板舰寮�鎸�
- this.closePipelinePop();
- // this.$refs &&
- // this.$refs.terrainDig &&
- // this.$refs.terrainDig.open("绠￠亾绌洪棿鍒嗘瀽", null, {
- // close: () => {
-
- // },
- // });
- if (window.Excavation) {
- window.Excavation.drawHandler &&
- window.Excavation.drawHandler.destroy();
- Viewer._container.style.cursor = "default";
- window.Excavation.tooltip && window.Excavation.tooltip.show(false);
- window.Excavation.clear();
- window.Excavation = null;
- } else {
- window.Excavation = sgworld.Analysis.TerrainExcavation(
- 10,
- {},
- function () { }
- );
- }
- break;
-
- case "d12": //閫氳鍒嗘瀽
- this.closePipelinePop();
- if (window.TSExcavation != null) {
- window.TSExcavation._SimpleGraphic.drawHandler &&
- window.TSExcavation._SimpleGraphic.drawHandler.destroy();
- Viewer._container.style.cursor = "default";
- window.TSExcavation._SimpleGraphic.tooltip &&
- window.TSExcavation._SimpleGraphic.tooltip.show(false);
-
- window.TSExcavation.deleteObject();
- window.TSExcavation = null;
- } else {
- window.TSExcavation = sgworld.Analysis.createSightLine({
- type: "default",
- });
- }
- break;
- case "d13": //瑙嗗煙鍒嗘瀽
- this.closePipelinePop();
- if (window.SYExcavatio) {
- window.SYExcavatio.end && window.SYExcavatio.end();
- window.SYExcavatio.close();
- window.SYExcavatio = null;
- } else {
- var SYFX_visible_color = { r: 0.0, g: 1.0, b: 0.0 },
- SYFX_notVisible_color = { r: 1.0, g: 0.0, b: 0.0 };
- window.SYExcavatio = sgworld.Analysis.create3DViewshed({
- name: "Viewshed On Frederick",
- height: 1.8,
- color: {
- Back: SYFX_notVisible_color,
- Fore: SYFX_visible_color,
- },
- isSpherical: "",
- });
- }
- break;
- case "d14": //鍦嗗舰鏃跺煙鍒嗘瀽
- this.closePipelinePop();
- if (window.YXSYExcavation) {
- window.YXSYExcavation.end && window.YXSYExcavation.end();
- window.YXSYExcavation.close();
- window.YXSYExcavation = null;
- } else {
- var SYFX_visible_color = { r: 0.0, g: 1.0, b: 0.0 },
- SYFX_notVisible_color = { r: 1.0, g: 0.0, b: 0.0 };
- window.YXSYExcavation = sgworld.Analysis.create3DViewshed({
- name: "Viewshed On Frederick",
- height: 1.8,
- color: {
- Back: SYFX_notVisible_color,
- Fore: SYFX_visible_color,
- },
- isSpherical: "spherical",
- });
- }
-
- break;
- }
- },
-
- //妯″瀷瑁佸垏
- modelClipping() {
- const scene = Viewer.scene;
- let targetY = 40.0;
- let planeEntities = [];
- let selectedPlane;
- let clippingPlanes = new Cesium.ClippingPlaneCollection({
- planes: [ // ClippingPlane瀵硅薄鏁扮粍闆嗗悎
- new Cesium.ClippingPlane( // 瑁佸垏闈�
- new Cesium.Cartesian3(0.0, 0.0, -1.0), // 娉曠嚎鏂瑰悜
- 0// 鍘熺偣鍒板钩闈㈢殑鏈�鐭窛绂伙紝璁剧疆0灏卞ソ
- ),
- ],
- enabled: true,
- edgeWidth: 1.0, // 妯″瀷琚鍒囬儴鍒嗙殑鎴潰绾垮
- });
- // let clippingPlanes = new Cesium.ClippingPlaneCollection({
- // planes: [ // ClippingPlane瀵硅薄鏁扮粍闆嗗悎
- // //鍓嶅悗鍒囧壊
- // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 1, 0), 0), //鍚�
- // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, -1, 0), 0), //鍓�
- // // 宸﹀彸鍒囧壊
- // new Cesium.ClippingPlane(new Cesium.Cartesian3(1.0, 0.0, 0), 0), //宸�
- // new Cesium.ClippingPlane(new Cesium.Cartesian3(-1.0, 0.0, 0), 0), //鍙�
- // // 涓婁笅鍒囧壊
- // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 0.0, -1), 0), //涓娾啋涓�
- // // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 0.0, 1), 0), //涓嬧啋涓娿��
- // ],
- // enabled: true,
- // edgeWidth: 1.0, // 妯″瀷琚鍒囬儴鍒嗙殑鎴潰绾垮
- // unionClippingRegions: true, //true 鎵嶈兘澶氫釜鍒囧壊
- // });
- let boundingSphere = window.model.boundingSphere;
- // 鍒涘缓涓�涓潗鏍囪酱锛屼究浜庢祴璇�
- // var transform = Cesium.Transforms.eastNorthUpToFixedFrame(boundingSphere.center);
- // var modelMatrixPrimitive = Viewer.scene.primitives.add(new Cesium.DebugModelMatrixPrimitive({
- // // modelMatrix: transform,
- // length: 140.0
- // }));
-
- // // 鍒涘缓娣诲姞瑁佸壀骞抽潰
- for (let i = 0; i < clippingPlanes.length; ++i) {
- const plane = clippingPlanes.get(i);
- const planeEntity = Viewer.entities.add({
- position: boundingSphere.center,
- plane: {
- dimensions: new Cesium.Cartesian2(
- boundingSphere.radius * 1.5,
- boundingSphere.radius * 1.5
- ),//鍒囬潰鐨勯暱鍜屽
- material: Cesium.Color.WHITE.withAlpha(0.1),
- plane: new Cesium.CallbackProperty(
- // 娣诲姞缁戝畾浜嬩欢锛屼笉鏂皟鐢�
- createPlaneUpdateFunction(plane),
- false
- ),
- outline: true,
- outlineColor: Cesium.Color.WHITE,
- },
- });
- planeEntities.push(planeEntity);
- }
- // 鍒涘缓娣诲姞瑁佸壀骞抽潰
- // let m_box;
- // for (let i = 0; i < clippingPlanes.length; ++i) {
- // let plane = clippingPlanes.get(i);
- // let getPlaneType = getType4Plane(plane);
- // let planeEntity = Viewer.entities.add({ //娣诲姞骞抽潰瀹炰綋 鐩磋瑁佸垏闈�
- // id: 'ClipPlane' + i,
- // position: boundingSphere.center,// 鏍规嵁3dtiles鍚屾璋冩暣瑁佸垏闈㈤珮搴�
- // plane: {
- // dimensions: new Cesium.Cartesian2(80, 80),//鍒囬潰鐨勯暱鍜屽
- // plane: new Cesium.CallbackProperty(createPlaneUpdateFunction_box(plane, getPlaneType, boundingSphere.center), false),
- // material: Cesium.Color.WHITE.withAlpha(0.2),
- // outline: false,
- // outlineColor: Cesium.Color.WHITE,
- // }
- // });
- // if (!m_box) {
- // m_box = Viewer.entities.add({
- // id: 'ClopBox',
- // modelMatrixPrimitive: modelMatrixPrimitive,
- // position: boundingSphere.center,
- // box: {
- // dimensions: new Cesium.Cartesian3(boundingSphere.radius * 1.2, boundingSphere.radius * 1.2, 40),
- // material: Cesium.Color.WHITE.withAlpha(0.3),
- // }
- // })
- // }
- // }
- window.model.clippingPlanes = clippingPlanes;
- if (window.modelHeight && window.modelHeight != 0) {
- // console.log("window.modelHeight---",window.modelHeight)
- window.model.clippingPlanes.modelMatrix = Cesium.Matrix4.fromTranslation(
- new Cesium.Cartesian3(0.0, 0.0, window.modelHeight)
- );
- }
- // 缁戝畾涓婄Щ鍔ㄤ簨浠�
- const downHandler = new Cesium.ScreenSpaceEventHandler(
- Viewer.scene.canvas
- );
- downHandler.setInputAction(function (movement) {
- const pickedObject = scene.pick(movement.position);
- if (
- Cesium.defined(pickedObject) &&
- Cesium.defined(pickedObject.id.plane)
- ) {
- selectedPlane = pickedObject.id.plane;
- selectedPlane.material = Cesium.Color.WHITE.withAlpha(0.05);
- selectedPlane.outlineColor = Cesium.Color.WHITE;
- scene.screenSpaceCameraController.enableInputs = false;
- }
- }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
-
- // 缁戝畾涓嬬Щ鍔ㄤ簨浠�
- const upHandler = new Cesium.ScreenSpaceEventHandler(
- Viewer.scene.canvas
- );
- upHandler.setInputAction(function () {
- if (Cesium.defined(selectedPlane)) {
- selectedPlane.material = Cesium.Color.WHITE.withAlpha(0.1);
- selectedPlane.outlineColor = Cesium.Color.WHITE;
- selectedPlane = undefined;
- }
- scene.screenSpaceCameraController.enableInputs = true;
- }, Cesium.ScreenSpaceEventType.LEFT_UP);
- // Update plane on mouse move
- const moveHandler = new Cesium.ScreenSpaceEventHandler(
- Viewer.scene.canvas
- );
- moveHandler.setInputAction(function (movement) {
- if (Cesium.defined(selectedPlane)) {
- const deltaY = movement.startPosition.y - movement.endPosition.y;
- targetY += deltaY;
- // console.log("targetY----",targetY)
- }
- }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
- function createPlaneUpdateFunction(plane) {
- return function () {
- plane.distance = targetY;
- // console.log("targetY----",targetY)
- return plane;
- };
- }
- //鑾峰彇鍒囬潰鐨則ype // 涓娿�佷笅銆佸乏銆佸彸銆佸墠銆佸悗
- function getType4Plane(plane) {
- var m_type;
- var normal = plane._normal;
- var x = normal.x;
- var y = normal.y;
- var z = normal.z;
- if (x == 1 && y == 0 && z == 0) {
- m_type = 'left';
- }
- else if (x == -1 && y == 0 && z == 0) {
- m_type = 'right';
- }
- else if (x == 0 && y == 1 && z == 0) {
- m_type = 'behind';
- }
- else if (x == 0 && y == -1 && z == 0) {
- m_type = 'front';
- }
- else if (x == 0 && y == 0 && z == -1) {
- m_type = 'top';
- }
- return m_type;
- }
- function createPlaneUpdateFunction_box(plane, type, origin) {
- return function () {
- var num_x = window.localStorage.getItem('slider_x') / 100000;
- var num_y = window.localStorage.getItem('slider_y') / 100000;
- var num_z = window.localStorage.getItem('slider_z') / 1.5;//璇诲彇婊戝姩鏉″��
- var origin_degree = cartesian3ToDegrees(origin);
- var target_degree_x = [origin_degree[0] + num_x, origin_degree[1], +origin_degree[2]];
- var target_degree_y = [origin_degree[0], origin_degree[1] + num_y, +origin_degree[2]];
- var target_degree_z = [origin_degree[0], origin_degree[1], +origin_degree[2] + num_z];
- var m_dis_x = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_x[0], target_degree_x[1], target_degree_x[2]));
- var m_dis_y = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_y[0], target_degree_y[1], target_degree_y[2]));
- var m_dis_z = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_z[0], target_degree_z[1], target_degree_z[2]));
- createPlanePos(origin_degree, num_x, num_y, num_z);
- let distance = 140;
- if (type == 'left') {
- if (num_x < 0) {
- plane.distance = distance - (-m_dis_x);
- return plane;
- } else {
- plane.distance = distance - m_dis_x
- return plane;
- }
- }
- else if (type == 'behind') {
- if (num_y < 0) {
- plane.distance = distance - (-m_dis_y);
- return plane;
- } else {
- plane.distance = distance - m_dis_y;
- return plane;
- }
- }
- else if (type == 'right') {
- if (num_x < 0) {
- plane.distance = distance - m_dis_x;
- return plane;
- } else {
- plane.distance = distance - (-m_dis_x);
- return plane;
- }
- }
- else if (type == 'front') {
- if (num_y < 0) {
- plane.distance = distance - m_dis_y;
- return plane;
- } else {
- plane.distance = distance - (-m_dis_y);
- return plane;
- }
- }
- else if (type == 'top') {
- if (num_z < 0) {
- plane.distance = m_dis_z;
- // console.log('num_z=========',num_z)
- // console.log('m_dis_z=========',m_dis_z)
- // plane.distance = distance - m_dis_z;
- return plane;
- } else {
- // plane.distance = 100;
- plane.distance = distance - (-m_dis_z);
- return plane;
- }
- }
- return plane;
- };
- }
-
- function createPlanePos(origin, x, y, z) {
- var clipbox = Viewer.entities.getById('ClopBox');
- if (clipbox) {
- clipbox.position = new Cesium.CallbackProperty(function () {
- return Cesium.Cartesian3.fromDegrees(origin[0] + x, origin[1] + y, +origin[2] + z);//瀹炴椂杩斿洖褰撳墠鐩掑瓙鐨勪綅缃�
- }, false);
- }
- }
- function cartesian3ToDegrees(cartesian3) {
- var ellipsoid = Viewer.scene.globe.ellipsoid;
- var cartographic = ellipsoid.cartesianToCartographic(cartesian3);
- var lat = Cesium.Math.toDegrees(cartographic.latitude);
- var lng = Cesium.Math.toDegrees(cartographic.longitude);
- var alt = cartographic.height;
- var pos = [lng, lat, alt];
- return pos;
- }
-
- },
-
- //鍏抽棴绠￠亾淇℃伅寮圭獥
- closePipelinePop() {
- this.$refs &&
- this.$refs.queryinfo &&
- this.$refs.queryinfo.close("queryinfo");
- },
- setclippingModel() {
- if (window.model) {
- setTimeout(() => {
- window.model.clippingModel({
- direction: "z",
- });
- }, 1000);
- // window.model.clippingModel({
- // direction: 'z',
- // });
- }
- },
- clear(res) {
- switch (res) {
- case "d4":
- layer.close(this.dxpmIndex);
- this.dxpmIndex = undefined;
- if (window.AnalysisDXPM) {
- window.AnalysisDXPM.flyPoint &&
- Viewer.entities.remove(window.AnalysisDXPM.flyPoint);
- window.AnalysisDXPM && window.AnalysisDXPM.deleteObject();
- window.AnalysisDXPM = undefined;
- }
- break;
- case "d5":
- window.AnalysisFlood.endWater();
- window.AnalysisFlood = undefined;
- break;
- }
- },
- addAnalysisFlood() {
- var url = window.location.href;
- var testurl = "";
- if (url.indexOf("web") != -1) {
- testurl = "/web";
- }
- var method = {
- pointSelect: true,
- spood: 20,
- GroupID: 0,
- url: testurl + "/SmartEarthSDK/Workers/image/33.gif",
- };
- window.AnalysisFlood = sgworld.Command.execute(
- 2,
- 2,
- method,
- (value) => { }
- );
- },
- addterrainSectionAnalysis() {
- window.AnalysisDXPM = sgworld.Command.execute(
- 2,
- 6,
- { cyjj: 50, objid: 0 },
- (Distance) => {
- if (Distance.gcs && Distance.gcs.length) {
- var url = window.location.href;
- var testurl = "";
- if (url.indexOf("web") != -1) {
- testurl = "/web";
- }
- window.AnalysisDXPM.analyseData = Distance;
- this.dxpmIndex = layer.open({
- type: 2,
- title: "鍒嗘瀽缁撴灉",
- shade: false,
- area: ["80%", "280px"],
- offset: "b",
- skin: "other-class",
- content:
- testurl + "/SmartEarthSDK/Workers/analysis/AnalysisDXPM.html",
- end: () => {
- this.dxpmIndex && this.clear("d4");
- },
- });
- } else {
- //鍓栭潰
- window.AnalysisDXPM && window.AnalysisDXPM.deleteObject();
- }
- }
- );
- },
- setWander(res) {
- switch (res) {
- case "c1":
- if (window.PointMY != null) {
- window.PointMY.drawHandler && window.PointMY.drawHandler.destroy();
- window.PointMY.end && window.PointMY.end();
- window.PointMY = null;
- } else {
- window.PointMY = window.sgworld.Analysis.setPointFly();
- }
- break;
- case "c2":
- var url = window.location.href;
- var testurl = "";
- if (url.indexOf("web") != -1) {
- testurl = "/web";
- }
- window.sgworld.Command.execute(2, 3, "", (data) => {
- data.showPoint = false;
- data.showLine = true;
- data.mode = 0;
- // 寮圭獥鏁版嵁
- window.PathAnimationData = {
- flyData: data,
- };
- window.PathAnimationData.winIndex = layer.open({
- type: 2,
- title: "璺緞鍔ㄧ敾",
- shade: false,
- area: ["352px", "690px"],
- offset: "r",
- skin: "other-class",
- content: testurl + "/SmartEarthSDK/Workers/path/Path.html",
- end: function () {
- PathAnimationData.fly && PathAnimationData.fly.exit();
- },
- });
- });
- break;
- case "c3":
- sgworld.Analysis.createindoormode({ showHelp: true });
- break;
- case "c4":
- window.sgworld.Analysis.createScreenshot();
- break;
- }
- },
- setOrientation(res) {
- var resid;
- switch (res) {
- case "f1":
- resid = 1;
- break;
- case "f2":
- resid = 2;
- break;
- }
- var val = {
- name: "Coord",
- id: resid,
- };
- this.$bus.$emit("mapChangeBox", val);
- },
- setViewport(res) {
- switch (res) {
- case "b1": //鍒嗗睆
- this.$bus.$emit("changemap", 1);
- break;
- case "b2": //浜岀淮
- this.$bus.$emit("changemap", 2);
- break;
- case "b3": //涓夌淮
- this.$bus.$emit("changemap", 3);
- break;
- case "b4": //鍏ㄥ浘
- window.sgworld.Navigate.jumpTo({
- //璺宠浆瑙嗚
- destination: new Cesium.Cartesian3.fromDegrees(110, 32, 8000000),
- });
- window.map
- .getView()
- .setCenter(transform([110, 32], "EPSG:4326", "EPSG:3857"));
- window.map.getView().setZoom(4);
- break;
- case "b5": //鏀惧ぇ
- window.sgworld.Navigate.zoomIn();
- // 鑾峰彇褰撳墠瑙嗗浘
- var zoom = window.map.getView().getZoom(); // 鑾峰彇褰撳墠缂╂斁绾у埆
- window.map.getView().setZoom(zoom + 1); // 璁剧疆缂╂斁绾у埆
-
- break;
- case "b6": //缂╁皬
- window.sgworld.Navigate.zoomOut();
- var zoom = window.map.getView().getZoom(); // 鑾峰彇褰撳墠缂╂斁绾у埆
- window.map.getView().setZoom(zoom - 1); // 璁剧疆缂╂斁绾у埆
- break;
- case "b7": //姣斾緥灏�
- this.isRuler = !this.isRuler;
- window.sgworld.navControl("scale", this.isRuler);
- if (this.isRuler == true) {
- this.scaleLine = new ScaleLine({
- units: "metric",
- });
- window.map.addControl(this.scaleLine);
- } else {
- window.map.removeControl(this.scaleLine);
- this.scaleLine = false;
- }
- break;
- case "b8": //鎸囧寳閽�
- this.isNaviget = !this.isNaviget;
- window.sgworld.navControl("nav", this.isNaviget);
- this.$store.state.isNaviget = this.isNaviget;
- break;
- case "b9": //鍦颁笅妯″紡
- // this.UndergroundMode = !this.UndergroundMode;
- // window.sgworld.Analysis.UndergroundMode(this.UndergroundMode, 0.3);
- if (window.UndergroundMode) {
- this.$refs &&
- this.$refs.undergroundModel &&
- this.$refs.undergroundModel.close();
- } else {
- this.$refs &&
- this.$refs.undergroundModel &&
- this.$refs.undergroundModel.open("鍦颁笅妯″紡", null,);
- }
-
- break;
- }
- },
- setCoverage(res) {
- switch (res) {
- case "a1":
- if (this.$store.state.layerMnage == false) {
- this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll();
- this.$refs && this.$refs.maplayer && this.$refs.maplayer.open();
- this.$store.state.layerMnage = true;
- } else if (this.$store.state.layerMnage == true) {
- this.$bus.$emit("treeDataCopy", "true");
- this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll();
- this.$store.state.layerMnage = false;
- }
-
- break;
- }
- },
- menuChange(res) {
- this.setListTwoMenu = this.setListTwoMenuAll[res];
- },
- async layersStart() {
- const data = await perms_selectLayers();
- if (data.code != 200) {
- return this.$message.error("鍥惧眰鍒楄〃鏌ヨ澶辫触");
- }
-
- var std = data.result;
- var that = this;
- var checkKey = [];
- let checkedLayers = [];
- this.$store.state.isProjectLayer = [];
-
- var val = std.filter((str) => {
- if (str.type == 1) {
- return str;
- }
- if (str.url != null && str.type == 2) {
- if (str.isShow == 1) {
- checkKey.push(str.id);
- }
- return str;
- }
- });
- var value = std.filter((str) => {
- if (str.url != null && str.type == 2 && str.isShow == 1) {
- return str;
- }
-
- })
- var layer = std.filter((str) => {
- if (str.isProject == 1 && str.type == 2) {
- this.$store.state.isProjectLayer.push(str);
- }
- })
-
- this.setAddLayers(value);
- var res = this.setTreeData(val);
- this.$store.state.pigCode = null;
- //瀛樺偍閫変腑鍥惧眰
- // sessionStorage.setItem("checkedLayers", JSON.stringify(checkedLayers));
-
- // for (var i in res) {
- // res[i].children = res[i].children.filter((val) => {
- // if (val.children != null) {
- // return val;
- // }
- // });
- // }
- this.$store.state.oldTree = val;
- this.$store.state.treeData = res;
-
- this.$store.state.checkedKeys = checkKey;
- },
- setTreeData(source) {
- let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
- return cloneData.filter((father) => {
- // 寰幆鎵�鏈夐」
- let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
- if (branchArr.length > 0) {
- branchArr.sort(function (a, b) {
-
- return a.orderNum - b.orderNum
- })
- }
- branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
- // 灞炰簬鍚屼竴瀵硅薄闂锛屼緥濡傦細浠� a=b銆乧=1 锛岀劧鍚庡啀浠� b.c=c 锛� 閭ｄ箞 a.c=b.c=c=1 锛涘悓鐞嗭紝鍚庣画浠� c.d=2 ,閭ｄ箞 a.c.d 涔熸槸=2锛�
- // 鐢辨寰幆澶氭鍚庯紝灏辫兘褰㈡垚鐩稿簲鐨勬爲褰㈡暟鎹粨鏋�
- return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
- });
- },
- setAddLayers(res) {
- this.setClearWmsLayer()
- var std = [[]];
- for (var i in res) {
- switch (res[i].serveType) {
- case "WMS":
- std[0].push(res[i])
- break;
- }
- }
- if (std[0].length != 0) {
- if (this.$store.state.pigCode) {
-
- this.setPrjidWmsLayer(std[0])
- } else {
-
- this.setAddWmsLayer(std[0])
- }
-
- }
- },
- setPrjidWmsLayer(res) {
- var layer = [];
- var sql = [];
- var dirid = this.$store.state.pigCode
- var that = this;
- for (var i in res) {
- layer.push(res[i].url)
-
- if (res[i].isProject == 1) {
- var val = "dirid like '" + dirid + "%'"
- sql.push(val)
- } else {
- sql.push("1 = 1")
- }
- }
- layer = layer.reverse();
- sql = sql.reverse().join(";")
- var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("html", null, function (html) {
-
- that.getFeatureInfo(html)
- });
- window.layerWMS = new Cesium.WebMapServiceImageryProvider({
- url: geoServerURl,
- layers: layer.toString(),
- getFeatureInfoParameters: { info_format: 'text/html' },
- enablePickFeatures: true,
- getFeatureInfoFormats: [getFeatureInfoFormat],
- parameters: {
- transparent: true,
- format: "image/png",
- srs: "EPSG:4490",
- styles: "",
- cql_filter: sql
- },
- tileWidth: 512,
- tileHeight: 512,
- });
- layerWMS.name = "Wms_Layer";
-
- window.Viewer.imageryLayers.addImageryProvider(window.layerWMS);
- var layer2 = new Image({
- name: "Wms_Layer",
- source: new ImageWMS({
- crossOrigin: "anonymous",
- url: geoServerURl,
- params: {
- FORMAT: "image/png",
- VERSION: "1.1.1",
- LAYERS: layer.toString(),
- cql_filter: sql
- },
- }),
- });
- if (res.opacity) {
- layer2.setOpacity(parseInt(res.opacity) / 100);
- }
- window.map.addLayer(layer2);
- },
-
-
-
- setClearWmsLayer() {
- for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) {
- var val_id = window.Viewer.imageryLayers._layers[i].imageryProvider.name;
- if (val_id == "Wms_Layer") {
- window.Viewer.imageryLayers.remove(
- window.Viewer.imageryLayers._layers[i]
- );
- }
- }
- var layers_ol = window.map.getAllLayers();
- for (var i in layers_ol) {
- var layerOl = layers_ol[i];
- if (layerOl.values_.name == "Wms_Layer") {
- window.map.removeLayer(layers_ol[i]); //鏄剧ず鍥惧眰
- }
- }
- },
- setAddWmsLayer(res) {
-
- var url = [];
- for (var i in res) {
- if (res[i].url) {
- url.push(res[i].url)
- }
- }
-
- url = url.reverse();
- var that = this;
- var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("html", null, function (html) {
- that.getFeatureInfo(html)
- });
- window.layerWMS = new Cesium.WebMapServiceImageryProvider({
- url: geoServerURl,
- layers: url.toString(),
- getFeatureInfoParameters: { info_format: 'text/html' },
- enablePickFeatures: true,
- getFeatureInfoFormats: [getFeatureInfoFormat],
- parameters: {
- transparent: true,
- format: "image/png",
- srs: "EPSG:4490",
- styles: "",
- },
- tileWidth: 512,
- tileHeight: 512,
- });
- layerWMS.name = "Wms_Layer";
- window.Viewer.imageryLayers.addImageryProvider(window.layerWMS);
- var layer2 = new Image({
- name: "Wms_Layer",
- source: new ImageWMS({
- crossOrigin: "anonymous",
- url: geoServerURl,
- params: {
- FORMAT: "image/png",
- VERSION: "1.1.1",
- LAYERS: url.toString(),
- },
- }),
- });
- if (res.opacity) {
- layer2.setOpacity(parseInt(res.opacity) / 100);
- }
- window.map.addLayer(layer2);
- },
- async getFeatureInfo(html) {
- var start = html.indexOf("<caption class=\"featureInfo\">") + "<caption class=\"featureInfo\">".length;
- var end = html.indexOf("</caption>");
- var tab = html.substr(start, end - start);
- start = html.lastIndexOf(tab) + tab.length + 1;
- end = html.indexOf("</td>", start);
- var gid = html.substr(start, end - start);
-
- if (gid && tab) {
- this.$store.state.pickoption = {
- gid: gid,
- name: tab.replaceAll("_", "")
- }
- if (tab == 'm_surface_deformation_data') {
- this.$store.state.surfaceDeForm.flag = true;
- this.$store.state.surfaceDeForm.gid = gid;
- } else {
- this.$store.state.surfaceDeForm.flag = false;
- this.$store.state.surfaceDeForm.gid = null;
- }
- const res = await dataQuery_selectTabByEntity({
- name: this.$store.state.pickoption.name
- })
-
- if (res.code != 200) {
- return;
- }
- var value = res.result.split('.')
- this.$store.state.propertiesName = {
- ns: value[0],
- enName: value[1],
- tabDesc: '鎷惧彇淇℃伅'
- }
- var name = this.$store.state.pickoption.name;
- const data = await inquiry_selectFields({ name: name })
- if (data.code != 200) {
- this.$message.error("鍒楄〃璋冪敤澶辫触")
- }
- const data1 = await inquiry_selectDomains({ name: name })
- if (data1.code != 200) {
- this.$message.error("鍒楄〃璋冪敤澶辫触")
- }
- this.optionx = []
- this.attributeData = []
- var valadata = data.result
- var laydomain = data1.result
- this.optionx = data1.result
- for (var i in valadata) {
- if (valadata[i].showtype == 1) {
- if (
- valadata[i].domainNa != null &&
- valadata[i].domainNa != undefined
- ) {
- for (var j in laydomain) {
- if (laydomain[j].domName == valadata[i].domainNa) {
- // valadata[i].domainNa = laydomain[j].codeDesc
- }
- }
- }
- // this.optionx.push(valadata[i])
- this.attributeData.push(valadata[i])
- }
- }
-
- this.getTableData()
- }
- },
- //鏍煎紡鍖栨椂闂�
- format(shijianchuo) {
- //shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲
- var time = new Date(shijianchuo);
- var y = time.getFullYear();
- var m = time.getMonth() + 1;
- var d = time.getDate();
- var h = time.getHours();
- var mm = time.getMinutes();
- var s = time.getSeconds();
- return (
- y +
- '-' +
- this.add0(m) +
- '-' +
- this.add0(d) +
- ' ' +
- h +
- ':' +
- mm +
- ':' +
- s
- );
- },
- //鏍煎紡鍖栨椂闂�
- add0(m) {
- return m < 10 ? '0' + m : m;
- },
- async getTableData() {
- this.tableData = []
- const data = await dataQuery_selectByGid(this.$store.state.pickoption)
- if (data.code != 200) {
- return
- }
-
- var valste = data.result
- valste.dirid = valste.dirName;
- valste.depid = valste.depName;
- valste.verid = valste.verName;
- valste.createuser = valste.createName;
- valste.updateuser = valste.updateName;
- if (valste.createtime) {
- valste.createtime = this.format(valste.createtime)
- }
- if (valste.updatetime) {
- valste.updatetime = this.format(valste.updatetime)
- }
-
- for (var j in this.optionx) {
- if (
- this.optionx[j].domainNa != null &&
- this.optionx[j].domainNa != undefined
- ) {
-
- valste[this.optionx[j].field] = this.optionx[j].domainNa
- }
- }
- var arr = {}
- for (var i = (this.attributeData.length - 1); i >= 0; i--) {
- var vla = this.attributeData[i]
-
-
- if (vla.domainNa) {
-
- var val = this.optionx.filter(res => {
- if (res.domName == vla.domainNa && res.domCode == valste[vla.field]) {
- return res;
- }
- })
- var vlue = null
- if (val.length > 0) {
- vlue = val[0].codeDesc
- } else {
- vlue = ''
- }
- arr[vla.alias] = vlue
- } else {
- arr[vla.alias] = valste[vla.field]
- }
- }
-
- arr['eventid'] = valste.eventid
-
-
- this.$store.state.propertiesInfo = arr;
-
- this.$store.state.propertiesFlag = '1'
-
- },
-
- showModelAttach() {
- if (this.$store.state.attachModel) {
- var name = this.$store.state.attachinfo.cnName;
- this.$refs &&
- this.$refs.modelAttach &&
- this.$refs.modelAttach.open(name, null, {
- close: () => { },
- });
- } else {
- }
- },
- async showModelCatch() {
- if (this.$store.state.catModel) {
- this.formInline = {
- title: '',
- file: '',
- name: '',
- type: '',
- info: '',
- icon: '',
- bak: ''
- }
- this.formInline.title = this.$store.state.catModelInfo.name;
- this.formInline.Id = this.$store.state.catModelInfo.id;
- this.formInline.LayerName = this.$store.state.catModelInfo.layerName;
- this.startModelData();
- this.activeName = "first"
- this.getAttacthFlieList();
- this.dialogVisible = true;
- } else {
- this.dialogVisible = false;
- window.pickedFeature.color = window.pickedColor;
- }
- },
- async startModelData() {
- var obj = {
- layerid: this.$store.state.catModelInfo.layerId,
- modelid: this.$store.state.catModelInfo.id
- }
- const data = await comprehensive_selectModelByGuid(obj);
- if (data.code != 200) {
- return;
- }
-
- if (data.result == null) {
- this.isShowModel = true;
- this.formInline.name = this.formInline.title;
- } else {
- this.isShowModel = false;
- this.formInline = data.result;
-
- this.formInline.title = this.formInline.name;
-
- }
- },
- async EditData() {
- const data = await comprehensive_updateModel(this.formInline)
- if (data.code != 200) {
- this.$message.error('淇敼澶辫触');
- } else {
- this.$message({
- message: '淇敼鎴愬姛',
- type: 'success'
- });
- }
- this.startModelData();
- },
- async InsertData() {
- var std = {
- "bak": this.formInline.bak,
- "guid": this.$store.state.catModelInfo.id,
- "layerid": this.$store.state.catModelInfo.layerId,
- "modelid": this.$store.state.catModelInfo.id,
- "name": this.formInline.name,
- "type": this.formInline.type
- }
- const data = await comprehensive_insertModel(std)
- if (data.code != 200) {
- this.$message.error('娣诲姞澶辫触');
- } else {
- this.$message({
- message: '娣诲姞鎴愬姛',
- type: 'success'
- });
- }
- this.startModelData();
-
- },
- handleClose() {
- this.$store.state.catModel = false;
- },
-
- //闄勪欢鍒楄〃鏂板
- setAttachInsert() {
- var token = getToken();
- var fs = document.getElementById("insertFile");
- if (fs.files.length == 0) {
-
- this.$message({
- message: '璇烽�夋嫨瑕佷笂浼犵殑鏂囦欢锛�',
- type: 'warning'
- });
- return;
- }
- const formData = new FormData()
- for (var i = 0, c = fs.files.length; i < c; i++) {
-
- formData.append('file', fs.files[i]); // fs.files[i].name,file
- }
-
- $.ajax(BASE_URL + "/comprehensive/uploadFiles?token=" + token + "&tabName=lf.sys_style&eventid=" + this.$store.state.catModelInfo.id, {
- type: "post",
- data: formData,
- async: true,
- cache: false,
- processData: false,
- contentType: false,
- success: (rs) => {
- this.$message({
- message: '闄勪欢娣诲姞鎴愬姛',
- type: 'success'
- });
- document.getElementById("insertFile").value = "";
- this.formInline.file = "";
- this.getAttacthFlieList();
- },
- error: (e) => {
- document.getElementById("insertFile").value = "";
- this.formInline.file = "";
- this.$message.error('闄勪欢娣诲姞澶辫触');
- }
- });
- },
- //闄勪欢鍒楄〃鏌ヨ
- async getAttacthFlieList() {
- var obj = {
- eventid: this.$store.state.catModelInfo.id,
- tabName: "lf.sys_style"
- };
- const res = await comprehensive_selectFiles(obj);
- if (res.code != 200) {
- this.$message.error('鍒楄〃璋冪敤澶辫触');
- return
- }
- this.tableData = res.result;
- },
-
-
- //闄勪欢=>鏂囦欢閫夋嫨
- getInsertFile() {
- $('#insertFile').click();
- },
- insertFile() {
- var val = document.getElementById('insertFile').files;
- if (!val || !val.length) return;
- this.formInline.file = val[0].name;
- },
- statSizeChange(row, column) {
- return this.stateFormatSizes(row.sizes)
- },
- stateFormatSizes(res) {
- if (res >= 1024) {
- const val = parseFloat(res / 1024).toFixed(3);
- return val + ' GB';
- } else {
- return res + ' MB';
- }
- },
- matchState(state = "", reg) {
- var row = state.row;
- var name = row.name;
- if (name.indexOf('.pdf') != -1
- || name.indexOf('.jpg') != -1
- || name.indexOf('.gif') != -1
- || name.indexOf('.png') != -1
- || name.indexOf('.jpeg') != -1
- || name.indexOf('.PDF') != -1
- || name.indexOf('.JPG') != -1
- || name.indexOf('.GIF') != -1
- || name.indexOf('.PNG') != -1
- || name.indexOf('.JPEG') != -1
- || name.indexOf('.BMP') != -1
- || name.indexOf('.bmp') != -1) {
- return true;
- }
-
- return false;
- },
- refreshAttatchDetail() {
- this.dialog.src = "";
- this.dialog.dialogVisible = false;
- this.dialog.isPdf = false;
- this.dialog.isJpg = false;
- },
- //闄勪欢鏌ョ湅
- setAttatchDetail(index, row) {
- this.refreshAttatchDetail()
- var name = row.name;
- if (name.indexOf('.pdf') != -1 || name.indexOf('.PDF') != -1) {
- this.dialog.dialogVisible = true;
- this.dialog.isPdf = true;
- var url = BASE_URL + "/comprehensive/downloadForView?guid=" + row.guid + "&token=" + getToken();
- this.dialog.src = url
- } else if (
- name.indexOf('.jpg') != -1
- || name.indexOf('.gif') != -1
- || name.indexOf('.png') != -1
- || name.indexOf('.jpeg') != -1
- || name.indexOf('.JPG') != -1
- || name.indexOf('.GIF') != -1
- || name.indexOf('.PNG') != -1
- || name.indexOf('.JPEG') != -1
- || name.indexOf('.BMP') != -1
- || name.indexOf('.bmp') != -1
- ) {
- this.dialog.dialogVisible = true;
- this.dialog.isJpg = true;
- var url = BASE_URL + "/comprehensive/downloadForView?guid=" + row.guid + "&token=" + getToken();
- this.dialog.src = url
- }
- },
- handleClick(tab, event) {
- if (tab.name == "second") {
- this.getAttacthFlieList();
- }
- },
- //闄勪欢鍒櫎
- async setAttachDel() {
- var std = [];
- for (var i in this.attacgSelection) {
- std.push(this.attacgSelection[i].id);
- }
-
- const res = await comprehensive_deletes({ ids: std.toString() });
- if (res.code != 200) {
- this.$message.error('鏂囦欢鍒犻櫎澶辫触');
- }
- this.getAttacthFlieList();
- },
- // 闄勪欢=>琛ㄦ牸閫夋嫨
- handleAttatchChange(val) {
- this.attacgSelection = val;
- },
- //鎷惧彇鏁版嵁鑾峰彇
- async getPickUpData(info) {
- let checkedLayers = JSON.parse(sessionStorage.getItem("checkedLayers"));
- let showPop = false;
- for (const item of checkedLayers) {
- let name = item.url.replaceAll("LF:", "");
- name = name.replaceAll("_", "");
- let params = {
- buffer: 10,
- limit: 20,
- name: name,
- wkt: `POINT (${info.lon} ${info.lat})`,
- }
- const res = await selectByBuffer(params);
- if (res.result && res.result.length > 0) {
- this.$store.state.mapPopBoxFlag = "4";
- this.$store.state.pickUpPointInfo = info;
- this.$refs &&
- this.$refs.queryinfo &&
- this.$refs.queryinfo.open("鎷惧彇鍒嗘瀽", null,);
- showPop = true;
- break;
- }
- }
- if (!showPop) {
- this.$message.warning("鏆傛棤鏁版嵁!");
- }
- },
- showPopBox() {
-
- if (this.$store.state.showPopBoxFlag == true) {
- this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close();
- this.$refs &&
- this.$refs.queryinfo &&
- this.$refs.queryinfo.open("灞炴��", null, {
- close: () => {
- this.$store.state.showPopBoxFlag == false
- if (this.$store.state.primitLayer != null) {
- sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
- this.$store.state.primitLayer = null;
- }
-
- if (window.Viewer.scene.primitives.length != 0) {
- window.Viewer.scene.primitives.removeAll();
- }
- },
- });
- }
- },
- setPellucidity() {
- this.$refs && this.$refs.setPellucidity && this.$refs.setPellucidity.open();
- },
- setDialogInsertVisible(res) {
- this.ruleForm = res;
- this.dialogInsertVisible = true;
- },
- downloadx() {
- this.$bus.$emit("setInsertDown1", this.codeForm)
- this.closeDownx();
- },
- handleCloseDown1() {
- this.$confirm("纭鍏抽棴锛�")
- .then(_ => {
- this.closeDownx();
- })
- .catch(_ => { })
- },
- closeDownx() {
- this.dialogVisible1 = false;
- this.codeForm = {
- password: '',
- repassword: '',
- }
- },
- closeInsertDown() {
- this.ruleForm = {
- depname: [],
- tabs: [],
- pwd: null,
- repwd: null,
- wkt: null,
- descr: null,
- }
- this.dialogInsertVisible = false
- },
- handleInsertClose() {
- this.$confirm("纭鍏抽棴锛�")
- .then(_ => {
- this.closeInsertDown()
- })
- .catch(_ => { })
- },
- getInsertDownz() {
- this.dialogInsertVisible = false;
- // this.dialogVisible1 = true;
- //
-
- this.$bus.$emit("setInsertApply1", this.ruleForm)
- },
- handleExtentClose() {
- this.dialogExtentVisible = false
- this.setExtent = 10;
- },
- handleExtentinsert() {
- this.$bus.$emit("setExtentBUff", this.setExtent)
- this.handleExtentClose();
-
- }
- },
- mounted() {
- this.$bus.$off();
- this.measureData = new Map();
- this.colorAll = {
- point: Cesium.Color.fromCssColorString("#ff0000"),
- polyline: Cesium.Color.fromCssColorString("#ffff00").withAlpha(0.6),
- polygon: Cesium.Color.fromCssColorString("#ffff00").withAlpha(0.6),
- };
- this.$store.state.setAlphaList = []
- this.$bus.$on("setChangeTwoMenu", (res) => {
- if (res == 8) {
- this.setLayerScene();
- } else {
- this.menuChange(res);
- }
- });
- this.$bus.$on("showMenuLayer", ((res) => {
-
- this.setAddLayers(res);
- }));
- this.$bus.$on("showPellucidity", res => {
- this.setPellucidity();
- });
-
-
- this.$store.state.isProjectLayer = [];
- this.$store.state.pigCode = null;
- this.$store.state.showAllLayers = true;
- this.$store.state.layerMnage = false;
- this.$store.state.treeData = null;
- this.$store.state.checkedKeys = [];
- // this.setCoverage("a1");
- this.layersStart();
-
-
- this.$bus.$on("setDialogInsertVisible", (res) => {
- if (res == true) {
- this.dialogVisible1 = true;
- } else {
- this.setDialogInsertVisible(res);
- }
- })
- this.$bus.$on('showExtentLayer', res => {
- this.dialogExtentVisible = res;
- });
-
-
-
-
-
- },
- watch: {
- Obj(newVal, oldVal) {
- this.showModelAttach();
- },
- catch(newVal, oldVal) {
- this.showModelCatch();
- },
- popObj(newVal, oldVal) {
- this.showPopBox();
- }
- },
- computed: {
- Obj() {
- return this.$store.state.attachModel;
- },
- catch() {
- return this.$store.state.catModel;
- },
- popObj() {
- return this.$store.state.showPopBoxFlag;
- }
- },
-};
-</script>
-
-<style lang="less" scoped>
-.menu_Box {
- width: 100%;
- height: 100%;
-
- margin: 0;
- padding: 0;
- overflow-y: auto;
- // text-align: center;
- display: flex;
- flex-wrap: wrap;
- align-content: flex-start;
-
- .leftMen_div {
- font-size: 16px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- border: 1px solid rgba(0, 0, 0, 0);
- padding: 5px;
- min-width: 100px;
- margin-left: 10px;
- margin-top: 10px;
- border-radius: 5px;
- text-align: center;
- }
-
- .leftMen_div:hover {
- background: rgba(64, 158, 255, 0.4);
- border: 1px solid #409eff;
- box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
- border-radius: 5px;
- }
-
- .lefMenuDivActive {
- background: rgba(64, 158, 255, 0.4);
- border: 1px solid #409eff;
- }
-
- .menuTwoImage {
- width: 30px;
- height: 30px;
- display: inline-block;
- }
- .pdfClass {
- height: 63vh;
- width: 100%;
- }
-}
-</style>
+<template>
+ <div class="menu_Box box_div">
+ <div
+ class="leftMen_div"
+ @click="setChangeTwoMenu(item)"
+ v-for="(item, index) in setListTwoMenu"
+ :class="{ lefMenuDivActive: showTwoMenuFlag == item.id }"
+ >
+ <div
+ class="menuTwoImage"
+ :class="item.css"
+ ></div>
+ <div>{{ $t(item.label) }}</div>
+ </div>
+ <mapinfo ref="mapinfo" />
+ <maplayer ref="maplayer" />
+ <queryinfo ref="queryinfo" />
+ <terrainDig ref="terrainDig" />
+ <modelAttach ref="modelAttach" />
+ <undergroundModel ref="undergroundModel" />
+ <setPellucidity ref="setPellucidity" />
+ <input
+ type="file"
+ accept=".kml"
+ class="file"
+ style="display: none"
+ />
+ <input
+ :accept="'.shp, .shx, .dbf, .prj'"
+ style="display: none"
+ ref="pathClear"
+ type="file"
+ name="file"
+ id="shpFile"
+ multiple="multiple"
+ @change="handleOpenShp()"
+ />
+
+ <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="棰勮"
+ :append-to-body="false"
+ :visible.sync="dialog.dialogVisible"
+ width="70%"
+ :modal="false"
+ :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"
+ >
+
+ <el-image
+ style="width:100%; height:100%"
+ :src="dialog.src"
+ :preview-src-list="[dialog.src]"
+ >
+ </el-image>
+
+ </div>
+ </el-dialog>
+ <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-form-item :label="$t('common.name')">
+ <!-- <el-input v-model="formInline.name"></el-input> -->
+ {{formInline.name}}
+ </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-option>
+ </el-select> -->
+ {{formInline.type}}
+ </el-form-item>
+
+ <el-form-item :label="$t('common.bak')">
+ <!-- <el-input v-model="formInline.bak"></el-input> -->
+ {{formInline.bak}}
+ </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-form-item> -->
+
+ </el-form>
+
+ </el-tab-pane>
+ <el-tab-pane
+ label="闄勪欢"
+ name="second"
+ >
+
+ <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"
+ >
+ <template slot-scope="scope">
+ <el-link
+ v-if="matchState(scope, /[]/)"
+ @click="setAttatchDetail(scope.$index, scope.row)"
+ class="elLink"
+ >{{ $t('common.see') }}</el-link>
+
+ </template>
+ </el-table-column>
+ </el-table>
+
+ </el-tab-pane>
+
+ </el-tabs>
+
+ </div>
+ </el-dialog>
+ <el-dialog
+ title="鏁版嵁鐢宠"
+ :visible.sync="dialogInsertVisible"
+ width="30%"
+ top="35vh"
+ :modal="false"
+ :before-close="handleInsertClose"
+ >
+ <div style="width: 100%; max-height: 450px; overflow-y: auto">
+ <el-form
+ ref="form"
+ :model="ruleForm"
+ label-width="100px"
+ >
+ <el-form-item label="瀹℃牳鍗曚綅">
+ <div>
+ <ul>
+ <li v-for="item in ruleForm.depid">
+ {{ item.name }}
+ </li>
+ </ul>
+ </div>
+ </el-form-item>
+ <el-form-item label="琛ㄥ悕">
+ <div>
+ <ul>
+ <li v-for="item in ruleForm.tabs">
+ {{ item.tabDesc }}
+ </li>
+ </ul>
+ </div>
+ </el-form-item>
+ <el-form-item label="鏉′欢">
+ <el-input
+ :title="ruleForm.wkt"
+ v-model="ruleForm.wkt"
+ disabled
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="鎻忚堪">
+ <el-input
+ type="textarea"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="ruleForm.descr"
+ maxlength="50"
+ show-word-limit
+ >
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ class="primary"
+ size="small"
+ @click="getInsertDownz()"
+ >{{
+ $t("common.confirm")
+ }}</el-button>
+ <el-button
+ type="info"
+ size="small"
+ @click="closeInsertDown"
+ >{{
+ $t("common.cancel")
+ }}</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ </el-dialog>
+ <el-dialog
+ :title="$t('common.passworld')"
+ :visible.sync="dialogVisible1"
+ width="30%"
+ top="35vh"
+ :modal="false"
+ :before-close="handleCloseDown1"
+ >
+ <el-form
+ :model="codeForm"
+ :rules="rules"
+ ref="codeForm"
+ label-width="100px"
+ class="codeForm"
+ >
+ <el-form-item
+ :label="$t('common.passworld')"
+ prop="password"
+ >
+ <el-input
+ type="password"
+ v-model="codeForm.password"
+ show-password
+ ></el-input>
+ </el-form-item>
+ <el-form-item
+ :label="$t('common.SPassword')"
+ prop="repassword"
+ >
+ <el-input
+ type="password"
+ v-model="codeForm.repassword"
+ show-password
+ ></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ class="primary"
+ size="small"
+ @click="downloadx('codeForm')"
+ >{{ $t("common.confirm") }}</el-button>
+ <el-button
+ type="info"
+ size="small"
+ @click="closeDownx('codeForm')"
+ >{{
+ $t("common.cancel")
+ }}</el-button>
+ </el-form-item>
+ </el-form>
+ </el-dialog>
+ <el-dialog
+ title="鑼冨洿"
+ :visible.sync="dialogExtentVisible"
+ width="30%"
+ :before-close="handleExtentClose"
+ :modal="false"
+ :lock-scroll="false"
+ :close-on-click-modal="false"
+ >
+
+ <el-row :gutter="20">
+ <el-col :span="16">
+ <el-input v-model="setExtent"></el-input>
+ </el-col>
+ <el-col :span="6">
+ <div>
+ 鍗曚綅锛氾紙m锛�
+ </div>
+ </el-col>
+ </el-row>
+ <span
+ slot="footer"
+ class="dialog-footer"
+ >
+ <el-button @click="handleExtentClose">鍙� 娑�</el-button>
+ <el-button
+ @click="handleExtentinsert"
+ type="primary"
+ >纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import { transform } from "ol/proj";
+import mapinfo from "../Tools/mapinfo.vue";
+import maplayer from "../Tools/maplayer.vue";
+import queryinfo from "../Tools/queryinfo.vue";
+import terrainDig from "../Tools/terrainDig.vue";
+import modelAttach from "../Tools/ModelAttach.vue";
+import undergroundModel from "../Tools/undergroundModel.vue";
+import setPellucidity from "../Tools/setPellucidity.vue";
+import $ from "jquery";
+import { getToken } from "@/utils/auth";
+import ImageWMS from "ol/source/ImageWMS";
+import Image from "ol/layer/Image";
+import GeoJSON from "ol/format/GeoJSON.js";
+import { Vector as VectorSource } from "ol/source";
+import { Vector as VectorLayer } from "ol/layer";
+import {
+ perms_selectLayers,
+ comprehensive_selectModelByGuid,
+ comprehensive_selectFiles,
+ comprehensive_deletes,
+ comprehensive_selectModelByPageAndCount,
+ comprehensive_insertModel,
+ comprehensive_updateModel, selectByBuffer,
+ dataQuery_selectTabByEntity,
+ inquiry_selectDomains,
+ inquiry_selectFields,
+ dataQuery_selectByGid,
+} from '../../api/api.js'
+import {
+ OverviewMap,
+ defaults as defaultControls,
+ FullScreen,
+ ScaleLine,
+ Rotate,
+} from "ol/control.js";
+import * as turf from "@turf/turf";
+import { geometry } from "@turf/turf";
+
+export default {
+ components: { mapinfo, maplayer, queryinfo, terrainDig, modelAttach, undergroundModel, setPellucidity },
+ data() {
+ var repasswordValidator = (rule, value, callback) => {
+ if (value === '') {
+ callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
+ } else if (value !== this.codeForm.password) {
+ callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
+ } else {
+ callback();
+ }
+ };
+ var passwordValidator = (rule, value, callback) => {
+ var passwordreg =
+ /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/;
+ if (!passwordreg.test(value)) {
+ callback(
+ new Error('瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�13-20浣�')
+ );
+ } else {
+ callback();
+ }
+ };
+ return {
+ rules: {
+ password: [{ required: true, message: '璇疯緭鍏ュ瘑鐮�', trigger: 'blur' }, { validator: passwordValidator, trigger: 'blur' }],
+ repassword: [
+ { required: true, message: '璇疯緭鍏ョ‘璁ゅ瘑鐮�', trigger: 'blur' },
+ { validator: repasswordValidator, trigger: 'blur' },
+ ],
+ },
+ codeForm: {
+ password: '',
+ repassword: '',
+ },
+ showTwoMenuFlag: false,
+ setListTwoMenu: [],
+ setListTwoMenuAll: [
+ [
+ {
+ id: "a1",
+ label: "synthesis.layer",
+ name: "鍥惧眰绠＄悊",
+ css: "twoMenu_imge11",
+ },
+ {
+ id: "b1",
+ label: "synthesis.split",
+ name: "鍒嗗睆",
+ css: "twoMenu_imge21",
+ },
+ {
+ id: "b9",
+ label: "synthesis.undergroundMode",
+ name: "鍦颁笅妯″紡",
+ css: "twoMenu_imge29",
+ },
+ // {
+ // id: "b10",
+ // label: "synthesis.undergroundMode",
+ // name: "鐡︾墖涓嬭浇",
+ // css: "twoMenu_imge29",
+ // },
+ ],
+ [
+ {
+ id: "b1",
+ label: "synthesis.split",
+ name: "鍒嗗睆",
+ css: "twoMenu_imge21",
+ },
+ {
+ id: "b2",
+ label: "synthesis.twod",
+ name: "浜岀淮",
+ css: "twoMenu_imge22",
+ },
+ {
+ id: "b3",
+ label: "synthesis.threed",
+ name: "涓夌淮",
+ css: "twoMenu_imge23",
+ },
+ {
+ id: "b4",
+ label: "synthesis.full",
+ name: "鍏ㄥ浘",
+ css: "twoMenu_imge24",
+ },
+ {
+ id: "b5",
+ label: "synthesis.zommin",
+ name: "鏀惧ぇ",
+ css: "twoMenu_imge25",
+ },
+ {
+ id: "b6",
+ label: "synthesis.zoomout",
+ name: "缂╁皬",
+ css: "twoMenu_imge26",
+ },
+ {
+ id: "b7",
+ label: "synthesis.rule",
+ name: "姣斾緥灏�",
+ css: "twoMenu_imge27",
+ },
+ {
+ id: "b8",
+ label: "synthesis.compass",
+ name: "鎸囧寳閽�",
+ css: "twoMenu_imge28",
+ },
+ {
+ id: "b9",
+ label: "synthesis.undergroundMode",
+ name: "鍦颁笅妯″紡",
+ css: "twoMenu_imge29",
+ },
+ ],
+ [
+ {
+ id: "c1",
+ label: "synthesis.someroaming",
+ name: "鐐规极娓�",
+ css: "twoMenu_imge31",
+ },
+ {
+ id: "c2",
+ label: "synthesis.lineroaming",
+ name: "绾胯矾婕父",
+ css: "twoMenu_imge32",
+ },
+ {
+ id: "c3",
+ label: "synthesis.mouseroaming",
+ name: "榧犳爣婕父",
+ css: "twoMenu_imge33",
+ },
+ {
+ id: "c4",
+ label: "synthesis.snapshot",
+ name: "鍦板浘蹇収",
+ css: "twoMenu_imge34",
+ },
+ ],
+ [
+ {
+ id: "d1",
+ label: "synthesis.contouranalysis",
+ name: "绛夐珮绾�",
+ css: "twoMenu_imge41",
+ },
+ {
+ id: "d2",
+ label: "synthesis.slopeanalysis",
+ name: "鍧″害鍒嗘瀽",
+ css: "twoMenu_imge42",
+ },
+ {
+ id: "d3",
+ label: "synthesis.pathanalysis",
+ name: "璺緞鍒嗘瀽",
+ css: "twoMenu_imge43",
+ },
+ {
+ id: "d4",
+ label: "synthesis.cuttinganalysis",
+ name: "鍦板舰鍓栧垏",
+ css: "twoMenu_imge44",
+ },
+ {
+ id: "d5",
+ label: "synthesis.floodanalysis",
+ name: "娣规病鍒嗘瀽",
+ css: "twoMenu_imge45",
+ },
+ {
+ id: "d6",
+ label: "synthesis.earthworkcalculation",
+ name: "鍦熸柟閲忚绠�",
+ css: "twoMenu_imge46",
+ },
+ {
+ id: "d7",
+ label: "synthesis.crosssectionanalysis",
+ name: "涓夌淮鎴潰",
+ css: "twoMenu_imge47",
+ },
+ {
+ id: "d8",
+ label: "synthesis.imagecontrast",
+ name: "褰卞儚瀵规瘮",
+ css: "twoMenu_imge48",
+ },
+ {
+ id: "d9",
+ label: "synthesis.pipelineAnalysis",
+ name: "绠￠亾鍒嗘瀽",
+ css: "twoMenu_imge49",
+ },
+ {
+ id: "d10",
+ label: "synthesis.flatterrain",
+ name: "鍦板舰骞虫暣",
+ css: "twoMenu_imge410",
+ },
+ {
+ id: "d11",
+ label: "synthesis.terrainexcavation",
+ name: "鍦板舰寮�鎸�",
+ css: "twoMenu_imge411",
+ },
+ {
+ id: "d12",
+ label: "synthesis.visibilityAnalysis",
+ name: "閫氳鍒嗘瀽",
+ css: "twoMenu_imge412",
+ },
+ {
+ id: "d13",
+ label: "synthesis.viewAnalysis",
+ name: "瑙嗗煙鍒嗘瀽",
+ css: "twoMenu_imge413",
+ },
+ {
+ id: "d14",
+ label: "synthesis.circularViewAnalysis",
+ name: "鍦嗗舰瑙嗗煙鍒嗘瀽",
+ css: "twoMenu_imge414",
+ },
+ ],
+ [
+ {
+ id: "e1",
+ label: "synthesis.attributequery",
+ name: "灞炴�ф煡璇�",
+ css: "twoMenu_imge51",
+ },
+ {
+ id: "e2",
+ label: "synthesis.rangequery",
+ name: "绌洪棿鏌ヨ",
+ css: "twoMenu_imge52",
+ },
+
+ ],
+ [
+ {
+ id: "f1",
+ label: "synthesis.gpsrtk",
+ name: "鍧愭爣瀹氫綅",
+ css: "twoMenu_imge61",
+ },
+ {
+ id: "f2",
+ label: "synthesis.placenamelocation",
+ name: "鍦板悕瀹氫綅",
+ css: "twoMenu_imge62",
+ },
+ ],
+ [
+ {
+ id: "j1",
+ label: "synthesis.synthobj.m1",
+ name: "琛ㄩ潰璺濈",
+ css: "twoMenu_imge71",
+ },
+ {
+ id: "j2",
+ label: "synthesis.synthobj.m4",
+ name: "鍨傜洿楂樺害",
+ css: "twoMenu_imge72",
+ },
+ {
+ id: "j3",
+ label: "synthesis.synthobj.m6",
+ name: "骞抽潰闈㈢Н",
+ css: "twoMenu_imge73",
+ },
+ {
+ id: "j4",
+ label: "synthesis.synthobj.m7",
+ name: "浣撶Н",
+ css: "twoMenu_imge74",
+ },
+ {
+ id: "j5",
+ label: "synthesis.synthobj.m5",
+ name: "琛ㄩ潰闈㈢Н",
+ css: "twoMenu_imge75",
+ },
+ {
+ id: "j6",
+ label: "synthesis.synthobj.m2",
+ name: "绌洪棿璺濈",
+ css: "twoMenu_imge76",
+ },
+ {
+ id: "j7",
+ label: "synthesis.synthobj.m9",
+ name: "楂樼▼閲忔祴",
+ css: "twoMenu_imge77",
+ },
+ ],
+ [
+ {
+ id: "h1",
+ label: "synthesis.point",
+ name: "鐐�",
+ css: "twoMenu_imge81",
+ },
+ {
+ id: "h8",
+ label: "synthesis.addlabel",
+ name: "鏂囧瓧",
+ css: "twoMenu_imge88",
+ },
+ {
+ id: "h2",
+ label: "synthesis.line",
+ name: "绾�",
+ css: "twoMenu_imge82",
+ },
+ {
+ id: "h3",
+ label: "synthesis.rectangle",
+ name: "鐭╁舰",
+ css: "twoMenu_imge83",
+ },
+ {
+ id: "h4",
+ label: "synthesis.polygon",
+ name: "澶氳竟褰�",
+ css: "twoMenu_imge84",
+ },
+ {
+ id: "h5",
+ label: "synthesis.import",
+ name: "瀵煎叆KML",
+ css: "twoMenu_imge85",
+ },
+ {
+ id: "h6",
+ label: "synthesis.export",
+ name: "瀵煎嚭KML",
+ css: "twoMenu_imge86",
+ },
+
+ {
+ id: "h9",
+ label: "synthesis.import1",
+ name: "瀵煎叆SHP",
+ css: "twoMenu_imge85",
+ },
+ {
+ id: "h10",
+ label: "synthesis.export1",
+ name: "瀵煎嚭SHP",
+ css: "twoMenu_imge86",
+ },
+
+ {
+ id: "h7",
+ label: "synthesis.removepaint",
+ name: "娓呴櫎",
+ css: "twoMenu_imge87",
+ },
+ ],
+ [
+ {
+ id: "i1",
+ name: "鍦烘櫙鎻愬彇",
+ label: "synthesis.sceneExtraction",
+ css: "twoMenu_imge12",
+ },
+ {
+ id: "i2",
+ label: "synthesis.release",
+ name: "鍦烘櫙鍙戝竷",
+ css: "twoMenu_imge13",
+ },
+ {
+ id: "i3",
+ label: "synthesis.tdisplay",
+ name: "涓夌淮婕旂ず",
+ css: "twoMenu_imge35",
+ },
+ ],
+ ],
+ isRuler: false,
+ isNaviget: false,
+ isolineFlag: false,
+ isslopeFlag: false,
+ isContrastFlag: false,
+ UndergroundMode: false,
+ scaleLine: null,
+ Excavation: false,
+ entityaLayers: [],
+ isMenuFlag: null,
+ isRouter: false, //璺緞鍒嗘瀽
+ isPiple: false, //绠￠亾鍒嗘瀽
+ DXZPState: null, //鍦板舰鏁村钩
+ dialogVisible: false,
+ formInline: {
+ title: '',
+ file: '',
+ name: '',
+ type: '',
+ info: '',
+ icon: '',
+ bak: ''
+ },
+ tableData: [],
+ dialog: {
+ dialogVisible: false,
+ isPdf: false,
+ isJpg: false,
+ src: ''
+ },
+ activeName: "first",
+ isShowModel: false,
+ options: [
+ {
+ value: '鍊炬枩妯″瀷',
+ label: '鍊炬枩妯″瀷'
+ }, {
+ value: 'BIM妯″瀷',
+ label: 'BIM妯″瀷'
+ }, {
+ value: '鐐逛簯妯″瀷',
+ label: '鐐逛簯妯″瀷'
+ }, {
+ value: '鍦拌川璁捐妯″瀷',
+ label: '鍦拌川璁捐妯″瀷'
+ }, {
+ value: '浜哄伐妯″瀷',
+ label: '浜哄伐妯″瀷'
+ }, {
+ value: '鍏朵粬妯″瀷',
+ label: '鍏朵粬妯″瀷'
+ }],
+ modelClip: false,
+ showPickUp: false,
+ dialogInsertVisible: false,
+ dialogVisible1: false,
+ ruleForm: {
+ depname: [],
+ tabs: [],
+ pwd: null,
+ repwd: null,
+ wkt: null,
+ descr: null,
+ },
+ dialogExtentVisible: false,
+ setExtent: 10,
+ };
+ },
+ methods: {
+ //浜岀礆鑿滃崟鐐瑰嚮鍒囨崲
+ setChangeTwoMenu(res) {
+ var val = res.id[0];
+ if (window.model != null) {
+ // window.model.deleteObject();
+ // window.model = null;
+ }
+ sgworld.Analysis.clearCurtainContrast();
+ this.showPickUp = false;
+ if (this.isMenuFlag == "d") {
+ this.clearAllAnalsy();
+ }
+
+ this.$store.state.propertiesFlag = '';
+
+ if (this.isMenuFlag != val) {
+ if (res.id != "b9") {
+ this.$store.state.mapMenuBoolean = false;
+ this.$store.state.mapMenuBoxFlag = null;
+ this.$store.state.mapPopBoolean = false;
+ this.$store.state.mapPopBoxFlag = null;
+
+ this.isMenuFlag = val;
+ if (this.entityaLayers.length != 0) {
+ for (var i in this.entityaLayers) {
+ sgworld.Viewer.entities.remove(this.entityaLayers[i]);
+ }
+ this.entityaLayers = [];
+ }
+ for (var i in this.$store.state.queryInfo) {
+ sgworld.Viewer.entities.remove(this.$store.state.queryInfo[i]);
+ }
+ this.$store.state.queryInfo = [];
+ if (this.$store.state.primitLayer != null) {
+ sgworld.Viewer.entities.remove(this.$store.state.primitLayer);
+ sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
+ this.$store.state.primitLayer = null;
+ }
+ }
+ }
+ this.showTwoMenuFlag = res.id;
+ if (val != 'h' && res.id != "b9") {
+ sgworld.Creator.SimpleGraphic.clear();
+ Viewer.entities.removeAll();
+ }
+ switch (val) {
+ case "a": //鍥惧眰绠＄悊
+ this.setCoverage(res.id);
+ break;
+ case "b":
+ this.setViewport(res.id);
+ break;
+ case "c":
+ this.setWander(res.id);
+ break;
+ case "d":
+ this.setAnalsy(res.id);
+ break;
+ case "e":
+ this.setIquery(res.id);
+ break;
+ case "f":
+ this.setOrientation(res.id);
+ break;
+ case "j":
+ this.setMeasurement(res.id);
+ break;
+ case "h":
+ sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
+ this.setPlot(res.id);
+ break;
+ }
+ },
+ setPlot(res) {
+
+ switch (res) {
+ case "h1":
+ sgworld.Creator.createSimpleGraphic(
+ "point",
+ {},
+ function (entity) { }
+ );
+ break;
+ case "h2":
+ sgworld.Creator.createSimpleGraphic(
+ "polyline",
+ {},
+ function (entity) { }
+ );
+ break;
+ case "h3":
+ sgworld.Creator.createSimpleGraphic(
+ "rectangle",
+ {},
+ function (entity) { }
+ );
+ break;
+ case "h4":
+ sgworld.Creator.createSimpleGraphic(
+ "polygon",
+ {},
+ function (entity) { }
+ );
+ break;
+ case "h5":
+ this.handleOpenClick();
+ break;
+ case "h6":
+ this.handleSaveClick();
+ break;
+ case "h9":
+ // this.handleOpenShp();
+ $("#shpFile").click();
+ break;
+ case "h10":
+ this.handleSaveShp();
+ break;
+ case "h7":
+ sgworld.Creator.SimpleGraphic.clear();
+ for (var i in this.entityaLayers) {
+ sgworld.Viewer.entities.remove(this.entityaLayers[i]);
+ }
+ this.entityaLayers = [];
+ break;
+ case "h8":
+ sgworld.Creator.createSimpleGraphic(
+ "label",
+ {},
+ function (entity) { }
+ );
+ break;
+ }
+ },
+ handleSaveClick() {
+ let funDownload = function (content, filename) {
+ let eleLink = document.createElement("a");
+ eleLink.download = filename;
+ eleLink.style.display = "none";
+ // 瀛楃鍐呭杞彉鎴恇lob鍦板潃
+ let blob = new Blob([content]);
+ eleLink.href = URL.createObjectURL(blob);
+ // 瑙﹀彂鐐瑰嚮
+ document.body.appendChild(eleLink);
+ eleLink.click();
+ // 鐒跺悗绉婚櫎
+ document.body.removeChild(eleLink);
+ };
+ let entities = new Cesium.EntityCollection();
+ let dataSources = sgworld.Viewer.dataSources;
+ for (let i = 0, j = dataSources.length; i < j; i++) {
+ for (let v of dataSources.get(i).entities.values) {
+ entities.add(v);
+ }
+ }
+ for (let v of sgworld.Viewer.entities.values) {
+ entities.add(v);
+ }
+
+ if (entities.values.length) {
+ console.log(sgworld.Viewer.entities);
+
+ let promise = Cesium.exportKml({ entities: sgworld.Viewer.entities });
+ console.log(entities);
+ // let promise = Cesium.exportKml({ entities: entities });
+ promise.then(function (e) {
+ funDownload(e.kml, new Date().getTime() + ".kml");
+ });
+ } else {
+ alert("褰撳墠鍦烘櫙娌℃湁entities瀹炰綋");
+ }
+ },
+ handleSaveShp() {
+ var entities = sgworld.Viewer.entities.values;
+ if (entities.length == 0) {
+ return;
+ }
+ var std = [];
+ for (var i in entities) {
+ var type, fillColor, alpha, wkt, name;
+ var bak = {};
+
+ if (entities[i].name) {
+ name = entities[i].name;
+ }
+ if (entities[i].properties) {
+ var properties = entities[i].properties.propertyNames;
+ for (var j in properties) {
+ bak[properties[j]] = entities[i].properties[properties[j]]._value;
+ }
+ } else {
+ bak = {
+ name: entities[i].name,
+ };
+ }
+ if (entities[i].rectangle) {
+ //鐭╁舰
+ type = "rectangle";
+ var east = Cesium.Math.toDegrees(
+ entities[i].rectangle.coordinates.getValue().east
+ );
+ var north = Cesium.Math.toDegrees(
+ entities[i].rectangle.coordinates.getValue().north
+ );
+ var west = Cesium.Math.toDegrees(
+ entities[i].rectangle.coordinates.getValue().west
+ );
+ var south = Cesium.Math.toDegrees(
+ entities[i].rectangle.coordinates.getValue().south
+ );
+ var line = turf.polygon([
+ [
+ [east, north],
+ [west, north],
+ [west, south],
+ [east, south],
+ [east, north],
+ ],
+ ]);
+ wkt = this.$wkt.convert(line.geometry);
+ var fill = entities[i].rectangle._material._color._value;
+ fillColor = fill.red + "," + fill.green + "," + fill.blue;
+ alpha = fill.alpha;
+ } else if (entities[i].point) {
+ //鐐�
+ type = "point";
+ let ellipsoid = Viewer.scene.globe.ellipsoid;
+ let cartographic = ellipsoid.cartesianToCartographic(
+ entities[i].position.getValue()
+ );
+ let lat = Cesium.Math.toDegrees(cartographic.latitude);
+ let lng = Cesium.Math.toDegrees(cartographic.longitude);
+ let alt = cartographic.height;
+ let point = turf.point([lng, lat, alt]);
+ wkt = this.$wkt.convert(point.geometry);
+ var fill = entities[i].point._color._value;
+ fillColor = fill.red + "," + fill.green + "," + fill.blue;
+ alpha = fill.alpha;
+ } else if (entities[i].polygon) {
+ type = "polygon";
+ var fill = entities[i].polygon._material._color._value;
+ fillColor = fill.red + "," + fill.green + "," + fill.blue;
+ alpha = fill.alpha;
+ var geometry = entities[i].polygon.hierarchy.getValue().positions;
+ var coordinates = [];
+ for (var k in geometry) {
+ coordinates.push(this.setCartesianToEightFour(geometry[k]));
+ }
+ if (coordinates[0] != coordinates[1]) {
+ coordinates.push(coordinates[0]);
+ }
+ var polygon = turf.polygon([coordinates]);
+ wkt = this.$wkt.convert(polygon.geometry);
+ } else if (entities[i].polyline) {
+ type = "polyline";
+ var coordinates = [];
+ var geometry = entities[i].polyline.positions.getValue();
+ for (var k in geometry) {
+ coordinates.push(this.setCartesianToEightFour(geometry[k]));
+ }
+ var polyline = turf.lineString(coordinates);
+ wkt = this.$wkt.convert(polyline.geometry);
+
+ var fill = entities[i].polyline._material._color._value;
+ fillColor = fill.red + "," + fill.green + "," + fill.blue;
+ alpha = fill.alpha;
+ } else if (entities[i].label) {
+ type = "label";
+ let ellipsoid = Viewer.scene.globe.ellipsoid;
+ let cartographic = ellipsoid.cartesianToCartographic(
+ entities[i].position.getValue()
+ );
+ let lat = Cesium.Math.toDegrees(cartographic.latitude);
+ let lng = Cesium.Math.toDegrees(cartographic.longitude);
+ let alt = cartographic.height;
+ let point = turf.point([lng, lat, alt]);
+ wkt = this.$wkt.convert(point.geometry);
+ var fill = entities[i].label.backgroundColor._value;
+ fillColor = fill.red + "," + fill.green + "," + fill.blue;
+ alpha = fill.alpha;
+ }
+ std.push({
+ id: parseInt(i) + 1,
+ type: type,
+ fillColor: fillColor,
+ opacity: alpha,
+ name: name,
+ bak: JSON.stringify(bak),
+ wkt: wkt,
+ });
+ }
+ $.ajax({
+ url: BASE_URL + "/comprehensive/downloadShp?token=" + getToken(),
+ type: "POST",
+ data: JSON.stringify(std),
+ dataType: "json", // html銆乯son銆乯sonp銆乻cript銆乼ext
+ contentType: "application/json", // "application/x-www-form-urlencoded"
+ success: (rs) => {
+ if (rs && rs.code == 200) {
+ var a = document.createElement("a"); // 鍒涘缓涓�涓猘鏍囩鍏冪礌
+ a.style.display = "none"; // 璁剧疆鍏冪礌涓嶅彲瑙�
+
+ a.href =
+ BASE_URL +
+ "/comprehensive/downloadFile?token=" +
+ getToken() +
+ "&guid=" +
+ rs.result;
+
+ document.body.appendChild(a); // 鍔犲叆
+ a.click(); // 瑙﹀彂鐐瑰嚮,涓嬭浇
+ document.body.removeChild(a); // 閲婃斁
+ }
+ },
+ error: function (e) { },
+ });
+ },
+ handleOpenShp() {
+ var formData = new FormData();
+ var fs = document.getElementById("shpFile");
+ var exts = [".shp", ".shx", ".dbf", ".prj"];
+ var count = 0;
+ for (var i = 0, c = fs.files.length; i < c; i++) {
+ var name = fs.files[i].name.toLocaleLowerCase();
+ var ext = name.substring(name.lastIndexOf("."));
+ if (exts.indexOf(ext) > -1) {
+ count++;
+ formData.append(fs.files[i].name, fs.files[i]); // fs.files[i].name,file
+ }
+ }
+ if (count != 4) {
+ alert("ShapeFile鏂囦欢閫夋嫨涓嶅叏锛�");
+ return;
+ }
+ var that = this;
+ $.ajax(BASE_URL + "/comprehensive/uploadShp?token=" + getToken(), {
+ type: "post",
+ data: formData,
+ async: true,
+ cache: false,
+ processData: false,
+ contentType: false,
+ success: function (rs) {
+ if (rs.code == 200) {
+ that.showShpEntity(rs.result);
+ }
+ },
+ error: function (e) {
+ console.error(e);
+ },
+ });
+
+ document.getElementById("shpFile").value = "";
+ },
+ showShpEntity(res) {
+ for (var i in res) {
+ var wkt = this.$wkt.parse(res[i].wkt);
+ var fillColor = res[i].fillColor.split(",");
+ var color = new Cesium.Color(
+ parseFloat(fillColor[0]),
+ parseFloat(fillColor[1]),
+ parseFloat(fillColor[2]),
+ res[i].opacity
+ );
+ var name = res[i].name;
+ switch (res[i].type) {
+ case "rectangle":
+ case "polygon":
+ var std = [];
+ var geo = wkt.coordinates[0];
+ for (var i in geo) {
+ std.push(geo[i][0]);
+ std.push(geo[i][1]);
+ }
+ var entity = Viewer.entities.add({
+ name: name,
+ polygon: {
+ hierarchy: Cesium.Cartesian3.fromDegreesArray(std),
+ //height : 100000,
+ material: color,
+ outline: true,
+ outlineColor: color,
+ },
+ });
+ this.entityaLayers.push(entity);
+ sgworld.Navigate.flyToObj(entity)
+ break;
+ case "point":
+ let point = Viewer.entities.add({
+ name: name,
+ position: Cesium.Cartesian3.fromDegrees(
+ wkt.coordinates[0],
+ wkt.coordinates[1]
+ ), //缁忕含搴﹁浆涓栫晫鍧愭爣
+ point: {
+ show: true,
+ color: color,
+ pixelSize: 10,
+ outlineColor: color,
+ outlineWidth: 3,
+ heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+ disableDepthTestDistance: Number.POSITIVE_INFINITY,
+ },
+ });
+
+ this.entityaLayers.push(point);
+ sgworld.Navigate.flyToObj(point)
+ break;
+ case "polyline":
+ var std = [];
+ var geo = wkt.coordinates;
+ for (var i in geo) {
+ std.push(geo[i][0]);
+ std.push(geo[i][1]);
+ }
+ let line = Viewer.entities.add({
+ name: name,
+ polyline: {
+ //缁忕含搴︽暟缁勮浆涓栫晫鍧愭爣锛屽甫楂樺害鐨勮瘽鏄痜romDegreesArrayHeights
+ positions: Cesium.Cartesian3.fromDegreesArray(std),
+ width: 10,
+ material: color,
+ clampToGround: true,
+ },
+ });
+
+ this.entityaLayers.push(line);
+ sgworld.Navigate.flyToObj(line)
+ break;
+ case "label":
+ const label = Viewer.entities.add({
+ position: Cesium.Cartesian3.fromDegrees(
+ wkt.coordinates[0],
+ wkt.coordinates[1]
+ ),
+ label: {
+ text: name,
+ fillColor: color,
+ font: "28px",
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.TOP,
+ heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+ disableDepthTestDistance: Number.POSITIVE_INFINITY,
+ },
+ });
+ this.entityaLayers.push(label);
+ sgworld.Navigate.flyToObj(label)
+ break;
+ }
+ }
+ },
+
+ setCartesianToEightFour(res) {
+ var std = [];
+ let ellipsoid = Viewer.scene.globe.ellipsoid;
+ let cartographic = ellipsoid.cartesianToCartographic(res);
+ let lat = Cesium.Math.toDegrees(cartographic.latitude);
+ let lng = Cesium.Math.toDegrees(cartographic.longitude);
+ let alt = cartographic.height;
+ std = [lng, lat, alt];
+ return std;
+ },
+ handleOpenClick() {
+ var that = this;
+ sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
+ let fileInput = document.querySelector(".file");
+ fileInput.onchange = function (evt) {
+ let files = evt.target.files;
+ if (files.length > 0) {
+ let file = evt.target.files[0];
+ let fileReader = new FileReader();
+ fileReader.readAsDataURL(file);
+ fileReader.onload = () => {
+ var kmlOptions = {
+ camera: sgworld.Viewer.scene.camera,
+ canvas: sgworld.Viewer.scene.canvas,
+ clampToGround: true,
+ };
+ var geocachePromise = Cesium.KmlDataSource.load(
+ fileReader.result,
+ kmlOptions
+ );
+
+ sgworld.Navigate.flyToObj(geocachePromise)
+
+ geocachePromise.then(function (dataSource) {
+ var geocacheEntities = dataSource.entities.values;
+ that.entityaLayers = geocacheEntities;
+ for (var i = 0; i < geocacheEntities.length; i++) {
+ var entity = geocacheEntities[i];
+
+ sgworld.Viewer.entities.add(entity);
+ }
+ });
+ // sgworld.Viewer.dataSources
+ // .add(
+ // Cesium.KmlDataSource.load(fileReader.result, {
+ // camera: sgworld.Viewer.scene.camera,
+ // canvas: sgworld.Viewer.scene.canvas,
+ // })
+ // )
+ // .then((KmlDataSource) => {
+ // console.log(KmlDataSource);
+ // // let entities = kmlDataSource.entities;
+ // });
+ };
+ }
+ // fileInput.value = null;
+ };
+ fileInput.click();
+ },
+ setLayerScene() {
+ var URL = window.location.href.split("#");
+ this.openwindow({ url: URL[0] + "LfSKyline/index.html" });
+ },
+
+ openwindow(data) {
+ var url = data.url; //杞悜缃戦〉鐨勫湴鍧�;
+ var name = data.title || "閫夋嫨瑕佹坊鍔犵殑椤甸潰"; //缃戦〉鍚嶇О锛屽彲涓虹┖;
+ var iWidth = window.screen.width; //寮瑰嚭绐楀彛鐨勫搴�;
+ var iHeight = window.screen.height; //寮瑰嚭绐楀彛鐨勯珮搴�;
+ var iTop = 0; //鑾峰緱绐楀彛鐨勫瀭鐩翠綅缃�;
+ var iLeft = 0; //鑾峰緱绐楀彛鐨勬按骞充綅缃�;
+ window.open(
+ url,
+ name,
+ "height=" +
+ iHeight +
+ ",,innerHeight=" +
+ iHeight +
+ ",width=" +
+ iWidth +
+ ",innerWidth=" +
+ iWidth +
+ ",top=" +
+ iTop +
+ ",left=" +
+ iLeft +
+ ",toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no"
+ );
+ },
+
+ setMeasurement(res) {
+ switch (res) {
+ case "j1":
+ var measure = window.sgworld.Command.execute(
+ 0,
+ 2,
+ this.colorAll,
+ (data) => {
+ data.id = window.sgworld.Core.getuid();
+ this.measureData.set(data.id, measure);
+ this.openMeasureResultInfo("琛ㄩ潰璺濈", data);
+ }
+ );
+ break;
+ case "j6":
+ var measure = window.sgworld.Command.execute(
+ 0,
+ 10,
+ this.colorAll,
+ (data) => {
+ data.id = window.sgworld.Core.getuid();
+ this.measureData.set(data.id, measure);
+ this.openMeasureResultInfo("绌洪棿璺濈", data);
+ }
+ );
+ break;
+ // case 'j3':
+
+ // var measure = window.sgworld.Command.execute(0, 3, this.colorAll, (data) => {
+ // data.id = window.sgworld.Core.getuid();
+ // this.measureData.set(data.id, measure);
+ // this.openMeasureResultInfo('骞抽潰闈㈢Н', data);
+
+ // });
+
+ // break;
+ case "j2":
+ var measure = window.sgworld.Command.execute(
+ 0,
+ 5,
+ this.colorAll,
+ (data) => {
+ data.id = window.sgworld.Core.getuid();
+ this.measureData.set(data.id, measure);
+ this.openMeasureResultInfo("鍨傜洿楂樺害", data);
+ }
+ );
+ break;
+ case "j5":
+ var measure = window.sgworld.Command.execute(
+ 0,
+ 8,
+ {
+ ...this.colorAll,
+ tin: true, // 鏄惁鏄剧ずtin涓夎缃�
+ onlyTerrain: false, // 鏄惁鍙祴閲忕簿缁嗗湴褰�
+ },
+ (data) => {
+ data.id = window.sgworld.Core.getuid();
+ this.measureData.set(data.id, measure);
+ this.openMeasureResultInfo("琛ㄩ潰闈㈢Н", data);
+ }
+ );
+ break;
+ case "j3":
+ var measure = window.sgworld.Command.execute(
+ 0,
+ 3,
+ this.colorAll,
+ (data) => {
+ data.id = window.sgworld.Core.getuid();
+ this.measureData.set(data.id, measure);
+ this.openMeasureResultInfo("骞抽潰闈㈢Н", data);
+ }
+ );
+ break;
+ case "j4":
+ var volumetricMeasurementTool =
+ window.sgworld.Creator.createVolumetricMeasureTool();
+ volumetricMeasurementTool.startDrawing(
+ { ...this.colorAll, onlyTerrain: false },
+ "auto",
+ (data) => {
+ if (volumetricMeasurementTool.popupData) {
+ volumetricMeasurementTool.popupData.value = `濉柟锛�${data.volume.fill.toFixed(4) + data.unit.fill
+ }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
+ } else {
+ data.id = window.sgworld.Core.getuid();
+ this.measureData.set(data.id, volumetricMeasurementTool);
+ let popupData = this.openMeasureResultInfo("浣撶Н鏂归噺", data);
+ volumetricMeasurementTool.popupData = popupData;
+ }
+ }
+ );
+ break;
+ case "j8":
+ var measure = window.sgworld.Command.execute(
+ 0,
+ 12,
+ this.colorAll,
+ (data) => {
+ data.id = window.sgworld.Core.getuid();
+ this.measureData.set(data.id, measure);
+ this.openMeasureResultInfo("瑙掑害", data);
+ }
+ );
+ break;
+ case "j7":
+ var measure = window.sgworld.Command.execute(
+ 1,
+ 11,
+ this.colorAll,
+ (data) => {
+ data.id = window.sgworld.Core.getuid();
+ this.measureData.set(data.id, measure);
+ this.openMeasureResultInfo("娴锋嫈楂樺害", data);
+ }
+ );
+ break;
+ }
+ },
+ openMeasureResultInfo(name, data) {
+ let info = "";
+ switch (name) {
+ case "琛ㄩ潰璺濈":
+ case "绌洪棿璺濈":
+ info = "鎬婚暱搴︼細" + data.distance[data.distance.length - 1];
+ break;
+ case "娴锋嫈楂樺害":
+ info = "楂樺害锛�" + data.height;
+ break;
+ case "鍨傜洿楂樺害":
+ info = `${data.gddistance}<br>${data.kjdistance}<br>${data.spdistance}`;
+ break;
+ case "琛ㄩ潰闈㈢Н":
+ case "骞抽潰闈㈢Н":
+ info = data.mj;
+ break;
+ case "瑙掑害":
+ data.labels.forEach((label) => {
+ info += label.label.text.getValue() + "<br>";
+ });
+ break;
+ case "浣撶Н鏂归噺":
+ info = `濉柟锛�${data.volume.fill.toFixed(4) + data.unit.fill
+ }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
+ break;
+ }
+ return (
+ this.$refs &&
+ this.$refs.mapinfo &&
+ this.$refs.mapinfo.open(name, info, {
+ close: () => {
+ // 娓呴櫎娴嬮噺
+ this.clearMeasure(data.id);
+ },
+ })
+ );
+ },
+ clearMeasure(id) {
+ if (id) {
+ let data = this.measureData.get(id);
+ data && data.deleteObject && data.deleteObject();
+ // 浣撶Н鏂归噺
+ data && data.cleanUp && data.cleanUp();
+ this.measureData.delete(id);
+ } else {
+ this.measureData.forEach((data) => {
+ data.deleteObject && data.deleteObject();
+ // 浣撶Н鏂归噺
+ data.cleanUp && data.cleanUp();
+ });
+ this.measureData.clear();
+ }
+ },
+ setIquery(res) {
+ switch (res) {
+ case "e2":
+ this.showPickUp = false;
+ this.$store.state.mapMenuBoolean = !this.$store.state.mapMenuBoolean;
+ this.$store.state.mapMenuBoxFlag = "1";
+ break;
+ case "e1":
+ this.$store.state.mapMenuBoolean = !this.$store.state.mapMenuBoolean;
+ this.$store.state.mapMenuBoxFlag = "2";
+ this.showPickUp = false;
+ break;
+ //鎷惧彇鍔熻兘
+ case "e3":
+ this.$store.state.mapMenuBoolean = false;
+ this.showPickUp = !this.showPickUp;
+ if (this.showPickUp) {
+ let that = this;
+ Viewer.screenSpaceEventHandler.setInputAction(function (event) {
+ let p = sgworld.Navigate.getMouseDegrees(event);
+ console.log(p);
+ if (that.showPickUp) {
+ that.getPickUpData(p);
+ }
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+ } else {
+ this.$refs.queryinfo.closeAll();
+ Viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
+ }
+ break;
+ }
+ },
+ clearAllAnalsy() {
+ // switch (this.showTwoMenuFlag) {
+ // case 'd1':
+ // that.isolineFlag = false;
+ // elevationTool.tf = that.isolineFlag;
+ // elevationTool.render();
+ // break;
+ // case 'd2':
+ // that.isslopeFlag = false;
+ // elevationTool.type = 'none';
+ // elevationTool.render();
+ // break;
+ // }
+ },
+ ClearDraw() {
+ //console.log(sgworld);
+ // console.log(sgworld.drawObj.drawHandler);
+ // sgworld.drawObj.drawHandler.destroy();
+ // 聽 sgworld.drawObj.end()
+ },
+
+ setAnalsy(res) {
+ //this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close("queryinfo");
+ this.$bus.$emit("closeMenuPop", res);
+ var that = this;
+ switch (res) {
+ case "d1": //绛夐珮绾垮垎鏋�
+ this.closePipelinePop();
+ that.isolineFlag = !that.isolineFlag;
+ elevationTool.tf = that.isolineFlag;
+ elevationTool.render();
+ break;
+ case "d2": //鍧″害鍒嗘瀽
+ this.closePipelinePop();
+ that.isslopeFlag = !that.isslopeFlag;
+ var val = {
+ name: "Lengend",
+ id: res,
+ vshow: that.isslopeFlag,
+ };
+ this.$bus.$emit("mapChangeBox", val);
+ window.PDelevationTool = new SmartEarth.ElevationTool(sgworld); //鍏ㄥ眬鍙橀噺
+ if (that.isslopeFlag == true) {
+ PDelevationTool.type = "slope";
+ PDelevationTool.tf = this.checked;
+ } else {
+ PDelevationTool.type = "none";
+ }
+ PDelevationTool.render();
+
+ break;
+ case "d3": //璺緞鍒嗘瀽
+ this.closePipelinePop();
+ this.isRouter = !this.isRouter;
+ let value;
+ if (this.isRouter) {
+ value = {
+ name: "Analysis",
+ id: 3,
+ show: true,
+ };
+ } else {
+ value = {
+ name: "Analysis",
+ id: 3,
+ show: false,
+ };
+ }
+ this.$bus.$emit("mapChangeBox", value);
+ break;
+ case "d4": //鍓栭潰鍒嗘瀽
+ this.closePipelinePop();
+ if (window.AnalysisDXPM) {
+ window.AnalysisDXPM.end && window.AnalysisDXPM.end("cancel");
+ this.clear(res);
+ } else {
+ this.addterrainSectionAnalysis();
+ }
+ break;
+ case "d5": //娲按娣规病鍒嗘瀽
+ this.closePipelinePop();
+ if (window.AnalysisFlood) {
+ this.clear(res);
+ } else {
+ this.addAnalysisFlood();
+ }
+ break;
+ case "d6": //鍦熸柟閲忓垎鏋�
+ this.closePipelinePop();
+ if (window.TFvolumetricMeasurementTool) {
+ TFvolumetricMeasurementTool.cleanUp();
+ if (TFvolumetricMeasurementTool._mouseHandler) {
+ TFvolumetricMeasurementTool._mouseHandler.destroy();
+ TFvolumetricMeasurementTool = null;
+ Viewer._container.style.cursor = "default";
+ return;
+ }
+ TFvolumetricMeasurementTool = null;
+ this.$refs.mapinfo && this.$refs.mapinfo.close();
+ } else {
+ var that = this;
+ window.TFvolumetricMeasurementTool =
+ sgworld.Creator.createVolumetricMeasureTool();
+ TFvolumetricMeasurementTool.startDrawing(
+ { ...this.colorAll, onlyTerrain: false },
+ "auto",
+ (data) => {
+ if (TFvolumetricMeasurementTool.popupData) {
+ TFvolumetricMeasurementTool.popupData.value = `濉柟锛�${data.volume.fill.toFixed(4) + data.unit.fill
+ }<br>鎸栨柟锛�${data.volume.dig.toFixed(4) + data.unit.dig}`;
+ } else {
+ data.id = sgworld.Core.getuid();
+ this.measureData.set(data.id, TFvolumetricMeasurementTool);
+ let popupData = that.openMeasureResultInfo("浣撶Н鏂归噺", data);
+ TFvolumetricMeasurementTool.popupData = popupData;
+ }
+ }
+ );
+ }
+ break;
+ case "d7": //涓夌淮鎴潰鍒嗘瀽
+ this.closePipelinePop();
+ // if(window.MXModel) {
+ // Viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
+ // window.MXModel=null;
+ // } else {
+ var that = this;
+ that.modelClip = !that.modelClip;
+ if (that.modelClip) {
+ // that.$store.state.propertiesFlag = '3';
+ if (window.model) {
+ that.modelClipping();
+ }
+ else {
+ var tileset = Viewer.scene.primitives.add(
+ new Cesium.Cesium3DTileset({
+ name: res.cnName,
+ url: modelUrl + "/tileset/m/SN/tileset.json",
+ maximumScreenSpaceError: modelUrl.indexOf("/pnts/") > -1 ? 16 : 64, // 鏈�澶у睆骞曠┖闂撮敊璇細16
+ maximumMemoryUsage: 768, // 鏈�澶у唴瀛橈細512
+ dynamicScreenSpaceError: true, // 鍑忓皯绂荤浉鏈鸿緝杩滅殑灞忓箷绌洪棿閿欒锛歠alse
+ skipLevelOfDetail: true, // 鍦ㄩ亶鍘嗘椂鍊欒烦杩囪鎯咃細false
+ })
+ );
+ tileset.readyPromise.then((tileset) => {
+ tileset.id = res.cnName;
+ tileset.layerId = res.id;
+ Viewer.flyTo(tileset);
+ that.modelClipping();
+ });
+ window.model = tileset
+ }
+ }
+ else {
+ // that.$store.state.propertiesFlag = '';
+ Viewer.entities.removeAll();
+ }
+ // window.model = sgworld.Creator.create3DTilesets(
+ // "",
+ // modelUrl + "/tileset/m/SN/tileset.json",
+ // {},
+ // {},
+ // "0",
+ // true,
+ // (data) => {
+ // sgworld.Navigate.flyToObj(data);
+ // that.setclippingModel();
+ // }
+ // );
+
+ break;
+ case "d9": //绠￠亾鍒嗘瀽
+ this.isPiple = !this.isPiple;
+ if (this.isPiple) {
+ this.$store.state.mapPopBoxFlag = "3";
+ this.$refs &&
+ this.$refs.queryinfo &&
+ this.$refs.queryinfo.open("绠￠亾绌洪棿鍒嗘瀽", null, {
+ close: () => {
+ if (this.$store.state.pipelineEntity.length != 0) {
+ for (var i in this.$store.state.pipelineEntity) {
+ sgworld.Viewer.entities.remove(
+ this.$store.state.pipelineEntity[i]
+ );
+ }
+ }
+ },
+ });
+ } else {
+ this.$refs &&
+ this.$refs.queryinfo &&
+ this.$refs.queryinfo.close("queryinfo");
+ }
+
+ break;
+ case "d8": //褰卞儚瀵规瘮
+ this.closePipelinePop();
+ if (this.isContrastFlag == false) {
+ this.isContrastFlag = true;
+ var localUrl = '{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png'
+ localUrl = localUrl.replace("{host}", iisHost)
+ window.contRastLayer = Viewer.imageryLayers.addImageryProvider(
+ new Cesium.UrlTemplateImageryProvider({
+ url: localUrl,
+ maximumLevel: 22,
+ enablePickFeatures: false
+ })
+ );
+ Viewer.imageryLayers.lowerToBottom(window.contRastLayer);//灏嗗浘灞傜Щ鍒版渶搴曞眰
+
+ Viewer.imageryLayers.raise(window.contRastLayer);//灏嗗浘灞備笂绉讳竴灞�
+ if (window.BaseMapLayer) {
+ Viewer.imageryLayers.raise(window.contRastLayer);//灏嗗浘灞備笂绉讳竴灞�
+ sgworld.Analysis.createCurtainContrast(1, 2);
+ } else {
+ sgworld.Analysis.createCurtainContrast(0, 1);
+ }
+
+ } else {
+ this.isContrastFlag = false;
+ sgworld.Analysis.clearCurtainContrast();
+ if (window.contRastLayer) {
+ window.Viewer.imageryLayers.remove(
+ window.contRastLayer
+ );
+ window.contRastLayer = null;
+ }
+ }
+ break;
+ case "d10": //鍦伴潰鏁村钩
+ this.closePipelinePop();
+ var val = {
+ name: "Trrain",
+ id: res,
+ };
+ this.$bus.$emit("mapChangeBox", val);
+ // if (this.DXZPState != null) {
+ // this.DXZPState.drawHandler && this.DXZPState.drawHandler.destroy();
+ // Viewer._container.style.cursor = "default";
+ // this.DXZPState.tooltip && this.DXZPState.tooltip.show(false);
+ // if (window.DXTerrainFlattening != null) {
+ // DXTerrainFlattening.remove();
+ // }
+ // window.DXTerrainFlattening = null;
+ // this.DXZPState = null;
+ // } else {
+ // this.DXZPState = sgworld.Creator.createSimpleGraphic(
+ // "polygon",
+ // {
+ // clampToGround: true,
+ // },
+ // function (entity) {
+ // let positions = entity.polygon.hierarchy.getValue().positions;
+ // sgworld.Creator.SimpleGraphic.remove(entity.id);
+ // window.DXTerrainFlattening =
+ // sgworld.Creator.createTerrainModifier(
+ // "鍦板舰鍘嬪钩",
+ // positions,
+ // 10,
+ // {}
+ // );
+ // }
+ // );
+ // }
+
+ break;
+
+ case "d11": //鍦板舰寮�鎸�
+ this.closePipelinePop();
+ // this.$refs &&
+ // this.$refs.terrainDig &&
+ // this.$refs.terrainDig.open("绠￠亾绌洪棿鍒嗘瀽", null, {
+ // close: () => {
+
+ // },
+ // });
+ if (window.Excavation) {
+ window.Excavation.drawHandler &&
+ window.Excavation.drawHandler.destroy();
+ Viewer._container.style.cursor = "default";
+ window.Excavation.tooltip && window.Excavation.tooltip.show(false);
+ window.Excavation.clear();
+ window.Excavation = null;
+ } else {
+ window.Excavation = sgworld.Analysis.TerrainExcavation(
+ 10,
+ {},
+ function () { }
+ );
+ }
+ break;
+
+ case "d12": //閫氳鍒嗘瀽
+ this.closePipelinePop();
+ if (window.TSExcavation != null) {
+ window.TSExcavation._SimpleGraphic.drawHandler &&
+ window.TSExcavation._SimpleGraphic.drawHandler.destroy();
+ Viewer._container.style.cursor = "default";
+ window.TSExcavation._SimpleGraphic.tooltip &&
+ window.TSExcavation._SimpleGraphic.tooltip.show(false);
+
+ window.TSExcavation.deleteObject();
+ window.TSExcavation = null;
+ } else {
+ window.TSExcavation = sgworld.Analysis.createSightLine({
+ type: "default",
+ });
+ }
+ break;
+ case "d13": //瑙嗗煙鍒嗘瀽
+ this.closePipelinePop();
+ if (window.SYExcavatio) {
+ window.SYExcavatio.end && window.SYExcavatio.end();
+ window.SYExcavatio.close();
+ window.SYExcavatio = null;
+ } else {
+ var SYFX_visible_color = { r: 0.0, g: 1.0, b: 0.0 },
+ SYFX_notVisible_color = { r: 1.0, g: 0.0, b: 0.0 };
+ window.SYExcavatio = sgworld.Analysis.create3DViewshed({
+ name: "Viewshed On Frederick",
+ height: 1.8,
+ color: {
+ Back: SYFX_notVisible_color,
+ Fore: SYFX_visible_color,
+ },
+ isSpherical: "",
+ });
+ }
+ break;
+ case "d14": //鍦嗗舰鏃跺煙鍒嗘瀽
+ this.closePipelinePop();
+ if (window.YXSYExcavation) {
+ window.YXSYExcavation.end && window.YXSYExcavation.end();
+ window.YXSYExcavation.close();
+ window.YXSYExcavation = null;
+ } else {
+ var SYFX_visible_color = { r: 0.0, g: 1.0, b: 0.0 },
+ SYFX_notVisible_color = { r: 1.0, g: 0.0, b: 0.0 };
+ window.YXSYExcavation = sgworld.Analysis.create3DViewshed({
+ name: "Viewshed On Frederick",
+ height: 1.8,
+ color: {
+ Back: SYFX_notVisible_color,
+ Fore: SYFX_visible_color,
+ },
+ isSpherical: "spherical",
+ });
+ }
+
+ break;
+ }
+ },
+
+ //妯″瀷瑁佸垏
+ modelClipping() {
+ const scene = Viewer.scene;
+ let targetY = 40.0;
+ let planeEntities = [];
+ let selectedPlane;
+ let clippingPlanes = new Cesium.ClippingPlaneCollection({
+ planes: [ // ClippingPlane瀵硅薄鏁扮粍闆嗗悎
+ new Cesium.ClippingPlane( // 瑁佸垏闈�
+ new Cesium.Cartesian3(0.0, 0.0, -1.0), // 娉曠嚎鏂瑰悜
+ 0// 鍘熺偣鍒板钩闈㈢殑鏈�鐭窛绂伙紝璁剧疆0灏卞ソ
+ ),
+ ],
+ enabled: true,
+ edgeWidth: 1.0, // 妯″瀷琚鍒囬儴鍒嗙殑鎴潰绾垮
+ });
+ // let clippingPlanes = new Cesium.ClippingPlaneCollection({
+ // planes: [ // ClippingPlane瀵硅薄鏁扮粍闆嗗悎
+ // //鍓嶅悗鍒囧壊
+ // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 1, 0), 0), //鍚�
+ // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, -1, 0), 0), //鍓�
+ // // 宸﹀彸鍒囧壊
+ // new Cesium.ClippingPlane(new Cesium.Cartesian3(1.0, 0.0, 0), 0), //宸�
+ // new Cesium.ClippingPlane(new Cesium.Cartesian3(-1.0, 0.0, 0), 0), //鍙�
+ // // 涓婁笅鍒囧壊
+ // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 0.0, -1), 0), //涓娾啋涓�
+ // // new Cesium.ClippingPlane(new Cesium.Cartesian3(0, 0.0, 1), 0), //涓嬧啋涓娿��
+ // ],
+ // enabled: true,
+ // edgeWidth: 1.0, // 妯″瀷琚鍒囬儴鍒嗙殑鎴潰绾垮
+ // unionClippingRegions: true, //true 鎵嶈兘澶氫釜鍒囧壊
+ // });
+ let boundingSphere = window.model.boundingSphere;
+ // 鍒涘缓涓�涓潗鏍囪酱锛屼究浜庢祴璇�
+ // var transform = Cesium.Transforms.eastNorthUpToFixedFrame(boundingSphere.center);
+ // var modelMatrixPrimitive = Viewer.scene.primitives.add(new Cesium.DebugModelMatrixPrimitive({
+ // // modelMatrix: transform,
+ // length: 140.0
+ // }));
+
+ // // 鍒涘缓娣诲姞瑁佸壀骞抽潰
+ for (let i = 0; i < clippingPlanes.length; ++i) {
+ const plane = clippingPlanes.get(i);
+ const planeEntity = Viewer.entities.add({
+ position: boundingSphere.center,
+ plane: {
+ dimensions: new Cesium.Cartesian2(
+ boundingSphere.radius * 1.5,
+ boundingSphere.radius * 1.5
+ ),//鍒囬潰鐨勯暱鍜屽
+ material: Cesium.Color.WHITE.withAlpha(0.1),
+ plane: new Cesium.CallbackProperty(
+ // 娣诲姞缁戝畾浜嬩欢锛屼笉鏂皟鐢�
+ createPlaneUpdateFunction(plane),
+ false
+ ),
+ outline: true,
+ outlineColor: Cesium.Color.WHITE,
+ },
+ });
+ planeEntities.push(planeEntity);
+ }
+ // 鍒涘缓娣诲姞瑁佸壀骞抽潰
+ // let m_box;
+ // for (let i = 0; i < clippingPlanes.length; ++i) {
+ // let plane = clippingPlanes.get(i);
+ // let getPlaneType = getType4Plane(plane);
+ // let planeEntity = Viewer.entities.add({ //娣诲姞骞抽潰瀹炰綋 鐩磋瑁佸垏闈�
+ // id: 'ClipPlane' + i,
+ // position: boundingSphere.center,// 鏍规嵁3dtiles鍚屾璋冩暣瑁佸垏闈㈤珮搴�
+ // plane: {
+ // dimensions: new Cesium.Cartesian2(80, 80),//鍒囬潰鐨勯暱鍜屽
+ // plane: new Cesium.CallbackProperty(createPlaneUpdateFunction_box(plane, getPlaneType, boundingSphere.center), false),
+ // material: Cesium.Color.WHITE.withAlpha(0.2),
+ // outline: false,
+ // outlineColor: Cesium.Color.WHITE,
+ // }
+ // });
+ // if (!m_box) {
+ // m_box = Viewer.entities.add({
+ // id: 'ClopBox',
+ // modelMatrixPrimitive: modelMatrixPrimitive,
+ // position: boundingSphere.center,
+ // box: {
+ // dimensions: new Cesium.Cartesian3(boundingSphere.radius * 1.2, boundingSphere.radius * 1.2, 40),
+ // material: Cesium.Color.WHITE.withAlpha(0.3),
+ // }
+ // })
+ // }
+ // }
+ window.model.clippingPlanes = clippingPlanes;
+ if (window.modelHeight && window.modelHeight != 0) {
+ // console.log("window.modelHeight---",window.modelHeight)
+ window.model.clippingPlanes.modelMatrix = Cesium.Matrix4.fromTranslation(
+ new Cesium.Cartesian3(0.0, 0.0, window.modelHeight)
+ );
+ }
+ // 缁戝畾涓婄Щ鍔ㄤ簨浠�
+ const downHandler = new Cesium.ScreenSpaceEventHandler(
+ Viewer.scene.canvas
+ );
+ downHandler.setInputAction(function (movement) {
+ const pickedObject = scene.pick(movement.position);
+ if (
+ Cesium.defined(pickedObject) &&
+ Cesium.defined(pickedObject.id.plane)
+ ) {
+ selectedPlane = pickedObject.id.plane;
+ selectedPlane.material = Cesium.Color.WHITE.withAlpha(0.05);
+ selectedPlane.outlineColor = Cesium.Color.WHITE;
+ scene.screenSpaceCameraController.enableInputs = false;
+ }
+ }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
+
+ // 缁戝畾涓嬬Щ鍔ㄤ簨浠�
+ const upHandler = new Cesium.ScreenSpaceEventHandler(
+ Viewer.scene.canvas
+ );
+ upHandler.setInputAction(function () {
+ if (Cesium.defined(selectedPlane)) {
+ selectedPlane.material = Cesium.Color.WHITE.withAlpha(0.1);
+ selectedPlane.outlineColor = Cesium.Color.WHITE;
+ selectedPlane = undefined;
+ }
+ scene.screenSpaceCameraController.enableInputs = true;
+ }, Cesium.ScreenSpaceEventType.LEFT_UP);
+ // Update plane on mouse move
+ const moveHandler = new Cesium.ScreenSpaceEventHandler(
+ Viewer.scene.canvas
+ );
+ moveHandler.setInputAction(function (movement) {
+ if (Cesium.defined(selectedPlane)) {
+ const deltaY = movement.startPosition.y - movement.endPosition.y;
+ targetY += deltaY;
+ // console.log("targetY----",targetY)
+ }
+ }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+ function createPlaneUpdateFunction(plane) {
+ return function () {
+ plane.distance = targetY;
+ // console.log("targetY----",targetY)
+ return plane;
+ };
+ }
+ //鑾峰彇鍒囬潰鐨則ype // 涓娿�佷笅銆佸乏銆佸彸銆佸墠銆佸悗
+ function getType4Plane(plane) {
+ var m_type;
+ var normal = plane._normal;
+ var x = normal.x;
+ var y = normal.y;
+ var z = normal.z;
+ if (x == 1 && y == 0 && z == 0) {
+ m_type = 'left';
+ }
+ else if (x == -1 && y == 0 && z == 0) {
+ m_type = 'right';
+ }
+ else if (x == 0 && y == 1 && z == 0) {
+ m_type = 'behind';
+ }
+ else if (x == 0 && y == -1 && z == 0) {
+ m_type = 'front';
+ }
+ else if (x == 0 && y == 0 && z == -1) {
+ m_type = 'top';
+ }
+ return m_type;
+ }
+ function createPlaneUpdateFunction_box(plane, type, origin) {
+ return function () {
+ var num_x = window.localStorage.getItem('slider_x') / 100000;
+ var num_y = window.localStorage.getItem('slider_y') / 100000;
+ var num_z = window.localStorage.getItem('slider_z') / 1.5;//璇诲彇婊戝姩鏉″��
+ var origin_degree = cartesian3ToDegrees(origin);
+ var target_degree_x = [origin_degree[0] + num_x, origin_degree[1], +origin_degree[2]];
+ var target_degree_y = [origin_degree[0], origin_degree[1] + num_y, +origin_degree[2]];
+ var target_degree_z = [origin_degree[0], origin_degree[1], +origin_degree[2] + num_z];
+ var m_dis_x = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_x[0], target_degree_x[1], target_degree_x[2]));
+ var m_dis_y = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_y[0], target_degree_y[1], target_degree_y[2]));
+ var m_dis_z = Cesium.Cartesian3.distance(origin, Cesium.Cartesian3.fromDegrees(target_degree_z[0], target_degree_z[1], target_degree_z[2]));
+ createPlanePos(origin_degree, num_x, num_y, num_z);
+ let distance = 140;
+ if (type == 'left') {
+ if (num_x < 0) {
+ plane.distance = distance - (-m_dis_x);
+ return plane;
+ } else {
+ plane.distance = distance - m_dis_x
+ return plane;
+ }
+ }
+ else if (type == 'behind') {
+ if (num_y < 0) {
+ plane.distance = distance - (-m_dis_y);
+ return plane;
+ } else {
+ plane.distance = distance - m_dis_y;
+ return plane;
+ }
+ }
+ else if (type == 'right') {
+ if (num_x < 0) {
+ plane.distance = distance - m_dis_x;
+ return plane;
+ } else {
+ plane.distance = distance - (-m_dis_x);
+ return plane;
+ }
+ }
+ else if (type == 'front') {
+ if (num_y < 0) {
+ plane.distance = distance - m_dis_y;
+ return plane;
+ } else {
+ plane.distance = distance - (-m_dis_y);
+ return plane;
+ }
+ }
+ else if (type == 'top') {
+ if (num_z < 0) {
+ plane.distance = m_dis_z;
+ // console.log('num_z=========',num_z)
+ // console.log('m_dis_z=========',m_dis_z)
+ // plane.distance = distance - m_dis_z;
+ return plane;
+ } else {
+ // plane.distance = 100;
+ plane.distance = distance - (-m_dis_z);
+ return plane;
+ }
+ }
+ return plane;
+ };
+ }
+
+ function createPlanePos(origin, x, y, z) {
+ var clipbox = Viewer.entities.getById('ClopBox');
+ if (clipbox) {
+ clipbox.position = new Cesium.CallbackProperty(function () {
+ return Cesium.Cartesian3.fromDegrees(origin[0] + x, origin[1] + y, +origin[2] + z);//瀹炴椂杩斿洖褰撳墠鐩掑瓙鐨勪綅缃�
+ }, false);
+ }
+ }
+ function cartesian3ToDegrees(cartesian3) {
+ var ellipsoid = Viewer.scene.globe.ellipsoid;
+ var cartographic = ellipsoid.cartesianToCartographic(cartesian3);
+ var lat = Cesium.Math.toDegrees(cartographic.latitude);
+ var lng = Cesium.Math.toDegrees(cartographic.longitude);
+ var alt = cartographic.height;
+ var pos = [lng, lat, alt];
+ return pos;
+ }
+
+ },
+
+ //鍏抽棴绠￠亾淇℃伅寮圭獥
+ closePipelinePop() {
+ this.$refs &&
+ this.$refs.queryinfo &&
+ this.$refs.queryinfo.close("queryinfo");
+ },
+ setclippingModel() {
+ if (window.model) {
+ setTimeout(() => {
+ window.model.clippingModel({
+ direction: "z",
+ });
+ }, 1000);
+ // window.model.clippingModel({
+ // direction: 'z',
+ // });
+ }
+ },
+ clear(res) {
+ switch (res) {
+ case "d4":
+ layer.close(this.dxpmIndex);
+ this.dxpmIndex = undefined;
+ if (window.AnalysisDXPM) {
+ window.AnalysisDXPM.flyPoint &&
+ Viewer.entities.remove(window.AnalysisDXPM.flyPoint);
+ window.AnalysisDXPM && window.AnalysisDXPM.deleteObject();
+ window.AnalysisDXPM = undefined;
+ }
+ break;
+ case "d5":
+ window.AnalysisFlood.endWater();
+ window.AnalysisFlood = undefined;
+ break;
+ }
+ },
+ addAnalysisFlood() {
+ var url = window.location.href;
+ var testurl = "";
+ if (url.indexOf("web") != -1) {
+ testurl = "/web";
+ }
+ var method = {
+ pointSelect: true,
+ spood: 20,
+ GroupID: 0,
+ url: testurl + "/SmartEarthSDK/Workers/image/33.gif",
+ };
+ window.AnalysisFlood = sgworld.Command.execute(
+ 2,
+ 2,
+ method,
+ (value) => { }
+ );
+ },
+ addterrainSectionAnalysis() {
+ window.AnalysisDXPM = sgworld.Command.execute(
+ 2,
+ 6,
+ { cyjj: 50, objid: 0 },
+ (Distance) => {
+ if (Distance.gcs && Distance.gcs.length) {
+ var url = window.location.href;
+ var testurl = "";
+ if (url.indexOf("web") != -1) {
+ testurl = "/web";
+ }
+ window.AnalysisDXPM.analyseData = Distance;
+ this.dxpmIndex = layer.open({
+ type: 2,
+ title: "鍒嗘瀽缁撴灉",
+ shade: false,
+ area: ["80%", "280px"],
+ offset: "b",
+ skin: "other-class",
+ content:
+ testurl + "/SmartEarthSDK/Workers/analysis/AnalysisDXPM.html",
+ end: () => {
+ this.dxpmIndex && this.clear("d4");
+ },
+ });
+ } else {
+ //鍓栭潰
+ window.AnalysisDXPM && window.AnalysisDXPM.deleteObject();
+ }
+ }
+ );
+ },
+ setWander(res) {
+ switch (res) {
+ case "c1":
+ if (window.PointMY != null) {
+ window.PointMY.drawHandler && window.PointMY.drawHandler.destroy();
+ window.PointMY.end && window.PointMY.end();
+ window.PointMY = null;
+ } else {
+ window.PointMY = window.sgworld.Analysis.setPointFly();
+ }
+ break;
+ case "c2":
+ var url = window.location.href;
+ var testurl = "";
+ if (url.indexOf("web") != -1) {
+ testurl = "/web";
+ }
+ window.sgworld.Command.execute(2, 3, "", (data) => {
+ data.showPoint = false;
+ data.showLine = true;
+ data.mode = 0;
+ // 寮圭獥鏁版嵁
+ window.PathAnimationData = {
+ flyData: data,
+ };
+ window.PathAnimationData.winIndex = layer.open({
+ type: 2,
+ title: "璺緞鍔ㄧ敾",
+ shade: false,
+ area: ["352px", "690px"],
+ offset: "r",
+ skin: "other-class",
+ content: testurl + "/SmartEarthSDK/Workers/path/Path.html",
+ end: function () {
+ PathAnimationData.fly && PathAnimationData.fly.exit();
+ },
+ });
+ });
+ break;
+ case "c3":
+ sgworld.Analysis.createindoormode({ showHelp: true });
+ break;
+ case "c4":
+ window.sgworld.Analysis.createScreenshot();
+ break;
+ }
+ },
+ setOrientation(res) {
+ var resid;
+ switch (res) {
+ case "f1":
+ resid = 1;
+ break;
+ case "f2":
+ resid = 2;
+ break;
+ }
+ var val = {
+ name: "Coord",
+ id: resid,
+ };
+ this.$bus.$emit("mapChangeBox", val);
+ },
+ setViewport(res) {
+ switch (res) {
+ case "b1": //鍒嗗睆
+ this.$bus.$emit("changemap", 1);
+ break;
+ case "b2": //浜岀淮
+ this.$bus.$emit("changemap", 2);
+ break;
+ case "b3": //涓夌淮
+ this.$bus.$emit("changemap", 3);
+ break;
+ case "b4": //鍏ㄥ浘
+ window.sgworld.Navigate.jumpTo({
+ //璺宠浆瑙嗚
+ destination: new Cesium.Cartesian3.fromDegrees(110, 32, 8000000),
+ });
+ window.map
+ .getView()
+ .setCenter(transform([110, 32], "EPSG:4326", "EPSG:3857"));
+ window.map.getView().setZoom(4);
+ break;
+ case "b5": //鏀惧ぇ
+ window.sgworld.Navigate.zoomIn();
+ // 鑾峰彇褰撳墠瑙嗗浘
+ var zoom = window.map.getView().getZoom(); // 鑾峰彇褰撳墠缂╂斁绾у埆
+ window.map.getView().setZoom(zoom + 1); // 璁剧疆缂╂斁绾у埆
+
+ break;
+ case "b6": //缂╁皬
+ window.sgworld.Navigate.zoomOut();
+ var zoom = window.map.getView().getZoom(); // 鑾峰彇褰撳墠缂╂斁绾у埆
+ window.map.getView().setZoom(zoom - 1); // 璁剧疆缂╂斁绾у埆
+ break;
+ case "b7": //姣斾緥灏�
+ this.isRuler = !this.isRuler;
+ window.sgworld.navControl("scale", this.isRuler);
+ if (this.isRuler == true) {
+ this.scaleLine = new ScaleLine({
+ units: "metric",
+ });
+ window.map.addControl(this.scaleLine);
+ } else {
+ window.map.removeControl(this.scaleLine);
+ this.scaleLine = false;
+ }
+ break;
+ case "b8": //鎸囧寳閽�
+ this.isNaviget = !this.isNaviget;
+ window.sgworld.navControl("nav", this.isNaviget);
+ this.$store.state.isNaviget = this.isNaviget;
+ break;
+ case "b9": //鍦颁笅妯″紡
+ // this.UndergroundMode = !this.UndergroundMode;
+ // window.sgworld.Analysis.UndergroundMode(this.UndergroundMode, 0.3);
+ if (window.UndergroundMode) {
+ this.$refs &&
+ this.$refs.undergroundModel &&
+ this.$refs.undergroundModel.close();
+ } else {
+ this.$refs &&
+ this.$refs.undergroundModel &&
+ this.$refs.undergroundModel.open("鍦颁笅妯″紡", null,);
+ }
+
+ break;
+ }
+ },
+ setCoverage(res) {
+ switch (res) {
+ case "a1":
+ if (this.$store.state.layerMnage == false) {
+ this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll();
+ this.$refs && this.$refs.maplayer && this.$refs.maplayer.open();
+ this.$store.state.layerMnage = true;
+ } else if (this.$store.state.layerMnage == true) {
+ this.$bus.$emit("treeDataCopy", "true");
+ this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll();
+ this.$store.state.layerMnage = false;
+ }
+
+ break;
+ }
+ },
+ menuChange(res) {
+ this.setListTwoMenu = this.setListTwoMenuAll[res];
+ },
+ async layersStart() {
+ const data = await perms_selectLayers();
+ if (data.code != 200) {
+ return this.$message.error("鍥惧眰鍒楄〃鏌ヨ澶辫触");
+ }
+
+ var std = data.result;
+ var that = this;
+ var checkKey = [];
+ let checkedLayers = [];
+ this.$store.state.isProjectLayer = [];
+
+ var val = std.filter((str) => {
+ if (str.type == 1) {
+ return str;
+ }
+ if (str.url != null && str.type == 2) {
+ if (str.isShow == 1) {
+ checkKey.push(str.id);
+ }
+ return str;
+ }
+ });
+ var value = std.filter((str) => {
+ if (str.url != null && str.type == 2 && str.isShow == 1) {
+ return str;
+ }
+
+ })
+ var layer = std.filter((str) => {
+ if (str.isProject == 1 && str.type == 2) {
+ this.$store.state.isProjectLayer.push(str);
+ }
+ })
+
+ this.setAddLayers(value);
+ var res = this.setTreeData(val);
+ this.$store.state.pigCode = null;
+ //瀛樺偍閫変腑鍥惧眰
+ // sessionStorage.setItem("checkedLayers", JSON.stringify(checkedLayers));
+
+ // for (var i in res) {
+ // res[i].children = res[i].children.filter((val) => {
+ // if (val.children != null) {
+ // return val;
+ // }
+ // });
+ // }
+ this.$store.state.oldTree = val;
+ this.$store.state.treeData = res;
+
+ this.$store.state.checkedKeys = checkKey;
+ },
+ setTreeData(source) {
+ let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
+ return cloneData.filter((father) => {
+ // 寰幆鎵�鏈夐」
+ let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
+ if (branchArr.length > 0) {
+ branchArr.sort(function (a, b) {
+
+ return a.orderNum - b.orderNum
+ })
+ }
+ branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+ // 灞炰簬鍚屼竴瀵硅薄闂锛屼緥濡傦細浠� a=b銆乧=1 锛岀劧鍚庡啀浠� b.c=c 锛� 閭ｄ箞 a.c=b.c=c=1 锛涘悓鐞嗭紝鍚庣画浠� c.d=2 ,閭ｄ箞 a.c.d 涔熸槸=2锛�
+ // 鐢辨寰幆澶氭鍚庯紝灏辫兘褰㈡垚鐩稿簲鐨勬爲褰㈡暟鎹粨鏋�
+ return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
+ });
+ },
+ setAddLayers(res) {
+ this.setClearWmsLayer()
+ var std = [[]];
+ for (var i in res) {
+ switch (res[i].serveType) {
+ case "WMS":
+ std[0].push(res[i])
+ break;
+ }
+ }
+ if (std[0].length != 0) {
+ if (this.$store.state.pigCode) {
+
+ this.setPrjidWmsLayer(std[0])
+ } else {
+
+ this.setAddWmsLayer(std[0])
+ }
+
+ }
+ },
+ setPrjidWmsLayer(res) {
+ var layer = [];
+ var sql = [];
+ var dirid = this.$store.state.pigCode
+ var that = this;
+ for (var i in res) {
+ layer.push(res[i].url)
+
+ if (res[i].isProject == 1) {
+ var val = "dirid like '" + dirid + "%'"
+ sql.push(val)
+ } else {
+ sql.push("1 = 1")
+ }
+ }
+ layer = layer.reverse();
+ sql = sql.reverse().join(";")
+ var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("html", null, function (html) {
+
+ that.getFeatureInfo(html)
+ });
+ window.layerWMS = new Cesium.WebMapServiceImageryProvider({
+ url: geoServerURl,
+ layers: layer.toString(),
+ getFeatureInfoParameters: { info_format: 'text/html' },
+ enablePickFeatures: true,
+ getFeatureInfoFormats: [getFeatureInfoFormat],
+ parameters: {
+ transparent: true,
+ format: "image/png",
+ srs: "EPSG:4490",
+ styles: "",
+ cql_filter: sql
+ },
+ tileWidth: 512,
+ tileHeight: 512,
+ });
+ layerWMS.name = "Wms_Layer";
+
+ window.Viewer.imageryLayers.addImageryProvider(window.layerWMS);
+ var layer2 = new Image({
+ name: "Wms_Layer",
+ source: new ImageWMS({
+ crossOrigin: "anonymous",
+ url: geoServerURl,
+ params: {
+ FORMAT: "image/png",
+ VERSION: "1.1.1",
+ LAYERS: layer.toString(),
+ cql_filter: sql
+ },
+ }),
+ });
+ if (res.opacity) {
+ layer2.setOpacity(parseInt(res.opacity) / 100);
+ }
+ window.map.addLayer(layer2);
+ },
+
+
+
+ setClearWmsLayer() {
+ for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) {
+ var val_id = window.Viewer.imageryLayers._layers[i].imageryProvider.name;
+ if (val_id == "Wms_Layer") {
+ window.Viewer.imageryLayers.remove(
+ window.Viewer.imageryLayers._layers[i]
+ );
+ }
+ }
+ var layers_ol = window.map.getAllLayers();
+ for (var i in layers_ol) {
+ var layerOl = layers_ol[i];
+ if (layerOl.values_.name == "Wms_Layer") {
+ window.map.removeLayer(layers_ol[i]); //鏄剧ず鍥惧眰
+ }
+ }
+ },
+ setAddWmsLayer(res) {
+
+ var url = [];
+ for (var i in res) {
+ if (res[i].url) {
+ url.push(res[i].url)
+ }
+ }
+
+ url = url.reverse();
+ var that = this;
+ var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("html", null, function (html) {
+ that.getFeatureInfo(html)
+ });
+ window.layerWMS = new Cesium.WebMapServiceImageryProvider({
+ url: geoServerURl,
+ layers: url.toString(),
+ getFeatureInfoParameters: { info_format: 'text/html' },
+ enablePickFeatures: true,
+ getFeatureInfoFormats: [getFeatureInfoFormat],
+ parameters: {
+ transparent: true,
+ format: "image/png",
+ srs: "EPSG:4490",
+ styles: "",
+ },
+ tileWidth: 512,
+ tileHeight: 512,
+ });
+ layerWMS.name = "Wms_Layer";
+ window.Viewer.imageryLayers.addImageryProvider(window.layerWMS);
+ var layer2 = new Image({
+ name: "Wms_Layer",
+ source: new ImageWMS({
+ crossOrigin: "anonymous",
+ url: geoServerURl,
+ params: {
+ FORMAT: "image/png",
+ VERSION: "1.1.1",
+ LAYERS: url.toString(),
+ },
+ }),
+ });
+ if (res.opacity) {
+ layer2.setOpacity(parseInt(res.opacity) / 100);
+ }
+ window.map.addLayer(layer2);
+ },
+ async getFeatureInfo(html) {
+ var start = html.indexOf("<caption class=\"featureInfo\">") + "<caption class=\"featureInfo\">".length;
+ var end = html.indexOf("</caption>");
+ var tab = html.substr(start, end - start);
+ start = html.lastIndexOf(tab) + tab.length + 1;
+ end = html.indexOf("</td>", start);
+ var gid = html.substr(start, end - start);
+
+ if (gid && tab) {
+ this.$store.state.pickoption = {
+ gid: gid,
+ name: tab.replaceAll("_", "")
+ }
+ if (tab == 'm_surface_deformation_data') {
+ this.$store.state.surfaceDeForm.flag = true;
+ this.$store.state.surfaceDeForm.gid = gid;
+ } else {
+ this.$store.state.surfaceDeForm.flag = false;
+ this.$store.state.surfaceDeForm.gid = null;
+ }
+ const res = await dataQuery_selectTabByEntity({
+ name: this.$store.state.pickoption.name
+ })
+
+ if (res.code != 200) {
+ return;
+ }
+ var value = res.result.split('.')
+ this.$store.state.propertiesName = {
+ ns: value[0],
+ enName: value[1],
+ tabDesc: '鎷惧彇淇℃伅'
+ }
+ var name = this.$store.state.pickoption.name;
+ const data = await inquiry_selectFields({ name: name })
+ if (data.code != 200) {
+ this.$message.error("鍒楄〃璋冪敤澶辫触")
+ }
+ const data1 = await inquiry_selectDomains({ name: name })
+ if (data1.code != 200) {
+ this.$message.error("鍒楄〃璋冪敤澶辫触")
+ }
+ this.optionx = []
+ this.attributeData = []
+ var valadata = data.result
+ var laydomain = data1.result
+ this.optionx = data1.result
+ for (var i in valadata) {
+ if (valadata[i].showtype == 1) {
+ if (
+ valadata[i].domainNa != null &&
+ valadata[i].domainNa != undefined
+ ) {
+ for (var j in laydomain) {
+ if (laydomain[j].domName == valadata[i].domainNa) {
+ // valadata[i].domainNa = laydomain[j].codeDesc
+ }
+ }
+ }
+ // this.optionx.push(valadata[i])
+ this.attributeData.push(valadata[i])
+ }
+ }
+
+ this.getTableData()
+ }
+ },
+ //鏍煎紡鍖栨椂闂�
+ format(shijianchuo) {
+ //shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲
+ var time = new Date(shijianchuo);
+ var y = time.getFullYear();
+ var m = time.getMonth() + 1;
+ var d = time.getDate();
+ var h = time.getHours();
+ var mm = time.getMinutes();
+ var s = time.getSeconds();
+ return (
+ y +
+ '-' +
+ this.add0(m) +
+ '-' +
+ this.add0(d) +
+ ' ' +
+ h +
+ ':' +
+ mm +
+ ':' +
+ s
+ );
+ },
+ //鏍煎紡鍖栨椂闂�
+ add0(m) {
+ return m < 10 ? '0' + m : m;
+ },
+ async getTableData() {
+ this.tableData = []
+ const data = await dataQuery_selectByGid(this.$store.state.pickoption)
+ if (data.code != 200) {
+ return
+ }
+
+ var valste = data.result
+ valste.dirid = valste.dirName;
+ valste.depid = valste.depName;
+ valste.verid = valste.verName;
+ valste.createuser = valste.createName;
+ valste.updateuser = valste.updateName;
+ if (valste.createtime) {
+ valste.createtime = this.format(valste.createtime)
+ }
+ if (valste.updatetime) {
+ valste.updatetime = this.format(valste.updatetime)
+ }
+
+ for (var j in this.optionx) {
+ if (
+ this.optionx[j].domainNa != null &&
+ this.optionx[j].domainNa != undefined
+ ) {
+
+ valste[this.optionx[j].field] = this.optionx[j].domainNa
+ }
+ }
+ var arr = {}
+ for (var i = (this.attributeData.length - 1); i >= 0; i--) {
+ var vla = this.attributeData[i]
+
+
+ if (vla.domainNa) {
+
+ var val = this.optionx.filter(res => {
+ if (res.domName == vla.domainNa && res.domCode == valste[vla.field]) {
+ return res;
+ }
+ })
+ var vlue = null
+ if (val.length > 0) {
+ vlue = val[0].codeDesc
+ } else {
+ vlue = ''
+ }
+ arr[vla.alias] = vlue
+ } else {
+ arr[vla.alias] = valste[vla.field]
+ }
+ }
+
+ arr['eventid'] = valste.eventid
+
+
+ this.$store.state.propertiesInfo = arr;
+
+ this.$store.state.propertiesFlag = '1'
+
+ },
+
+ showModelAttach() {
+ if (this.$store.state.attachModel) {
+ var name = this.$store.state.attachinfo.cnName;
+ this.$refs &&
+ this.$refs.modelAttach &&
+ this.$refs.modelAttach.open(name, null, {
+ close: () => { },
+ });
+ } else {
+ }
+ },
+ async showModelCatch() {
+ if (this.$store.state.catModel) {
+ this.formInline = {
+ title: '',
+ file: '',
+ name: '',
+ type: '',
+ info: '',
+ icon: '',
+ bak: ''
+ }
+ this.formInline.title = this.$store.state.catModelInfo.name;
+ this.formInline.Id = this.$store.state.catModelInfo.id;
+ this.formInline.LayerName = this.$store.state.catModelInfo.layerName;
+ this.startModelData();
+ this.activeName = "first"
+ this.getAttacthFlieList();
+ this.dialogVisible = true;
+ } else {
+ this.dialogVisible = false;
+ window.pickedFeature.color = window.pickedColor;
+ }
+ },
+ async startModelData() {
+ var obj = {
+ layerid: this.$store.state.catModelInfo.layerId,
+ modelid: this.$store.state.catModelInfo.id
+ }
+ const data = await comprehensive_selectModelByGuid(obj);
+ if (data.code != 200) {
+ return;
+ }
+
+ if (data.result == null) {
+ this.isShowModel = true;
+ this.formInline.name = this.formInline.title;
+ } else {
+ this.isShowModel = false;
+ this.formInline = data.result;
+
+ this.formInline.title = this.formInline.name;
+
+ }
+ },
+ async EditData() {
+ const data = await comprehensive_updateModel(this.formInline)
+ if (data.code != 200) {
+ this.$message.error('淇敼澶辫触');
+ } else {
+ this.$message({
+ message: '淇敼鎴愬姛',
+ type: 'success'
+ });
+ }
+ this.startModelData();
+ },
+ async InsertData() {
+ var std = {
+ "bak": this.formInline.bak,
+ "guid": this.$store.state.catModelInfo.id,
+ "layerid": this.$store.state.catModelInfo.layerId,
+ "modelid": this.$store.state.catModelInfo.id,
+ "name": this.formInline.name,
+ "type": this.formInline.type
+ }
+ const data = await comprehensive_insertModel(std)
+ if (data.code != 200) {
+ this.$message.error('娣诲姞澶辫触');
+ } else {
+ this.$message({
+ message: '娣诲姞鎴愬姛',
+ type: 'success'
+ });
+ }
+ this.startModelData();
+
+ },
+ handleClose() {
+ this.$store.state.catModel = false;
+ },
+
+ //闄勪欢鍒楄〃鏂板
+ setAttachInsert() {
+ var token = getToken();
+ var fs = document.getElementById("insertFile");
+ if (fs.files.length == 0) {
+
+ this.$message({
+ message: '璇烽�夋嫨瑕佷笂浼犵殑鏂囦欢锛�',
+ type: 'warning'
+ });
+ return;
+ }
+ const formData = new FormData()
+ for (var i = 0, c = fs.files.length; i < c; i++) {
+
+ formData.append('file', fs.files[i]); // fs.files[i].name,file
+ }
+
+ $.ajax(BASE_URL + "/comprehensive/uploadFiles?token=" + token + "&tabName=lf.sys_style&eventid=" + this.$store.state.catModelInfo.id, {
+ type: "post",
+ data: formData,
+ async: true,
+ cache: false,
+ processData: false,
+ contentType: false,
+ success: (rs) => {
+ this.$message({
+ message: '闄勪欢娣诲姞鎴愬姛',
+ type: 'success'
+ });
+ document.getElementById("insertFile").value = "";
+ this.formInline.file = "";
+ this.getAttacthFlieList();
+ },
+ error: (e) => {
+ document.getElementById("insertFile").value = "";
+ this.formInline.file = "";
+ this.$message.error('闄勪欢娣诲姞澶辫触');
+ }
+ });
+ },
+ //闄勪欢鍒楄〃鏌ヨ
+ async getAttacthFlieList() {
+ var obj = {
+ eventid: this.$store.state.catModelInfo.id,
+ tabName: "lf.sys_style"
+ };
+ const res = await comprehensive_selectFiles(obj);
+ if (res.code != 200) {
+ this.$message.error('鍒楄〃璋冪敤澶辫触');
+ return
+ }
+ this.tableData = res.result;
+ },
+
+
+ //闄勪欢=>鏂囦欢閫夋嫨
+ getInsertFile() {
+ $('#insertFile').click();
+ },
+ insertFile() {
+ var val = document.getElementById('insertFile').files;
+ if (!val || !val.length) return;
+ this.formInline.file = val[0].name;
+ },
+ statSizeChange(row, column) {
+ return this.stateFormatSizes(row.sizes)
+ },
+ stateFormatSizes(res) {
+ if (res >= 1024) {
+ const val = parseFloat(res / 1024).toFixed(3);
+ return val + ' GB';
+ } else {
+ return res + ' MB';
+ }
+ },
+ matchState(state = "", reg) {
+ var row = state.row;
+ var name = row.name;
+ if (name.indexOf('.pdf') != -1
+ || name.indexOf('.jpg') != -1
+ || name.indexOf('.gif') != -1
+ || name.indexOf('.png') != -1
+ || name.indexOf('.jpeg') != -1
+ || name.indexOf('.PDF') != -1
+ || name.indexOf('.JPG') != -1
+ || name.indexOf('.GIF') != -1
+ || name.indexOf('.PNG') != -1
+ || name.indexOf('.JPEG') != -1
+ || name.indexOf('.BMP') != -1
+ || name.indexOf('.bmp') != -1) {
+ return true;
+ }
+
+ return false;
+ },
+ refreshAttatchDetail() {
+ this.dialog.src = "";
+ this.dialog.dialogVisible = false;
+ this.dialog.isPdf = false;
+ this.dialog.isJpg = false;
+ },
+ //闄勪欢鏌ョ湅
+ setAttatchDetail(index, row) {
+ this.refreshAttatchDetail()
+ var name = row.name;
+ if (name.indexOf('.pdf') != -1 || name.indexOf('.PDF') != -1) {
+ this.dialog.dialogVisible = true;
+ this.dialog.isPdf = true;
+ var url = BASE_URL + "/comprehensive/downloadForView?guid=" + row.guid + "&token=" + getToken();
+ this.dialog.src = url
+ } else if (
+ name.indexOf('.jpg') != -1
+ || name.indexOf('.gif') != -1
+ || name.indexOf('.png') != -1
+ || name.indexOf('.jpeg') != -1
+ || name.indexOf('.JPG') != -1
+ || name.indexOf('.GIF') != -1
+ || name.indexOf('.PNG') != -1
+ || name.indexOf('.JPEG') != -1
+ || name.indexOf('.BMP') != -1
+ || name.indexOf('.bmp') != -1
+ ) {
+ this.dialog.dialogVisible = true;
+ this.dialog.isJpg = true;
+ var url = BASE_URL + "/comprehensive/downloadForView?guid=" + row.guid + "&token=" + getToken();
+ this.dialog.src = url
+ }
+ },
+ handleClick(tab, event) {
+ if (tab.name == "second") {
+ this.getAttacthFlieList();
+ }
+ },
+ //闄勪欢鍒櫎
+ async setAttachDel() {
+ var std = [];
+ for (var i in this.attacgSelection) {
+ std.push(this.attacgSelection[i].id);
+ }
+
+ const res = await comprehensive_deletes({ ids: std.toString() });
+ if (res.code != 200) {
+ this.$message.error('鏂囦欢鍒犻櫎澶辫触');
+ }
+ this.getAttacthFlieList();
+ },
+ // 闄勪欢=>琛ㄦ牸閫夋嫨
+ handleAttatchChange(val) {
+ this.attacgSelection = val;
+ },
+ //鎷惧彇鏁版嵁鑾峰彇
+ async getPickUpData(info) {
+ let checkedLayers = JSON.parse(sessionStorage.getItem("checkedLayers"));
+ let showPop = false;
+ for (const item of checkedLayers) {
+ let name = item.url.replaceAll("LF:", "");
+ name = name.replaceAll("_", "");
+ let params = {
+ buffer: 10,
+ limit: 20,
+ name: name,
+ wkt: `POINT (${info.lon} ${info.lat})`,
+ }
+ const res = await selectByBuffer(params);
+ if (res.result && res.result.length > 0) {
+ this.$store.state.mapPopBoxFlag = "4";
+ this.$store.state.pickUpPointInfo = info;
+ this.$refs &&
+ this.$refs.queryinfo &&
+ this.$refs.queryinfo.open("鎷惧彇鍒嗘瀽", null,);
+ showPop = true;
+ break;
+ }
+ }
+ if (!showPop) {
+ this.$message.warning("鏆傛棤鏁版嵁!");
+ }
+ },
+ showPopBox() {
+
+ if (this.$store.state.showPopBoxFlag == true) {
+ this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close();
+ this.$refs &&
+ this.$refs.queryinfo &&
+ this.$refs.queryinfo.open("灞炴��", null, {
+ close: () => {
+ this.$store.state.showPopBoxFlag == false
+ if (this.$store.state.primitLayer != null) {
+ sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
+ this.$store.state.primitLayer = null;
+ }
+
+ if (window.Viewer.scene.primitives.length != 0) {
+ window.Viewer.scene.primitives.removeAll();
+ }
+ },
+ });
+ }
+ },
+ setPellucidity() {
+ this.$refs && this.$refs.setPellucidity && this.$refs.setPellucidity.open();
+ },
+ setDialogInsertVisible(res) {
+ this.ruleForm = res;
+ this.dialogInsertVisible = true;
+ },
+ downloadx() {
+ this.$bus.$emit("setInsertDown1", this.codeForm)
+ this.closeDownx();
+ },
+ handleCloseDown1() {
+ this.$confirm("纭鍏抽棴锛�")
+ .then(_ => {
+ this.closeDownx();
+ })
+ .catch(_ => { })
+ },
+ closeDownx() {
+ this.dialogVisible1 = false;
+ this.codeForm = {
+ password: '',
+ repassword: '',
+ }
+ },
+ closeInsertDown() {
+ this.ruleForm = {
+ depname: [],
+ tabs: [],
+ pwd: null,
+ repwd: null,
+ wkt: null,
+ descr: null,
+ }
+ this.dialogInsertVisible = false
+ },
+ handleInsertClose() {
+ this.$confirm("纭鍏抽棴锛�")
+ .then(_ => {
+ this.closeInsertDown()
+ })
+ .catch(_ => { })
+ },
+ getInsertDownz() {
+ this.dialogInsertVisible = false;
+ // this.dialogVisible1 = true;
+ //
+
+ this.$bus.$emit("setInsertApply1", this.ruleForm)
+ },
+ handleExtentClose() {
+ this.dialogExtentVisible = false
+ this.setExtent = 10;
+ },
+ handleExtentinsert() {
+ this.$bus.$emit("setExtentBUff", this.setExtent)
+ this.handleExtentClose();
+
+ }
+ },
+ mounted() {
+ this.$bus.$off();
+ this.measureData = new Map();
+ this.colorAll = {
+ point: Cesium.Color.fromCssColorString("#ff0000"),
+ polyline: Cesium.Color.fromCssColorString("#ffff00").withAlpha(0.6),
+ polygon: Cesium.Color.fromCssColorString("#ffff00").withAlpha(0.6),
+ };
+ this.$store.state.setAlphaList = []
+ this.$bus.$on("setChangeTwoMenu", (res) => {
+ if (res == 8) {
+ this.setLayerScene();
+ } else {
+ this.menuChange(res);
+ }
+ });
+ this.$bus.$on("showMenuLayer", ((res) => {
+
+ this.setAddLayers(res);
+ }));
+ this.$bus.$on("showPellucidity", res => {
+ this.setPellucidity();
+ });
+
+
+ this.$store.state.isProjectLayer = [];
+ this.$store.state.pigCode = null;
+ this.$store.state.showAllLayers = true;
+ this.$store.state.layerMnage = false;
+ this.$store.state.treeData = null;
+ this.$store.state.checkedKeys = [];
+ // this.setCoverage("a1");
+ this.layersStart();
+
+
+ this.$bus.$on("setDialogInsertVisible", (res) => {
+ if (res == true) {
+ this.dialogVisible1 = true;
+ } else {
+ this.setDialogInsertVisible(res);
+ }
+ })
+ this.$bus.$on('showExtentLayer', res => {
+ this.dialogExtentVisible = res;
+ });
+
+
+
+
+
+ },
+ watch: {
+ Obj(newVal, oldVal) {
+ this.showModelAttach();
+ },
+ catch(newVal, oldVal) {
+ this.showModelCatch();
+ },
+ popObj(newVal, oldVal) {
+ this.showPopBox();
+ }
+ },
+ computed: {
+ Obj() {
+ return this.$store.state.attachModel;
+ },
+ catch() {
+ return this.$store.state.catModel;
+ },
+ popObj() {
+ return this.$store.state.showPopBoxFlag;
+ }
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.menu_Box {
+ width: 100%;
+ height: 100%;
+
+ margin: 0;
+ padding: 0;
+ overflow-y: auto;
+ // text-align: center;
+ display: flex;
+ flex-wrap: wrap;
+ align-content: flex-start;
+
+ .leftMen_div {
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ border: 1px solid rgba(0, 0, 0, 0);
+ padding: 5px;
+ min-width: 100px;
+ margin-left: 10px;
+ margin-top: 10px;
+ border-radius: 5px;
+ text-align: center;
+ }
+
+ .leftMen_div:hover {
+ background: rgba(64, 158, 255, 0.4);
+ border: 1px solid #409eff;
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
+ border-radius: 5px;
+ }
+
+ .lefMenuDivActive {
+ background: rgba(64, 158, 255, 0.4);
+ border: 1px solid #409eff;
+ }
+
+ .menuTwoImage {
+ width: 30px;
+ height: 30px;
+ display: inline-block;
+ }
+ .pdfClass {
+ height: 63vh;
+ width: 100%;
+ }
+}
+</style>
--
Gitblit v1.9.3