|
|
@@ -1,10 +1,11 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
<view class="" style="height: 20rpx;"></view>
|
|
|
+ <mzsm></mzsm>
|
|
|
<!-- map -->
|
|
|
<view class="map">
|
|
|
- <map @updated='mapChange' ref='map_1' class="map-map"
|
|
|
- :latitude="baseLat" :longitude="baseLng" :markers="marker" @markertap="lookmore" ></map>
|
|
|
+ <map @updated='mapChange' ref='map_1' class="map-map" :latitude="baseLat" :longitude="baseLng"
|
|
|
+ :markers="marker" @markertap="lookmore"></map>
|
|
|
</view>
|
|
|
<view class="" style="height: 20rpx;"></view>
|
|
|
<!-- 列表 -->
|
|
|
@@ -29,7 +30,7 @@
|
|
|
<uni-load-more :status="loadingType" v-if="!(loaded && AEDList.length == 0)"></uni-load-more>
|
|
|
</scroll-view>
|
|
|
<!-- aed详情 -->
|
|
|
- <uni-popup ref="popupinfo" type="bottom" >
|
|
|
+ <uni-popup ref="popupinfo" type="bottom">
|
|
|
<view class="aedxq-wrap">
|
|
|
<view class="xq-top">
|
|
|
<view class="aed-name">
|
|
|
@@ -39,22 +40,19 @@
|
|
|
距离:{{showAed.dis}}
|
|
|
</view>
|
|
|
<view class="aed-address" style="padding-top: 10rpx;">
|
|
|
- 地址:{{showAed.address}}
|
|
|
+ 安装位置:{{showAed.address}}
|
|
|
</view>
|
|
|
- <view class="aed-address" style="padding-top: 10rpx;">
|
|
|
+ <!-- <view class="aed-address" style="padding-top: 10rpx;" v-if="showAed.addressxq">
|
|
|
安装位置:{{showAed.addressxq}}
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
<view class="xq-img-wrap">
|
|
|
<scroll-view scroll-x="true" class="aed-img-scroll">
|
|
|
<view class="" style="display: flex;flex-wrap: nowrap;">
|
|
|
- <image :src="'https://red.liuniu946.com' + item" mode="heightFix" v-for="item in showAed.imgs"
|
|
|
- class="aed-img" @click="openimg(item)" :key="item"></image>
|
|
|
+ <image :src="baseURL + item" mode="heightFix" v-for="item in showAed.imgs" class="aed-img"
|
|
|
+ @click="openimg(item)" :key="item"></image>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
- <!-- <view class="aed-phone" @click="makecall(showAed.phone)">
|
|
|
- 电话
|
|
|
- </view> -->
|
|
|
</view>
|
|
|
<view class="aed-dh" @click="opendh">
|
|
|
导航
|
|
|
@@ -75,6 +73,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import mzsm from '@/components/mzsm.vue'
|
|
|
import empty from '@/components/empty';
|
|
|
import {
|
|
|
mapState,
|
|
|
@@ -91,13 +90,14 @@
|
|
|
uniPopup,
|
|
|
espempty,
|
|
|
uniLoadMore,
|
|
|
- empty
|
|
|
+ empty,
|
|
|
+ mzsm
|
|
|
},
|
|
|
//相关配置参数
|
|
|
data() {
|
|
|
return {
|
|
|
- baseLng: '',//地图中心经度
|
|
|
- baseLat: '',//地图中心纬度
|
|
|
+ baseLng: '', //地图中心经度
|
|
|
+ baseLat: '', //地图中心纬度
|
|
|
aedmarker: [],
|
|
|
loaded: false,
|
|
|
loadingType: 'more',
|
|
|
@@ -106,8 +106,8 @@
|
|
|
AEDList: [],
|
|
|
height: '',
|
|
|
list: [],
|
|
|
- latitude: '',// 本地坐标
|
|
|
- longitude: '',// 本地坐标
|
|
|
+ latitude: '', // 本地坐标
|
|
|
+ longitude: '', // 本地坐标
|
|
|
phone: '',
|
|
|
marker: [],
|
|
|
showAed: {
|
|
|
@@ -162,10 +162,10 @@
|
|
|
this.$refs.lookimg.close()
|
|
|
},
|
|
|
// 打开图片弹窗
|
|
|
- openimg(src,srcList) {
|
|
|
+ openimg(src, srcList) {
|
|
|
let obj = this
|
|
|
this.chooseImg = this.baseURL + src
|
|
|
-
|
|
|
+
|
|
|
console.log('chooseImg', this.chooseImg)
|
|
|
// this.$refs.lookimg.open()
|
|
|
let arr = obj.showAed.imgs.map(item => {
|
|
|
@@ -186,20 +186,20 @@
|
|
|
closeAedXq() {
|
|
|
this.$refs.aedxq.close()
|
|
|
},
|
|
|
- listlookmore(e,index) {
|
|
|
+ listlookmore(e, index) {
|
|
|
let obj = this
|
|
|
- if(obj.befoId !=0) {
|
|
|
- obj.marker[obj.befoId].iconPath = '/static/icon/aed-na.png'
|
|
|
- }
|
|
|
-
|
|
|
- obj.befoId = index*1 +1
|
|
|
+ // if (obj.befoId != 0) {
|
|
|
+ // obj.marker[obj.befoId].iconPath = '/static/icon/aed-na.png'
|
|
|
+ // }
|
|
|
+
|
|
|
+ obj.befoId = index * 1 + 1
|
|
|
let aedobj = e
|
|
|
- console.log(aedobj.name,'aedobj++++')
|
|
|
+ console.log(aedobj.name, 'aedobj++++')
|
|
|
obj.showAed = {
|
|
|
name: aedobj.name,
|
|
|
address: aedobj.address,
|
|
|
addressxq: aedobj.install_address,
|
|
|
- dis: aedobj.range*1 >= 1 ? (aedobj.range + 'km') : (aedobj.distance + 'm'),
|
|
|
+ dis: aedobj.range * 1 >= 1 ? (aedobj.range + 'km') : (aedobj.distance + 'm'),
|
|
|
lat: aedobj.latitude,
|
|
|
lon: aedobj.longitude,
|
|
|
imgs: aedobj.images.split(','),
|
|
|
@@ -207,32 +207,31 @@
|
|
|
}
|
|
|
obj.baseLat = aedobj.latitude
|
|
|
obj.baseLng = aedobj.longitude
|
|
|
- obj.marker[index*1 + 1].iconPath = '/static/icon/aed-a.png'
|
|
|
- console.log(obj.showAed.name,'obj.showAed')
|
|
|
+ // obj.marker[index * 1 + 1].iconPath = '/static/icon/aed-na.png'
|
|
|
+ console.log(obj.showAed.name, 'obj.showAed')
|
|
|
// obj.isShow = true
|
|
|
obj.$refs.popupinfo.open()
|
|
|
},
|
|
|
// 打开aed详情
|
|
|
- lookmore(e,from) {
|
|
|
- console.log(e.id,'lookmore++++++++++++')
|
|
|
+ lookmore(e, from) {
|
|
|
let obj = this
|
|
|
- if(obj.befoId != 0) {
|
|
|
- obj.marker[obj.befoId].iconPath = '/static/icon/aed-na.png'
|
|
|
- }
|
|
|
+ // if (obj.befoId != 0) {
|
|
|
+ // obj.marker[obj.befoId].iconPath = '/static/icon/aed-na.png'
|
|
|
+ // }
|
|
|
obj.befoId = e.detail.markerId * 1
|
|
|
let aedobj = obj.AEDList[e.detail.markerId * 1 - 1]
|
|
|
- console.log(aedobj,'aedobj')
|
|
|
+ console.log(aedobj, 'aedobj')
|
|
|
obj.showAed = {
|
|
|
name: aedobj.name,
|
|
|
address: aedobj.address,
|
|
|
addressxq: aedobj.install_address,
|
|
|
- dis: aedobj.range*1 >= 1 ? (aedobj.range + 'km') : (aedobj.distance + 'm'),
|
|
|
+ dis: aedobj.range * 1 >= 1 ? (aedobj.range + 'km') : (aedobj.distance + 'm'),
|
|
|
lat: aedobj.latitude,
|
|
|
lon: aedobj.longitude,
|
|
|
imgs: aedobj.images.split(','),
|
|
|
phone: aedobj.phone
|
|
|
}
|
|
|
- obj.marker[e.detail.markerId].iconPath = '/static/icon/aed-a.png'
|
|
|
+ // obj.marker[e.detail.markerId].iconPath = '/static/icon/aed-na.png'
|
|
|
// obj.isShow = true
|
|
|
obj.$refs.popupinfo.open()
|
|
|
},
|
|
|
@@ -241,7 +240,7 @@
|
|
|
let obj = this;
|
|
|
console.log('ddddddddddddddddddddddddd')
|
|
|
let weichatBrowser = uni.getStorageSync('weichatBrowser')
|
|
|
- if(weichatBrowser) {
|
|
|
+ if (weichatBrowser) {
|
|
|
let wxOjb = require('jweixin-module');
|
|
|
wxOjb.ready(() => {
|
|
|
console.log('加载完毕注册事件');
|
|
|
@@ -249,8 +248,8 @@
|
|
|
type: 'gcj02',
|
|
|
success(e) {
|
|
|
console.log(e)
|
|
|
- obj.baseLat = obj.latitude = Math.abs(e.latitude)
|
|
|
- obj.baseLng = obj.longitude = Math.abs(e.longitude)
|
|
|
+ obj.baseLat = obj.latitude = Math.abs(e.latitude)
|
|
|
+ obj.baseLng = obj.longitude = Math.abs(e.longitude)
|
|
|
console.log('本地坐标', obj.latitude, obj.longitude)
|
|
|
let item = {
|
|
|
id: 0,
|
|
|
@@ -268,13 +267,13 @@
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
- }else {
|
|
|
+ } else {
|
|
|
uni.getLocation({
|
|
|
type: 'gcj02',
|
|
|
success(e) {
|
|
|
console.log(e)
|
|
|
- obj.baseLat = obj.latitude = Math.abs(e.latitude)
|
|
|
- obj.baseLng = obj.longitude = Math.abs(e.longitude)
|
|
|
+ obj.baseLat = obj.latitude = Math.abs(e.latitude)
|
|
|
+ obj.baseLng = obj.longitude = Math.abs(e.longitude)
|
|
|
console.log('本地坐标', obj.latitude, obj.longitude)
|
|
|
let item = {
|
|
|
id: 0,
|
|
|
@@ -292,8 +291,8 @@
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
// 地图渲染完毕事件
|
|
|
mapChange(e) {
|
|
|
@@ -313,21 +312,64 @@
|
|
|
limit: obj.limit,
|
|
|
}).then(({
|
|
|
data
|
|
|
- }) => {
|
|
|
+ }) => {
|
|
|
console.log(data, 'aed++++++++++++++')
|
|
|
obj.AEDList = obj.AEDList.concat(data);
|
|
|
- let arr = data.map(item => ({
|
|
|
- latitude: item.latitude,
|
|
|
- longitude: item.longitude,
|
|
|
- iconPath: '/static/icon/aed-na.png',
|
|
|
- width: '35',
|
|
|
- height: '35',
|
|
|
- id: obj.mapid++,
|
|
|
- address: item.address
|
|
|
- }));
|
|
|
+ let arr = []
|
|
|
+ data.forEach(item => {
|
|
|
+ if (item.name.indexOf('半公开') == -1) {
|
|
|
+ arr.push({
|
|
|
+ latitude: item.latitude,
|
|
|
+ longitude: item.longitude,
|
|
|
+ iconPath: '/static/icon/aed-na.png',
|
|
|
+ width: '35',
|
|
|
+ height: '35',
|
|
|
+ id: obj.mapid++,
|
|
|
+ address: item.address
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ arr.push({
|
|
|
+ latitude: item.latitude,
|
|
|
+ longitude: item.longitude,
|
|
|
+ iconPath: '/static/icon/aed-a.png',
|
|
|
+ width: '35',
|
|
|
+ height: '35',
|
|
|
+ id: obj.mapid++,
|
|
|
+ address: item.address
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // data.map(item => {
|
|
|
+ // if(item.name.indexOf('半公开') == -1) {
|
|
|
+
|
|
|
+ // {
|
|
|
+ // latitude: item.latitude,
|
|
|
+ // longitude: item.longitude,
|
|
|
+ // iconPath: '/static/icon/aed-na.png',
|
|
|
+ // width: '35',
|
|
|
+ // height: '35',
|
|
|
+ // id: obj.mapid++,
|
|
|
+ // address: item.address
|
|
|
+ // }
|
|
|
+ // }else {
|
|
|
+ // {
|
|
|
+ // latitude: item.latitude,
|
|
|
+ // longitude: item.longitude,
|
|
|
+ // iconPath: '/static/icon/aed-a.png',
|
|
|
+ // width: '35',
|
|
|
+ // height: '35',
|
|
|
+ // id: obj.mapid++,
|
|
|
+ // address: item.address
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // // return item
|
|
|
+
|
|
|
+
|
|
|
+ // );
|
|
|
obj.marker = obj.marker.concat(arr)
|
|
|
- console.log(obj.page,'obj.page++++++')
|
|
|
- if(obj.page == 1) {
|
|
|
+ console.log(obj.page, 'obj.page++++++')
|
|
|
+ if (obj.page == 1) {
|
|
|
console.log('obj.lookmore+++++++++++++')
|
|
|
// obj.lookmore({
|
|
|
// detail: {
|
|
|
@@ -365,8 +407,8 @@
|
|
|
},
|
|
|
// 调用百度
|
|
|
tobaiDuMap() {
|
|
|
- let latlon = this.bd_encrypt(this.showAed.lon,this.showAed.lat)
|
|
|
- let latlon1 = this.bd_encrypt( this.longitude,this.latitude)
|
|
|
+ let latlon = this.bd_encrypt(this.showAed.lon, this.showAed.lat)
|
|
|
+ let latlon1 = this.bd_encrypt(this.longitude, this.latitude)
|
|
|
let latitude = latlon.bd_lat;
|
|
|
let longitude = latlon.bd_lng;
|
|
|
let latitude6 = latlon1.bd_lat;
|
|
|
@@ -414,6 +456,7 @@
|
|
|
// height: 100%;
|
|
|
height: 780rpx;
|
|
|
border-radius: 20rpx;
|
|
|
+
|
|
|
.map-map {
|
|
|
width: 689rpx;
|
|
|
height: 780rpx;
|
|
|
@@ -680,8 +723,8 @@
|
|
|
}
|
|
|
|
|
|
.aedxq-wrap {
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
@@ -694,32 +737,32 @@
|
|
|
background-color: rgba($color: #000000, $alpha: 0.9);
|
|
|
color: #fff;
|
|
|
// position: relative;
|
|
|
-
|
|
|
+
|
|
|
.xq-top {
|
|
|
padding-top: 25rpx;
|
|
|
width: 660rpx;
|
|
|
- min-height: 210rpx;
|
|
|
+ min-height: 150erpx;
|
|
|
border-bottom: 1px solid #fff;
|
|
|
-
|
|
|
+
|
|
|
.aed-name {
|
|
|
font-size: 28rpx;
|
|
|
width: 479rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.aed-dis {
|
|
|
padding-top: 10rpx;
|
|
|
font-size: 22rpx;
|
|
|
width: 479rpx;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.xq-img-wrap {
|
|
|
height: 165rpx;
|
|
|
width: 660rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
-
|
|
|
+
|
|
|
.aed-img-scroll {
|
|
|
height: 107rpx;
|
|
|
width: 620rpx;
|
|
|
@@ -728,7 +771,7 @@
|
|
|
// // justify-content: ;
|
|
|
// // flex-direction: column;
|
|
|
// flex-wrap: nowrap;
|
|
|
-
|
|
|
+
|
|
|
.aed-img {
|
|
|
// display: inline-block;
|
|
|
height: 107rpx;
|
|
|
@@ -736,10 +779,10 @@
|
|
|
margin-right: 15rpx;
|
|
|
// background-color: red;
|
|
|
flex-shrink: 0;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.aed-phone {
|
|
|
width: 112rpx;
|
|
|
height: 52rpx;
|
|
|
@@ -748,10 +791,10 @@
|
|
|
border: 1px solid #fff;
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// background-color: red;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.aed-dh {
|
|
|
width: 147rpx;
|
|
|
height: 82rpx;
|
|
|
@@ -804,9 +847,10 @@
|
|
|
right: 0;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
+
|
|
|
.aed-list {
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
.aed-item {
|
|
|
width: 690rpx;
|
|
|
margin: auto;
|
|
|
@@ -814,11 +858,13 @@
|
|
|
align-items: center;
|
|
|
height: 100rpx;
|
|
|
border-bottom: 1px solid #F1F1F1;
|
|
|
+
|
|
|
.item-left {
|
|
|
width: 550rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 500;
|
|
|
color: #333333;
|
|
|
+
|
|
|
.aed-address {
|
|
|
padding-top: 10rpx;
|
|
|
font-size: 20rpx;
|
|
|
@@ -826,9 +872,10 @@
|
|
|
color: #999999;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.item-right {
|
|
|
width: 100rpx;
|
|
|
-
|
|
|
+
|
|
|
flex-shrink: 0;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
@@ -836,6 +883,7 @@
|
|
|
font-size: 20rpx;
|
|
|
font-weight: 500;
|
|
|
color: #999999;
|
|
|
+
|
|
|
image {
|
|
|
width: 28rpx;
|
|
|
height: 32rpx;
|