|
|
@ -92,6 +92,9 @@ |
|
|
|
import echarts from 'echarts' |
|
|
|
import echarts from 'echarts' |
|
|
|
import "../utils/flexible" |
|
|
|
import "../utils/flexible" |
|
|
|
import "../utils/infoBox_min" |
|
|
|
import "../utils/infoBox_min" |
|
|
|
|
|
|
|
import markerpng from '@/assets/images/marker.png' |
|
|
|
|
|
|
|
import closepng from '@/assets/images/close.png' |
|
|
|
|
|
|
|
import borderpng from '@/assets/images/border.png' |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: "Index", |
|
|
|
name: "Index", |
|
|
|
data() { |
|
|
|
data() { |
|
|
@ -99,9 +102,9 @@ export default { |
|
|
|
// 版本号 |
|
|
|
// 版本号 |
|
|
|
version: "3.8.2", |
|
|
|
version: "3.8.2", |
|
|
|
// 数据接口 |
|
|
|
// 数据接口 |
|
|
|
api: ' http://localhost/control-api/api/daping/station/', |
|
|
|
api: '/control-api/api/daping/station/', |
|
|
|
// 图片接口 |
|
|
|
// 图片接口 |
|
|
|
imgapi: 'https://www.huastech.com.cn', |
|
|
|
imgapi: process.env.VUE_APP_BASE_API, |
|
|
|
// 接口数据 |
|
|
|
// 接口数据 |
|
|
|
station: [], |
|
|
|
station: [], |
|
|
|
level: {}, |
|
|
|
level: {}, |
|
|
@ -545,7 +548,7 @@ export default { |
|
|
|
this.markers = [] |
|
|
|
this.markers = [] |
|
|
|
} |
|
|
|
} |
|
|
|
// 标注图标 |
|
|
|
// 标注图标 |
|
|
|
var ico = new BMap.Icon('../assets/images/marker.png', new BMap.Size(50, 24), { anchor: new BMap.Size(25, 12) }) |
|
|
|
var ico = new BMap.Icon(markerpng, new BMap.Size(50, 24), { anchor: new BMap.Size(25, 12) }) |
|
|
|
// 创建标注 |
|
|
|
// 创建标注 |
|
|
|
this.station.forEach(item => { |
|
|
|
this.station.forEach(item => { |
|
|
|
var p = new BMap.Point(item.longitude,item.latitude); |
|
|
|
var p = new BMap.Point(item.longitude,item.latitude); |
|
|
@ -572,7 +575,7 @@ export default { |
|
|
|
let htmlStr = ` |
|
|
|
let htmlStr = ` |
|
|
|
<div style="height: 100%; position: relative;"> |
|
|
|
<div style="height: 100%; position: relative;"> |
|
|
|
<div style="position: absolute; left: 14px; top: 33px; z-index: -1; background: hsla(200, 88%, 33%, .6); box-shadow: 0 0 16px hsl(200, 88%, 33%); width: 336px; height: 135px;"></div> |
|
|
|
<div style="position: absolute; left: 14px; top: 33px; z-index: -1; background: hsla(200, 88%, 33%, .6); box-shadow: 0 0 16px hsl(200, 88%, 33%); width: 336px; height: 135px;"></div> |
|
|
|
<div style="background: url('../assets/images/border.png') center center; width: 100%; height: 100%; color: #effaff; font-size: 18px; text-shadow: 2px 2px 4px #17263C; display: flex;"> |
|
|
|
<div style="background: url('`+borderpng+`') center center; width: 100%; height: 100%; color: #effaff; font-size: 18px; text-shadow: 2px 2px 4px #17263C; display: flex;"> |
|
|
|
<div style="flex: 1; padding: 66px 0 0 20px;"> |
|
|
|
<div style="flex: 1; padding: 66px 0 0 20px;"> |
|
|
|
<div style="height: 30px; white-space: nowrap; word-wrap: ellipsis; overflow: hidden;">站点: ${item.stnm}</div> |
|
|
|
<div style="height: 30px; white-space: nowrap; word-wrap: ellipsis; overflow: hidden;">站点: ${item.stnm}</div> |
|
|
|
<div style="height: 30px;">水位: ${item.value}m</div> |
|
|
|
<div style="height: 30px;">水位: ${item.value}m</div> |
|
|
@ -588,7 +591,7 @@ export default { |
|
|
|
width: "363px", |
|
|
|
width: "363px", |
|
|
|
height: "210px" |
|
|
|
height: "210px" |
|
|
|
}, |
|
|
|
}, |
|
|
|
closeIconUrl: '../assets/images/close.png', //关闭按钮的url地址 |
|
|
|
closeIconUrl: closepng, //关闭按钮的url地址 |
|
|
|
}) |
|
|
|
}) |
|
|
|
infobox.open(marker) |
|
|
|
infobox.open(marker) |
|
|
|
|
|
|
|
|
|
|
|