| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { image_layer } from "../../assets/js/index.js"; |
| | | import ImageWMS from "ol/source/ImageWMS"; |
| | | import Image from "ol/layer/Image"; |
| | | import GeoJSON from "ol/format/GeoJSON.js"; |
| | | import Map from "ol/Map.js"; |
| | | import queryinfo from "./queryinfo.vue"; |
| | | import { Vector as VectorSource } from "ol/source"; |
| | | import { Vector as VectorLayer } from "ol/layer"; |
| | | |
| | | import View from "ol/View.js"; |
| | | import { Fill, Stroke, Style } from "ol/style.js"; |
| | | import { |
| | | perms_selectLayers, inquiry_selectDomains, comprehensive_selectPubById, |
| | | project_selectDirAll, project_selectByDirid, dataQuerySelectWktById |
| | | } from "../../api/api.js"; |
| | | import { perms_selectLayers, comprehensive_selectPubById, project_selectDirAll, project_selectByDirid, } from "../../api/api.js"; |
| | | export default { |
| | | name: "tree", |
| | | components: { queryinfo }, |
| | |
| | | <template> |
| | | <div class="InfoPopup"> |
| | | <Popup |
| | | ref="pop" |
| | | <Popup ref="pop" |
| | | v-for="(data, index) in PopupData" |
| | | :key="data.id" |
| | | :title="data.title || '提示'" |
| | | maxHeight="400" |
| | | @close="close(data.id)" |
| | | left="calc(90% - 900px)" |
| | | top="calc(100% - 470px) " |
| | | > |
| | | top="calc(100% - 470px) "> |
| | | <div> |
| | | <div |
| | | style="width:940px;height:400px;" |
| | | v-drag |
| | | > |
| | | <div style="width:940px;height:400px;" |
| | | v-drag> |
| | | <map-menu-pop v-if="$store.state.mapPopBoxFlag == '1'" /> |
| | | <map-space-pop v-if="$store.state.mapPopBoxFlag == '2'" /> |
| | | <pipe-line-analy v-if="$store.state.mapPopBoxFlag == '3'" /> |
| | |
| | | }; |
| | | }, |
| | | computed: {}, |
| | | mounted() { |
| | | |
| | | |
| | | |
| | | }, |
| | | mounted () { }, |
| | | directives: { |
| | | drag: { |
| | | inserted: function (el) { |
| | |
| | | const disX = e.clientX; |
| | | const w = dragDom.clientWidth; |
| | | const minW = 500; |
| | | const maxW = 940; |
| | | const maxW = 1024; |
| | | |
| | | var nw; |
| | | document.onmousemove = function (e) { |
| | | // 通过事件委托,计算移动的距离 |
| | |
| | | for (var i in this.$store.state.pipelineEntity) { |
| | | sgworld.Viewer.entities.remove(this.$store.state.pipelineEntity[i]); |
| | | } |
| | | |
| | | } |
| | | if (this.$store.state.primitLayer != null) { |
| | | sgworld.Viewer.entities.remove(this.$store.state.primitLayer); |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | |