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