From fb98e10c76d7e6c2d01f3a9f8c1b727f905cbdca Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期一, 05 二月 2024 15:30:50 +0800 Subject: [PATCH] 代码更新 --- src/views/Synthesis/LeftMenu.vue | 1102 ++++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 925 insertions(+), 177 deletions(-) diff --git a/src/views/Synthesis/LeftMenu.vue b/src/views/Synthesis/LeftMenu.vue index e5707d9..a19ffd7 100644 --- a/src/views/Synthesis/LeftMenu.vue +++ b/src/views/Synthesis/LeftMenu.vue @@ -17,6 +17,8 @@ <queryinfo ref="queryinfo" /> <terrainDig ref="terrainDig" /> <modelAttach ref="modelAttach" /> + <undergroundModel ref="undergroundModel" /> + <setPellucidity ref="setPellucidity" /> <input type="file" accept=".kml" @@ -67,11 +69,14 @@ v-if="dialog.isJpg" class="pdfClass" > - <img + + <el-image style="width:100%; height:100%" :src="dialog.src" - alt="" - /> + :preview-src-list="[dialog.src]" + > + </el-image> + </div> </el-dialog> <div style="height:63vh"> @@ -184,52 +189,158 @@ </el-tab-pane> </el-tabs> - <!-- <el-form :model="formInline"> - <el-form-item> - <el-row :gutter="20"> - <el-col :span="20"> - <el-input - size="small" - disabled - v-model="formInline.file" - ></el-input> - - <input - name="file1" - type="file" - id="insertFile" - multiple="multiple" - style="display: none" - @change="insertFile( )" - /> - </el-col> - <el-col :span="4"> - <el-link - @click="getInsertFile( )" - :underline="false" - icon="el-icon-folder" - > </el-link> - </el-col> - </el-row> - </el-form-item> - <el-form-item> - <el-button - @click="setAttachInsert" - size="mini" - type="primary" - plain - >娣诲姞</el-button> - <el-button - type="danger" - plain - size="mini" - @click="setAttachDel" - >鍒犻櫎</el-button> - </el-form-item> - </el-form> --> - <!-- @selection-change="handleAttatchChange" --> </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> @@ -241,6 +352,8 @@ 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"; @@ -255,7 +368,11 @@ comprehensive_deletes, comprehensive_selectModelByPageAndCount, comprehensive_insertModel, - comprehensive_updateModel, selectByBuffer + comprehensive_updateModel, selectByBuffer, + dataQuery_selectTabByEntity, + inquiry_selectDomains, + inquiry_selectFields, + dataQuery_selectByGid, } from '../../api/api.js' import { OverviewMap, @@ -268,9 +385,40 @@ import { geometry } from "@turf/turf"; export default { - components: { mapinfo, maplayer, queryinfo, terrainDig, modelAttach }, + 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: [ @@ -293,6 +441,12 @@ name: "鍦颁笅妯″紡", css: "twoMenu_imge29", }, + // { + // id: "b10", + // label: "synthesis.undergroundMode", + // name: "鐡︾墖涓嬭浇", + // css: "twoMenu_imge29", + // }, ], [ { @@ -475,12 +629,7 @@ name: "绌洪棿鏌ヨ", css: "twoMenu_imge52", }, - { - id: "e3", - label: "synthesis.pickup", - name: "鎷惧彇", - css: "twoMenu_imge52", - }, + ], [ { @@ -678,8 +827,19 @@ label: '鍏朵粬妯″瀷' }], modelClip: false, - clippingPlanes: null, showPickUp: false, + dialogInsertVisible: false, + dialogVisible1: false, + ruleForm: { + depname: [], + tabs: [], + pwd: null, + repwd: null, + wkt: null, + descr: null, + }, + dialogExtentVisible: false, + setExtent: 10, }; }, methods: { @@ -691,9 +851,12 @@ // 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") { @@ -701,7 +864,7 @@ this.$store.state.mapMenuBoxFlag = null; this.$store.state.mapPopBoolean = false; this.$store.state.mapPopBoxFlag = null; - sgworld.Creator.SimpleGraphic.clear(); + this.isMenuFlag = val; if (this.entityaLayers.length != 0) { for (var i in this.entityaLayers) { @@ -721,7 +884,10 @@ } } 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); @@ -751,6 +917,7 @@ } }, setPlot(res) { + switch (res) { case "h1": sgworld.Creator.createSimpleGraphic( @@ -1395,14 +1562,14 @@ setIquery(res) { switch (res) { case "e2": - Viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK); + this.showPickUp = false; this.$store.state.mapMenuBoolean = !this.$store.state.mapMenuBoolean; this.$store.state.mapMenuBoxFlag = "1"; break; case "e1": - Viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK); this.$store.state.mapMenuBoolean = !this.$store.state.mapMenuBoolean; this.$store.state.mapMenuBoxFlag = "2"; + this.showPickUp = false; break; //鎷惧彇鍔熻兘 case "e3": @@ -1413,7 +1580,9 @@ Viewer.screenSpaceEventHandler.setInputAction(function (event) { let p = sgworld.Navigate.getMouseDegrees(event); console.log(p); - that.getPickUpData(p); + if (that.showPickUp) { + that.getPickUpData(p); + } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); } else { this.$refs.queryinfo.closeAll(); @@ -1551,6 +1720,7 @@ var that = this; that.modelClip = !that.modelClip; if (that.modelClip) { + // that.$store.state.propertiesFlag = '3'; if (window.model) { that.modelClipping(); } @@ -1559,7 +1729,7 @@ new Cesium.Cesium3DTileset({ name: res.cnName, url: modelUrl + "/tileset/m/SN/tileset.json", - maximumScreenSpaceError: 64, // 鏈�澶у睆骞曠┖闂撮敊璇細16 + maximumScreenSpaceError: modelUrl.indexOf("/pnts/") > -1 ? 16 : 64, // 鏈�澶у睆骞曠┖闂撮敊璇細16 maximumMemoryUsage: 768, // 鏈�澶у唴瀛橈細512 dynamicScreenSpaceError: true, // 鍑忓皯绂荤浉鏈鸿緝杩滅殑灞忓箷绌洪棿閿欒锛歠alse skipLevelOfDetail: true, // 鍦ㄩ亶鍘嗘椂鍊欒烦杩囪鎯咃細false @@ -1575,6 +1745,7 @@ } } else { + // that.$store.state.propertiesFlag = ''; Viewer.entities.removeAll(); } // window.model = sgworld.Creator.create3DTilesets( @@ -1619,10 +1790,34 @@ this.closePipelinePop(); if (this.isContrastFlag == false) { this.isContrastFlag = true; - sgworld.Analysis.createCurtainContrast(2, 1); + 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": //鍦伴潰鏁村钩 @@ -1752,7 +1947,7 @@ //妯″瀷瑁佸垏 modelClipping() { const scene = Viewer.scene; - let targetY = 0.0; + let targetY = 40.0; let planeEntities = []; let selectedPlane; let clippingPlanes = new Cesium.ClippingPlaneCollection({ @@ -1765,8 +1960,31 @@ 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({ @@ -1775,7 +1993,7 @@ dimensions: new Cesium.Cartesian2( boundingSphere.radius * 1.5, boundingSphere.radius * 1.5 - ), + ),//鍒囬潰鐨勯暱鍜屽 material: Cesium.Color.WHITE.withAlpha(0.1), plane: new Cesium.CallbackProperty( // 娣诲姞缁戝畾浜嬩欢锛屼笉鏂皟鐢� @@ -1788,10 +2006,41 @@ }); planeEntities.push(planeEntity); } - this.clippingPlanes = clippingPlanes; + // 鍒涘缓娣诲姞瑁佸壀骞抽潰 + // 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; - - // Select plane when mouse down + 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 @@ -1809,7 +2058,6 @@ } }, Cesium.ScreenSpaceEventType.LEFT_DOWN); - // Release plane on mouse up // 缁戝畾涓嬬Щ鍔ㄤ簨浠� const upHandler = new Cesium.ScreenSpaceEventHandler( Viewer.scene.canvas @@ -1830,14 +2078,125 @@ 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; + } + }, //鍏抽棴绠¢亾淇℃伅寮圭獥 @@ -1877,11 +2236,16 @@ } }, addAnalysisFlood() { + var url = window.location.href; + var testurl = ""; + if (url.indexOf("web") != -1) { + testurl = "/web"; + } var method = { pointSelect: true, spood: 20, GroupID: 0, - url: "/SmartEarthSDK/Workers/image/33.gif", + url: testurl + "/SmartEarthSDK/Workers/image/33.gif", }; window.AnalysisFlood = sgworld.Command.execute( 2, @@ -2038,8 +2402,18 @@ this.$store.state.isNaviget = this.isNaviget; break; case "b9": //鍦颁笅妯″紡 - this.UndergroundMode = !this.UndergroundMode; - window.sgworld.Analysis.UndergroundMode(this.UndergroundMode, 0.3); + // 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; } }, @@ -2067,9 +2441,13 @@ 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; @@ -2077,23 +2455,38 @@ if (str.url != null && str.type == 2) { if (str.isShow == 1) { checkKey.push(str.id); - that.setAddLayers(str); } 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; - } - }); - } + // 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.$refs.tree.setCheckedKeys(checkKey); + this.$store.state.checkedKeys = checkKey; }, setTreeData(source) { @@ -2101,6 +2494,12 @@ 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 锛� 閭d箞 a.c=b.c=c=1 锛涘悓鐞嗭紝鍚庣画浠� c.d=2 ,閭d箞 a.c.d 涔熸槸=2锛� // 鐢辨寰幆澶氭鍚庯紝灏辫兘褰㈡垚鐩稿簲鐨勬爲褰㈡暟鎹粨鏋� @@ -2108,101 +2507,309 @@ }); }, setAddLayers(res) { - if (res.serveType == "WMS") { - var resource = geoServerURl; - if (res.resource != null && res.resource != undefined) { - resource = res.resource; + this.setClearWmsLayer() + var std = [[]]; + for (var i in res) { + switch (res[i].serveType) { + case "WMS": + std[0].push(res[i]) + break; } - var imageryLayers = window.Viewer.scene.imageryLayers; - let layerWMS = new Cesium.WebMapServiceImageryProvider({ - url: resource, - layers: res.url, - parameters: { - transparent: true, - format: "image/png", - srs: "EPSG:4490", - styles: "", - }, - tileWidth: 512, - tileHeight: 512, - }); - layerWMS.name = res.cnName; - //閫忔槑搴� - var tdtAnnoLayer = imageryLayers.addImageryProvider(layerWMS); - if (res.opacity) { - tdtAnnoLayer.alpha = parseInt(res.opacity) / 100; - } - var layer2 = new Image({ - name: res.cnName, - source: new ImageWMS({ - crossOrigin: "anonymous", - url: resource, - params: { - FORMAT: "image/png", - VERSION: "1.1.1", - LAYERS: res.url, - }, - }), - }); - if (res.opacity) { - layer2.setOpacity(parseInt(res.opacity) / 100); - } - window.map.addLayer(layer2); - } else if (res.serveType == "WFS") { - var url = - res.resource + - "?service=WFS&version=1.0.0&request=GetFeature&typeName=" + - res.url + - "&outputFormat=application%2Fjson"; - $.ajax({ - url: url, - cache: false, - async: true, - success: function (data) { - var datasource = Cesium.GeoJsonDataSource.load(data, { - stroke: Cesium.Color.YELLOW, - fill: Cesium.Color.YELLOW.withAlpha(0.1), - alpha: 0.1, - strokeWidth: 8, - clampToGround: true, //鏄惁璐村湴 - }); - datasource.then((data) => { - data.name = res.cnName; - window.Viewer.dataSources.add(data); - }); - }, - error: function (data) { - console.log("error"); - }, - }); + } + if (std[0].length != 0) { + if (this.$store.state.pigCode) { - var vectorLayer = new VectorLayer({ - name: res.cnName, - source: new VectorSource({ - url: url, - format: new GeoJSON(), - }), - }); - window.map.addLayer(vectorLayer); - } else if (res.serveType == "Tileset") { - var tileset = Viewer.scene.primitives.add( - new Cesium.Cesium3DTileset({ - name: res.cnName, - url: modelUrl + "/" + res.url, //192.168.20.106,to4 - maximumScreenSpaceError: 64, // 鏈�澶у睆骞曠┖闂撮敊璇細16 - maximumMemoryUsage: 768, // 鏈�澶у唴瀛橈細512 - dynamicScreenSpaceError: true, // 鍑忓皯绂荤浉鏈鸿緝杩滅殑灞忓箷绌洪棿閿欒锛歠alse - skipLevelOfDetail: true, // 鍦ㄩ亶鍘嗘椂鍊欒烦杩囪鎯咃細false - }) - ); + this.setPrjidWmsLayer(std[0]) + } else { - tileset.readyPromise.then(function (tileset) { - tileset.id = res.cnName; - tileset.layerId = res.id; - Viewer.flyTo(tileset); - }); + 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; @@ -2374,7 +2981,18 @@ 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) { + 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; } @@ -2390,12 +3008,23 @@ setAttatchDetail(index, row) { this.refreshAttatchDetail() var name = row.name; - if (name.indexOf('.pdf') != -1) { + 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) { + } 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(); @@ -2451,16 +3080,97 @@ 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(); @@ -2468,13 +3178,45 @@ 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.layersStart(); + + this.$bus.$on('addImageLayer', (res)=>{ + if(res){ + 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) { @@ -2483,6 +3225,9 @@ catch(newVal, oldVal) { this.showModelCatch(); }, + popObj(newVal, oldVal) { + this.showPopBox(); + } }, computed: { Obj() { @@ -2491,6 +3236,9 @@ catch() { return this.$store.state.catModel; }, + popObj() { + return this.$store.state.showPopBoxFlag; + } }, }; </script> -- Gitblit v1.9.3