sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

配送订单支持地图展示

master
gongfuxiang 2023-09-26 00:46:50 +08:00
parent aa9c3ed7b3
commit 43304d2dfa
2 changed files with 38 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages/plugins/delivery/order/order.css
View File

@ -49,17 +49,16 @@
height: calc(100vh - 180rpx);
}
.map-container .map-markers-active-data {
background-color: rgb(255 255 255 / 0.8);
background-color: rgb(255 255 255 / 0.85);
width: calc(100% - 40rpx);
height: 210rpx;
left: 20rpx;
bottom: 20rpx;
line-height: 58rpx;
box-shadow: 0 0 20rpx rgba(50,55,58,0.2);
}
.map-container .map-markers-active-data .map-send-icon {
right: 20rpx;
top: 72rpx;
right: 0;
top: calc(50% - 22rpx);
line-height: 54rpx;
height: 54rpx;
width: 54rpx;

57
pages/plugins/delivery/order/order.vue
View File

@ -104,22 +104,26 @@
:markers="markers"
@markertap="marker_tap_event"
></map>
<view v-if="(markers_active_data || null) != null" class="map-markers-active-data pa border-radius-main padding-main bs-bb">
<view>
<text>单ID：</text>
<text class="cp" data-event="copy" :data-value="markers_active_data.main_order_id" @tap="text_event">{{markers_active_data.main_order_id}}</text>
</view>
<view>
<text>单号：</text>
<text class="cp" data-event="copy" :data-value="markers_active_data.main_order_no" @tap="text_event">{{markers_active_data.main_order_no}}</text>
</view>
<view class="single-text">
<text>地址：</text>
<text class="cp" data-event="copy" :data-value="markers_active_data.address_data.address_info" @tap="text_event">{{ markers_active_data.address_data.address_info }}</text>
</view>
<view v-if="(markers_active_data.address_data.lng || 0) != 0 && (markers_active_data.address_data.lat || 0) != 0" class="map-send-icon bg-base circle tc cp pa" data-type="map" @tap.stop="address_map_event">
<uni-icons type="paperplane-filled" size="44rpx" color="#666"></uni-icons>
</view>
<view v-if="markers_active_data.length > 0" class="map-markers-active-data pa border-radius-main padding-main bs-bb">
<block v-for="(item,index) in markers_active_data" :key="index">
<view :class="'pr '+(index > 0 ? 'br-t padding-top-sm margin-top-sm' : '')">
<view>
<text>单ID：</text>
<text class="cp" data-event="copy" :data-value="item.main_order_id" @tap="text_event">{{item.main_order_id}}</text>
</view>
<view>
<text>单号：</text>
<text class="cp" data-event="copy" :data-value="item.main_order_no" @tap="text_event">{{item.main_order_no}}</text>
</view>
<view class="single-text">
<text>地址：</text>
<text class="cp" data-event="copy" :data-value="item.address_data.address_info" @tap="text_event">{{ item.address_data.address_info }}</text>
</view>
<view v-if="(item.address_data.lng || 0) != 0 && (item.address_data.lat || 0) != 0" class="map-send-icon bg-base circle tc cp pa" data-type="map" :data-index="index" @tap.stop="address_map_event">
<uni-icons type="paperplane-filled" size="44rpx" color="#666"></uni-icons>
</view>
</view>
</block>
</view>
</block>
<block v-else>
@ -182,7 +186,7 @@
show_type: 0,
scale: 10,
markers: [],
markers_active_data: null
markers_active_data: []
};
},
@ -431,11 +435,11 @@
// 地图查看
address_map_event(e) {
var index = e.currentTarget.dataset.index;
var type = e.currentTarget.dataset.type || null;
if(type == 'map') {
this.address_map_handle(this.markers_active_data.address_data);
this.address_map_handle(this.markers_active_data[index]['address_data']);
} else {
var index = e.currentTarget.dataset.index;
var temp_data = this.data_list;
if ((temp_data[index] || null) == null || (temp_data[index]["address_data"] || null) == null) {
app.globalData.showToast("地址有误");
@ -589,12 +593,21 @@
temp_markers[i]['iconPath'] = plugins_static_url+'order.png';
}
}
// 订单数据
var markers_active_data = null;
// 订单数据、先匹配实际点击的订单
var temp = null;
var temp_data_list = this.data_list;
for(var i in temp_data_list) {
if(i == index) {
markers_active_data = temp_data_list[i];
temp = temp_data_list[i];
}
}
// 再匹配相同坐标的订单
var markers_active_data = [];
if(temp != null) {
for(var i in temp_data_list) {
if((temp_data_list[i]['address_data'] || null) != null && (temp_data_list[i]['address_data']['lng'] || 0) != 0 && (temp_data_list[i]['address_data']['lat'] || 0) != 0 && temp.address_data.lng == temp_data_list[i]['address_data']['lng'] && temp.address_data.lat == temp_data_list[i]['address_data']['lat']) {
markers_active_data.push(temp_data_list[i]);
}
}
}
this.setData({