From be2210b41fbcd359aa10f49eebf69da01f311f2e Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期三, 31 三月 2021 16:54:22 +0800 Subject: [PATCH] 工具栏问题修改 弹框表格修改 --- src/assets/images/map-pages/icon/toolbox/fullscreen.png | 0 src/components/panel/ToolBoxPanel.vue | 23 +++++++++++++++-------- src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue | 4 ++-- src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue | 1 + src/assets/images/map-pages/icon/toolbox/vertical.png | 0 src/components/BaseNav/PublicBounced/PublicBounced.vue | 2 +- src/assets/images/map-pages/icon/toolbox/cross.png | 0 src/components/LayerController/logic/SolidWaste.js | 13 ++++++++++++- 8 files changed, 31 insertions(+), 12 deletions(-) diff --git a/src/assets/images/map-pages/icon/toolbox/cross.png b/src/assets/images/map-pages/icon/toolbox/cross.png new file mode 100644 index 0000000..a045597 --- /dev/null +++ b/src/assets/images/map-pages/icon/toolbox/cross.png Binary files differ diff --git a/src/assets/images/map-pages/icon/toolbox/fullscreen.png b/src/assets/images/map-pages/icon/toolbox/fullscreen.png new file mode 100644 index 0000000..6dc19a9 --- /dev/null +++ b/src/assets/images/map-pages/icon/toolbox/fullscreen.png Binary files differ diff --git a/src/assets/images/map-pages/icon/toolbox/vertical.png b/src/assets/images/map-pages/icon/toolbox/vertical.png new file mode 100644 index 0000000..37850c9 --- /dev/null +++ b/src/assets/images/map-pages/icon/toolbox/vertical.png Binary files differ diff --git a/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue b/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue index 93776b0..edc6aaa 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue @@ -30,6 +30,7 @@ .main { width: 100%; height: 100%; + padding: 5px; .main-video { //border: 1px solid #396d83; width: 100%; diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue index 2a6d685..b60d7b7 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue @@ -34,11 +34,11 @@ data: [{ date: '2016-05-03', name: '鐜嬪皬铏�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�' + address: '涓婃捣甯傛櫘闄�鍖洪噾娌�518鍖洪噾娌欐睙璺�' }, { date: '2016-05-02', name: '鐜嬪皬铏�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�' + address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙鍖洪噾娌�' }] } }, diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index 3d0c162..1e15ccf 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -1,5 +1,5 @@ <template> - <div class="public-bounced" v-if="flag"> + <div class="public-bounced" v-draw v-if="flag"> <div class="public-bounced-title"> <span>{{ displayContent.Name }}</span> <i class="el-icon-circle-close" @click="closePopup"></i> diff --git a/src/components/LayerController/logic/SolidWaste.js b/src/components/LayerController/logic/SolidWaste.js index dd48fcc..e12ae43 100644 --- a/src/components/LayerController/logic/SolidWaste.js +++ b/src/components/LayerController/logic/SolidWaste.js @@ -52,6 +52,8 @@ this.clickListener = async (e) => { this.animalService.pulseEffect(e.latlng) + // this.setPanTo(e.latlng, 200) + console.log(e) const dataValue = { StoragePlaceId: e.layer.options.test.StoragePlaceId } @@ -59,11 +61,20 @@ // console.log(result) const PublicBounced = window.Vue.extend(publicBounced) const instance = new PublicBounced() - instance.setData(result, 'gufei') instance.$mount() document.body.appendChild(instance.$el) + instance.setData(result, 'gufei') } + // panTo + // this.setPanTo = (pos, value) => { + // var position = pos + // position = this.map.latLngToLayerPoint(position) + // position.y += value + // position = this.map.layerPointToLatLng(position) + // this.map.flyTo(position) + // } + // 涓嶅悓绫诲瀷鍥剧墖灏佽 this.differentTypes = (judgeValue) => { var effectOfChange diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue index 0e88c14..36b950d 100644 --- a/src/components/panel/ToolBoxPanel.vue +++ b/src/components/panel/ToolBoxPanel.vue @@ -9,14 +9,16 @@ <transition name="animationChange"> <el-row v-show="selectGroup" class="specific-tools-group"> <el-popover + trigger="manual" placement="bottom" - trigger="click" :popper-class="'tools-panel-content'" v-for="(item,index) in menuList" :key="index" :width="item.index === '2'?230 : 150" + v-model="isShow[index]" > - <el-button slot="reference" class="el-button" :class="active === index && checked? 'tools-panel-choose':''" - @click="changeChoose(index)"> + <el-button slot="reference" class="el-button" + :class="active === index && checked? 'tools-panel-choose':''" + @click.native="changeChoose(index)"> <img :src="item.iconSelecd" alt="" v-if="active === index && checked"/> <img :src="item.icon" alt="" v-else/> <span v-if="active === index && checked">{{ item.label }}</span> @@ -83,6 +85,11 @@ import distance from '@assets/images/map-pages/icon/toolbox/juli.png' import mm from '@assets/images/map-pages/icon/toolbox/M2.png' +// 涓嬭浇 +import FullScreen from '@assets/images/map-pages/icon/toolbox/fullscreen.png' +import cross from '@assets/images/map-pages/icon/toolbox/cross.png' +import vertical from '@assets/images/map-pages/icon/toolbox/vertical.png' + // 娴嬮噺鐨勬柟娉� import Measure from '@/components/plugin/MeaSure' @@ -90,7 +97,7 @@ name: 'ToolBoxPanel', data () { return { - isShow: false, + isShow: [], currentBaseMapCode: 'tianditu_img', basemapList: [], selectGroup: false, @@ -230,19 +237,19 @@ { index: '4-1', label: '鍏ㄥ睆', - icon: '', + icon: FullScreen, title: '鍏ㄥ睆' }, { index: '4-2', label: 'A4妯悜', - icon: '', + icon: cross, title: 'A4妯悜' }, { index: '4-3', label: 'A4绾靛悜', - icon: '', + icon: vertical, title: 'A4绾靛悜' } ] @@ -265,7 +272,6 @@ methods: { updateBasemapList () { this.basemapList = this.basemapHelper.getBasemapList() - console.log() }, changeBasemap (itm) { this.active = -1 @@ -291,6 +297,7 @@ this.drawLayer = this.L.layerGroup().addTo(this.map) } this.active = index + this.isShow[index] = !this.isShow[index] if (this.checkbutton === index) { this.checked = !this.checked this.Selecd = -1 -- Gitblit v1.8.0