| | |
| | | <template> |
| | | <div class="InfoPopup"> |
| | | <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% - 530px) " |
| | | > |
| | | <div id="InfoPopup" class="InfoPopup">
|
| | | <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% - 530px) ">
|
| | | <div> |
| | | <div |
| | | style="width:940px;height:460px;" |
| | | v-drag |
| | | > |
| | | <div style="width:940px;height:460px;" 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'" /> |
| | |
| | | const disX = e.clientX; |
| | | const w = dragDom.clientWidth; |
| | | const minW = 500; |
| | | const maxW = 940; |
| | | const maxW = window.screen.width;
|
| | | var startY = e.clientY;
|
| | | var nw; |
| | | var targetDiv = document.getElementById('eagleMapContainer');
|
| | | //得到点击时该地图容器的宽高:
|
| | | var targetDivHeight = targetDiv.offsetHeight;
|
| | | document.onmousemove = function (e) { |
| | | // 通过事件委托,计算移动的距离 |
| | | const l = e.clientX - disX; |
| | |
| | | nw = nw < minW ? minW : nw; |
| | | nw = nw > maxW ? maxW : nw; |
| | | dragDom.style.width = `${nw}px`; |
| | |
|
| | |
|
| | | }; |
| | | |
| | | document.onmouseup = function (e) { |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | |