From 83d2044b6b47d26ff77ec25de8d6787ceaf83e3a Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期三, 31 三月 2021 17:00:39 +0800
Subject: [PATCH] 1
---
src/assets/images/map-pages/icon/toolbox/fullscreen.png | 0
src/api/request.js | 2
src/components/panel/ToolBoxPanel.vue | 23 +++++--
src/conf/Constants.js | 2
src/conf/layers/LayerArea.js | 2
src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue | 106 +++++++++++++++++++++++++++++------
src/components/LayerController/logic/Company.js | 12 +---
src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue | 3
src/assets/images/map-pages/icon/toolbox/vertical.png | 0
src/components/BaseNav/PublicBounced/PublicBounced.vue | 11 ++-
src/assets/images/map-pages/icon/toolbox/cross.png | 0
src/components/LayerController/logic/SolidWaste.js | 13 ++++
12 files changed, 129 insertions(+), 45 deletions(-)
diff --git a/src/api/request.js b/src/api/request.js
index 5db8fa9..acdca70 100644
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -9,7 +9,7 @@
})
}
export const FlueGas = (data = {}) => {
- return $http.post('/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo', Qs.stringify(data), {
+ return $http.post('http://10.246.162.140:8080/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo', Qs.stringify(data), {
headers: {
'Content-Type': 'application/json'
}
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 534c17a..9519388 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue
@@ -36,8 +36,7 @@
video {
width: 100%;
height: 100%;
- //outline: none;
- //margin: 6px;
+ outline: none;
}
}
}
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
index b9fae10..b60d7b7 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue
@@ -1,20 +1,27 @@
<template>
- <div class="public-table">
- <el-col class="el-col">
- <el-table
- border
- tooltip-effect="dark"
- :data="data"
- >
- <el-table-column prop="name" label="搴忓彿"></el-table-column>
- <el-table-column prop="name" label="绫诲埆"></el-table-column>
- <el-table-column prop="date" label="鍥哄簾鍚嶇О"></el-table-column>
- <el-table-column prop="address" label="浠ｇ爜"></el-table-column>
- <el-table-column prop="address" label="浜х敓閲�"></el-table-column>
- <el-table-column prop="name" label="鍌ㄥ瓨閲�"></el-table-column>
- <el-table-column prop="date" label="浜х敓瑁呯疆"></el-table-column>
- </el-table>
- </el-col>
+ <div class="win">
+ <!-- 鍥涗釜瑙掔殑杈规鏁堟灉 -->
+ <div class="border_corner border_corner_left_top"></div>
+ <div class="border_corner border_corner_right_top"></div>
+ <div class="border_corner border_corner_left_bottom"></div>
+ <div class="border_corner border_corner_right_bottom"></div>
+ <div class="main">
+ <el-col class="main-video">
+ <el-table
+ border
+ tooltip-effect="dark"
+ :data="data"
+ >
+ <el-table-column prop="name" label="搴忓彿"></el-table-column>
+ <el-table-column prop="name" label="绫诲埆"></el-table-column>
+ <el-table-column prop="date" label="鍥哄簾鍚嶇О"></el-table-column>
+ <el-table-column prop="address" label="浠ｇ爜"></el-table-column>
+ <el-table-column prop="address" label="浜х敓閲�"></el-table-column>
+ <el-table-column prop="name" label="鍌ㄥ瓨閲�"></el-table-column>
+ <el-table-column prop="date" label="浜х敓瑁呯疆"></el-table-column>
+ </el-table>
+ </el-col>
+ </div>
</div>
</template>
@@ -24,7 +31,15 @@
props: ['requestSolidWasteData'],
data () {
return {
- data: []
+ data: [{
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌�518鍖洪噾娌欐睙璺�'
+ }, {
+ date: '2016-05-02',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙鍖洪噾娌�'
+ }]
}
},
mounted () {
@@ -42,7 +57,62 @@
</script>
<style lang="less" scoped>
-.public-table {
+.win {
+ position: relative;
+ background-color: rgba(33, 41, 69, 0.9);
+}
+.main {
+ width: 100%;
+ height: 100%;
+
+ .main-video {
+ //border: 1px solid #396d83;
+ width: 100%;
+ height: 100%;
+
+ video {
+ width: 100%;
+ height: 100%;
+ outline: none;
+ }
+ }
+}
+
+.border_corner {
+ z-index: 999;
+ position: absolute;
+ width: 14px;
+ height: 14px;
+ background: rgba(0, 0, 0, 0);
+ border: 1.5px solid #47d5ea;
+}
+
+.border_corner_left_top {
+ top: 0;
+ left: 0;
+ border-right: none;
+ border-bottom: none;
+}
+
+.border_corner_right_top {
+ top: 0;
+ right: 0;
+ border-left: none;
+ border-bottom: none;
+}
+
+.border_corner_left_bottom {
+ bottom: 0;
+ left: 0;
+ border-right: none;
+ border-top: none;
+}
+
+.border_corner_right_bottom {
+ bottom: 0;
+ right: 0;
+ border-left: none;
+ border-top: none;
}
</style>
diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue
index 8d54ed9..c0b4e4f 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>
@@ -7,6 +7,10 @@
<div class="public-bounced-content">
<div class="public-bounced-content-left">
<GasTab :displayContent="displayContent"></GasTab>
+ <div class="public-bounced-content-left-bottom">
+ <PublicTable v-if="value === 'gufei'" :requestSolidWasteData="displayContent.StoragePlaceId"></PublicTable>
+ <GasECharts v-else></GasECharts>
+ </div>
<!-- <PublicTable v-if="value === 'gufei'" :requestSolidWasteData="displayContent.StoragePlaceId"></PublicTable>-->
<GasECharts></GasECharts>
<!-- <GasTabs></GasTabs>-->
@@ -24,7 +28,7 @@
import '@/components/BaseNav/SolidWaste/directive/dir'
import GasTab from '@components/BaseNav/PublicBounced/GasComponents/GasTab'
-// import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable'
+import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable'
import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts'
import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo'
// import GasTabs from './GasComponents/GasTabs'
@@ -32,9 +36,8 @@
export default {
name: 'PublicBounced',
components: {
- // GasTabs,
GasTab,
- // PublicTable,
+ PublicTable,
GasECharts,
GasVideo
},
diff --git a/src/components/LayerController/logic/Company.js b/src/components/LayerController/logic/Company.js
index f4ff3f0..7ccce20 100644
--- a/src/components/LayerController/logic/Company.js
+++ b/src/components/LayerController/logic/Company.js
@@ -22,6 +22,7 @@
console.log(res)
const data = res.Result.DataInfo || {}
for (let i = 0; i < data.length; i++) {
+ console.log(data[i])
// 缁忕含搴� 浣嶇疆
const positionX = data[i].Latitude
const positionY = data[i].Longitude
@@ -44,16 +45,9 @@
return '浼佷笟'
}
- this.clickListener = (layer) => {
- /* this.animalService.pulseEffect(e.latlng)
+ this.clickListener = (e) => {
+ this.animalService.pulseEffect(e.latlng)
console.log(e)
return this.PublicBounced.$el
- */
- console.log(layer)
}
-
- // 鍥哄簾鐐瑰嚮杩涜鐨� 鍐呭鐨勮缃�
- // SetSolidWasteContent (config, containerPopup) {
- // this.SolidWastePopup = containerPopup
- // }
}
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
diff --git a/src/conf/Constants.js b/src/conf/Constants.js
index ef780e6..455d6e2 100644
--- a/src/conf/Constants.js
+++ b/src/conf/Constants.js
@@ -8,7 +8,7 @@
wasteGasJcd: 'WasteGas.js',
wasteWaterJcd: 'WasteWater.js',
solidWasteJcd: 'SolidWaste.js',
- fsqy: 'Company.js'
+ sewersAreaGs: 'Company.js'
}
export const props = {
diff --git a/src/conf/layers/LayerArea.js b/src/conf/layers/LayerArea.js
index f3b9da5..4365756 100644
--- a/src/conf/layers/LayerArea.js
+++ b/src/conf/layers/LayerArea.js
@@ -13,7 +13,7 @@
name: '鍏徃',
sname: '鍏徃', // 琛ㄥ悕
checked: true, // 榛樿閫変腑鐘舵��
- wfs: WFS_URL + '?TYPENAME=鍏徃',
+ url: WFS_URL + '?TYPENAME=鍏徃',
minZoom: 10, // 鍦ㄦ寚瀹氱骇鍒樉绀�
childLayer: 'fsss,hbss' // 鍏宠仈PointLayers
},
--
Gitblit v1.8.0