| | |
| | | <queryinfo ref="queryinfo" /> |
| | | <terrainDig ref="terrainDig" /> |
| | | <modelAttach ref="modelAttach" /> |
| | | <undergroundModel ref="undergroundModel" /> |
| | | <setPellucidity ref="setPellucidity" /> |
| | | <input |
| | | type="file" |
| | | accept=".kml" |
| | |
| | | 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"> |
| | |
| | | </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> |
| | |
| | | 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"; |
| | |
| | | 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, |
| | |
| | | import { geometry } from "@turf/turf"; |
| | | |
| | | export default { |
| | | components: { mapinfo, maplayer, queryinfo, terrainDig, modelAttach }, |
| | | components: { mapinfo, maplayer, queryinfo, terrainDig, modelAttach, undergroundModel, setPellucidity }, |
| | | data() { |
| | | return { |
| | | showTwoMenuFlag: false, |
| | |
| | | } |
| | | } |
| | | this.showTwoMenuFlag = res.id; |
| | | if (val != 'h') { |
| | | if (val != 'h' && res.id != "b9") { |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | Viewer.entities.removeAll(); |
| | | } |
| | |
| | | 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, |
| | | }) |
| | | ); |
| | | 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": //地面整平 |
| | |
| | | // } |
| | | // } |
| | | 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 |
| | |
| | | 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; |
| | | } |
| | | }, |
| | |
| | | }); |
| | | var value = std.filter((str) => { |
| | | if (str.url != null && str.type == 2 && str.isShow == 1) { |
| | | |
| | | return str; |
| | | } |
| | | }) |
| | | |
| | | this.setAddLayers(value); |
| | | |
| | | var res = this.setTreeData(val); |
| | | |
| | | //存储选中图层 |
| | | // 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.treeData = res; |
| | | |
| | |
| | | }); |
| | | }, |
| | | setAddLayers(res) { |
| | | this.setClearWmsLayer() |
| | | var std = [[]]; |
| | | for (var i in res) { |
| | | switch (res[i].serveType) { |
| | |
| | | this.setAddWmsLayer(std[0]) |
| | | } |
| | | }, |
| | | setAddWmsLayer(res) { |
| | | |
| | | 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.map.removeLayer(layers_ol[i]); //显示图层 |
| | | } |
| | | } |
| | | }, |
| | | setAddWmsLayer(res) { |
| | | var url = []; |
| | | for (var i in res) { |
| | | url.push(res[i].url) |
| | | if (res[i].url) { |
| | | url.push(res[i].url) |
| | | } |
| | | } |
| | | |
| | | url = url.reverse(); |
| | | var that = this; |
| | | var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat("html", null, function (html) { |
| | |
| | | name: tab.replaceAll("_", "") |
| | | } |
| | | |
| | | this.$refs && |
| | | this.$refs.queryinfo && |
| | | this.$refs.queryinfo.close("queryinfo"); |
| | | this.$store.state.mapPopBoxFlag = "4"; |
| | | const res = await dataQuery_selectTabByEntity({ |
| | | name: this.$store.state.pickoption.name |
| | | }) |
| | | |
| | | this.$refs && |
| | | this.$refs.queryinfo && |
| | | this.$refs.queryinfo.open("拾取分析", null,); |
| | | 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 |
| | | 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() |
| | | } |
| | | }, |
| | | async getTableData() { |
| | | this.tableData = [] |
| | | const data = await dataQuery_selectByGid(this.$store.state.pickoption) |
| | | if (data.code != 200) { |
| | | return |
| | | } |
| | | |
| | | var valste = data.result |
| | | |
| | | |
| | | 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] |
| | | 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) { |
| | |
| | | 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; |
| | | } |
| | | |
| | |
| | | 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(); |
| | |
| | | }, |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | setPellucidity() { |
| | | this.$refs && this.$refs.setPellucidity && this.$refs.setPellucidity.open(); |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.measureData = new Map(); |
| | |
| | | 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(); |
| | |
| | | } |
| | | }); |
| | | this.$bus.$on("showMenuLayer", ((res) => { |
| | | |
| | | this.setAddLayers(res); |
| | | })); |
| | | this.$bus.$on("showPellucidity", res => { |
| | | this.setPellucidity(); |
| | | }); |
| | | this.$store.state.showAllLayers = true; |
| | | this.$store.state.layerMnage = false; |
| | | this.$store.state.treeData = null; |