|
|
|
@ -13,10 +13,10 @@
|
|
|
|
|
<!-- 线 -->
|
|
|
|
|
<el-amap-polyline :editable="false" :visible="true" :draggable="false"
|
|
|
|
|
:path="myxiuanlu.features[0].geometry.coordinates[0]" :zIndex="8000" strokeColor="red" isOutline
|
|
|
|
|
lineCap="round" @click="(e) => { polylineclick(e, '线1') }" :strokeWeight="4" :strokeOpacity="10"/>
|
|
|
|
|
lineCap="round" @click="(e) => { polylineclick(e, '线1') }" :strokeWeight="4" :strokeOpacity="10" />
|
|
|
|
|
<el-amap-polyline :editable="false" :visible="true" :draggable="false"
|
|
|
|
|
:path="roadline2.features[0].geometry.coordinates[0]" :zIndex="8000" strokeColor="greenyellow" isOutline
|
|
|
|
|
lineCap="round" @click="(e) => { polylineclick(e, '线2') }" :strokeWeight="4" :strokeOpacity="10"/>
|
|
|
|
|
lineCap="round" @click="(e) => { polylineclick(e, '线2') }" :strokeWeight="4" :strokeOpacity="10" />
|
|
|
|
|
<!-- 人员 -->
|
|
|
|
|
<el-amap-marker v-for="(marker, index) in markers" :title="marker.name" :key="index" :position="marker.position"
|
|
|
|
|
@click="(e) => { clickArrayMarker(marker, e) }">
|
|
|
|
@ -27,7 +27,7 @@
|
|
|
|
|
|
|
|
|
|
<el-amap-info-window v-if="personInfo.visible" anchor="bottom-center" :offset="[0, 0]" :closeWhenClickMap="true"
|
|
|
|
|
:position="personInfo.position" :visible.sync="personInfo.visible" :zIndex="900">
|
|
|
|
|
<div class="person-popup" v-if="markername=='设备'">
|
|
|
|
|
<div class="person-popup" v-if="markername == '设备'">
|
|
|
|
|
<div class="person-title">
|
|
|
|
|
<div class="title">{{ markername }}信息</div>
|
|
|
|
|
<img src="@/assets/images/dialogbg/close.png" class="mask" @click="markersClosePopup" alt="" />
|
|
|
|
@ -75,7 +75,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="position">{{ 79898 }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btns" >
|
|
|
|
|
<div class="btns">
|
|
|
|
|
<div @click="travelPath()">语音呼叫</div>
|
|
|
|
|
<div @click="shareClick">查看监控</div>
|
|
|
|
|
<!-- <div @click="watchClick">强制观摩</div>
|
|
|
|
@ -83,23 +83,24 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="person-popup" v-if="markername=='车辆'">
|
|
|
|
|
<!-- person-maincheliangxinxi -->
|
|
|
|
|
<div class="person-popup" v-if="markername == '车辆'">
|
|
|
|
|
<div class="person-title">
|
|
|
|
|
<div class="title">{{ markername }}信息</div>
|
|
|
|
|
<img src="@/assets/images/dialogbg/close.png" class="mask" @click="markersClosePopup" alt="" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="person-main">
|
|
|
|
|
<div class="person-main ">
|
|
|
|
|
<div class="person-info">
|
|
|
|
|
<div class="info-left">
|
|
|
|
|
<div class="dot"></div>
|
|
|
|
|
<div class="name">驾驶员姓名:</div>
|
|
|
|
|
<div class="name">驾驶员:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="position">{{ "张三" }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="person-info">
|
|
|
|
|
<div class="info-left">
|
|
|
|
|
<div class="dot"></div>
|
|
|
|
|
|
|
|
|
|
<div class="name">联系方式:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="position">{{ "1361111111" }}</div>
|
|
|
|
@ -107,6 +108,7 @@
|
|
|
|
|
<div class="person-info">
|
|
|
|
|
<div class="info-left">
|
|
|
|
|
<div class="dot"></div>
|
|
|
|
|
|
|
|
|
|
<div class="name">车辆类型:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="position">{{ "轿车" }}</div>
|
|
|
|
@ -114,6 +116,7 @@
|
|
|
|
|
<div class="person-info">
|
|
|
|
|
<div class="info-left">
|
|
|
|
|
<div class="dot"></div>
|
|
|
|
|
|
|
|
|
|
<div class="name">车牌号:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="position">苏E1958</div>
|
|
|
|
@ -121,8 +124,8 @@
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="person-popup" v-if="markername=='人员'">
|
|
|
|
|
<!-- person-maincheliangxinxiTow -->
|
|
|
|
|
<div class="person-popup " v-if="markername == '人员'">
|
|
|
|
|
<div class="person-title">
|
|
|
|
|
<div class="title">{{ markername }}信息</div>
|
|
|
|
|
<img src="@/assets/images/dialogbg/close.png" class="mask" @click="markersClosePopup" alt="" />
|
|
|
|
@ -233,7 +236,7 @@ import righttEcahts from "./righttEcahts/index.vue"
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "map-view",
|
|
|
|
|
components: { ZhanshiTubiao, leftrightEcahts, righttEcahts, MapHuodongdialog,Mapdialogyuyin,Mapdialogyuyinshipin },
|
|
|
|
|
components: { ZhanshiTubiao, leftrightEcahts, righttEcahts, MapHuodongdialog, Mapdialogyuyin, Mapdialogyuyinshipin },
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
zoom: 11.8,
|
|
|
|
@ -260,7 +263,7 @@ export default {
|
|
|
|
|
visible: true,
|
|
|
|
|
draggable: false
|
|
|
|
|
},
|
|
|
|
|
markername:"设备",
|
|
|
|
|
markername: "设备",
|
|
|
|
|
// 车辆辆
|
|
|
|
|
markers: [
|
|
|
|
|
{
|
|
|
|
@ -397,7 +400,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
if(type == "线2"){
|
|
|
|
|
if (type == "线2") {
|
|
|
|
|
this.$refs.MapHuodongdialog.open("person")
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
@ -426,7 +429,7 @@ export default {
|
|
|
|
|
travelPath() {
|
|
|
|
|
this.$refs.Mapdialogyuyin.open("person")
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// 切换人员
|
|
|
|
|
markersradio(type) {
|
|
|
|
|
|
|
|
|
@ -460,4 +463,47 @@ export default {
|
|
|
|
|
font-size: 26px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .person-maincheliangxinxi {
|
|
|
|
|
width: 270px;
|
|
|
|
|
height: 200px;
|
|
|
|
|
|
|
|
|
|
.person-info {
|
|
|
|
|
width: 270px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.name {
|
|
|
|
|
flex: none !important;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
width: 75px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.position {
|
|
|
|
|
flex: none !important;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .person-maincheliangxinxiTow {
|
|
|
|
|
width: 270px;
|
|
|
|
|
height: 200px;
|
|
|
|
|
|
|
|
|
|
.person-info {
|
|
|
|
|
width: 270px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.name {
|
|
|
|
|
flex: none !important;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
width: 60px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.position {
|
|
|
|
|
flex: none !important;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|