Commit 661a9a28 authored by 周远喜's avatar 周远喜

地图修改

parent 240e35bc
...@@ -337,7 +337,7 @@ export default { ...@@ -337,7 +337,7 @@ export default {
}; };
}, },
created() { created() {
this.icon = new BMap.Icon("/images/map/train/1.png", new BMap.Size(19, 23)); // this.icon = new BMap.Icon("/images/map/train/1.png", new BMap.Size(19, 23));
}, },
methods: { methods: {
handler({ BMap, map }) { handler({ BMap, map }) {
......
...@@ -95,7 +95,14 @@ ...@@ -95,7 +95,14 @@
</div> </div>
</bm-info-window> </bm-info-window>
</baidu-map> </baidu-map>
<Drawer title="设备详情" width="300" :transfer="false" :inner="true" :mask="false" v-model="lidModal"> <Drawer
title="设备详情"
width="300"
:transfer="false"
:inner="true"
:mask="false"
v-model="lidModal"
>
<div> <div>
<p>MAC :45678954345670987</p> <p>MAC :45678954345670987</p>
<p>编号:0001</p> <p>编号:0001</p>
...@@ -103,7 +110,8 @@ ...@@ -103,7 +110,8 @@
<p>街道:迪拜大楼</p> <p>街道:迪拜大楼</p>
<p>财务状态:已设防</p> <p>财务状态:已设防</p>
<p class="red">状态:报警</p> <p class="red">状态:报警</p>
<p v-if="dot">经纬度: <p v-if="dot">
经纬度:
<span>{{dot.point.lng}},{{dot.point.lat}}</span> <span>{{dot.point.lng}},{{dot.point.lat}}</span>
</p> </p>
</div> </div>
...@@ -136,7 +144,7 @@ export default { ...@@ -136,7 +144,7 @@ export default {
data() { data() {
return { return {
center: { lng: 0, lat: 0 }, center: { lng: 0, lat: 0 },
dot:null, dot: null,
lidModal: false, lidModal: false,
marker: { marker: {
name: "北京", name: "北京",
...@@ -411,8 +419,8 @@ export default { ...@@ -411,8 +419,8 @@ export default {
this.map.addOverlay(marker2); // 将标注添 this.map.addOverlay(marker2); // 将标注添
marker2.addEventListener("click", (p) => { marker2.addEventListener("click", (p) => {
this.lidModal = true; this.lidModal = true;
this.dot=p; this.dot = p;
console.warn("vvv",p) console.warn("vvv", p);
}); });
}, },
addDot(color, u) { addDot(color, u) {
...@@ -463,7 +471,7 @@ export default { ...@@ -463,7 +471,7 @@ export default {
left: 0; left: 0;
right: 0; right: 0;
height: calc(100vh - 100px); height: calc(100vh - 100px);
.ivu-drawer-header{ .ivu-drawer-header {
background: #f5f6fa; background: #f5f6fa;
} }
.ad { .ad {
...@@ -486,12 +494,11 @@ export default { ...@@ -486,12 +494,11 @@ export default {
margin-bottom: 0; margin-bottom: 0;
} }
} }
} }
.menu { .menu {
position: absolute; position: absolute;
width: 240px; width: 240px;
top:80px; top: 80px;
background: white; background: white;
border-radius: 8px; border-radius: 8px;
bottom: 15px; bottom: 15px;
...@@ -499,6 +506,12 @@ export default { ...@@ -499,6 +506,12 @@ export default {
z-index: 4; z-index: 4;
border: 1px solid #ddd; border: 1px solid #ddd;
padding-top: 15px; padding-top: 15px;
// .ivu-menu-light.ivu-menu-vertical {
// .ivu-menu-item-active {
// background: rgba(38, 128, 235, 1);
// color: white;
// }
// }
} }
.legend { .legend {
position: absolute; position: absolute;
......
<template> <template>
<div class="mane-b"> <div class="mane-b">
<Menu> <Menu active-name="1">
<Submenu name="1"> <MenuItem name="1">
<template slot="title">
<Icon type="ios-paper" />功能导航 <Icon type="ios-paper" />功能导航
</template> </MenuItem>
</Submenu>
<Submenu name="2"> <Submenu name="2">
<template slot="title"> <template slot="title">
<Icon type="ios-people" />设备列表 <Icon type="ios-people" />设备列表
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment