From 72f2abafea3ce8c91d9b689821a4508bdc0f7d9f Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期五, 12 七月 2024 16:59:41 +0800
Subject: [PATCH] feat:修改细节
---
pages/driver-page/driver-index/bill-of-lading-details/BaseMapDetail/index.vue | 66 ++++++++++++++++++++++++++++++++-
1 files changed, 64 insertions(+), 2 deletions(-)
diff --git a/pages/driver-page/driver-index/bill-of-lading-details/BaseMapDetail/index.vue b/pages/driver-page/driver-index/bill-of-lading-details/BaseMapDetail/index.vue
index 95f6b59..00df170 100644
--- a/pages/driver-page/driver-index/bill-of-lading-details/BaseMapDetail/index.vue
+++ b/pages/driver-page/driver-index/bill-of-lading-details/BaseMapDetail/index.vue
@@ -4,13 +4,32 @@
:latitude="latitude"
:longitude="longitude"
:markers="markers"></map>
+ <!--寮圭獥 -->
+ <u-popup
+ overlayOpacity="0"
+ :overlayStyle="{
+ 'display':'none',
+ }"
+ round="10"
+ :show="show" mode="bottom" @close="close" @open="open">
+ <view class="contont">
+ <h4>{{ markers[0].callout.content }}</h4>
+ <view class="title"><img :src="daohangIcon" alt="" style="width: 60rpx;height: 60rpx;">鍞愬北甯備赴鍗楀尯榛勫悇搴勯晣瀹ｅ簞浜岃</view>
+ <view class="footerText">
+ {{ markers[0].callout.text }}
+ </view>
+ </view>
+ </u-popup>
</div>
</template>
<script>
+import daohangIcon from '@/static/image/鏃犱汉鍊煎畧/鍙告満绔椤�/daohang.jpg'
export default {
data() {
return {
+ show:false,
+ daohangIcon,
latitude: 38.04606544104117,
longitude: 114.48735479816793,
customerId: '',
@@ -36,7 +55,8 @@
borderRadius: 12, //杈规鍦嗚
borderWidth: '10',
bgColor: '#08b078', //鑳屾櫙棰滆壊
- display: 'ALWAYS' //甯告樉
+ display: 'ALWAYS' ,//甯告樉,
+ text:'',
}
},
{
@@ -73,10 +93,52 @@
toLocation: {}
};
},
+ onLoad(params){
+ if(params){
+ this.markers[0].latitude = Number(params.latitude) ;
+ this.markers[0].longitude = Number( params.longitude);
+ this.longitude = Number( params.longitude);
+ this.latitude = Number(params.latitude);
+ this.markers[0].callout.content = params.name;
+ this.markers[0].callout.text = params.brief;
+ console.log( this.markers)
+ this.show = true;
+ }
+
+ }
}
</script>
-<style lang="scss">
+<style lang="scss" scoped>
+.u-transition{
+ display: none!important;
+}
+.contont{
+ height: 300rpx;
+ width: 92%;
+ h4{
+ color: #212121;
+ font-size: 30rpx;
+ font-weight: bold;
+ margin-left: 20rpx;
+ margin-top: 20rpx;
+ }
+ .title{
+ font-size: 24rpx;
+ display: flex;
+ margin-left: 15rpx;
+ align-items: center;
+ margin-top: 15rpx;
+ color:#676767 ;
+ }
+ .footerText{
+ margin-left: 35rpx;
+ color: #676767;
+ font-size: 24rpx;
+
+
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.1