From 006c579ec2433566dfe1f177ac768d2eb455f479 Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期三, 27 三月 2024 17:09:02 +0800
Subject: [PATCH] feat:路线指引
---
pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 111 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 109 insertions(+), 2 deletions(-)
diff --git a/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue b/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
index 328389e..cf8a82c 100644
--- a/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
+++ b/pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue
@@ -230,6 +230,11 @@
@click="showCaolPickUpBill"
type="primary"
shape="circle"></u-button></view>
+ <!-- 鏌ョ湅璺嚎鎸囧紩 -->
+ <view class="weigh-button"><u-button text="鏌ョ湅璺嚎鎸囧紩"
+ @click="reviewGuidelines"
+ type="primary"
+ shape="circle"></u-button></view>
</view>
<view class="evacuationModal">
<u-modal :show="evacuationModalShow"
@@ -255,6 +260,31 @@
:show="servieceShow"
cancelText="鍙栨秷"></u-action-sheet>
</view>
+ <u-popup :show="guideLineshow" mode="bottom" @close="close">
+ <view style="margin-top: 35rpx;padding-left: 20rpx;">
+ <u-radio-group
+ v-model="radioValue"
+ placement="row"
+ @change="radioChange"
+ >
+ <u-radio label="鐓ゅ満" :name="'鐓ゅ満'" :labelSize="30" :size="30"></u-radio>
+ <u-radio label="鍗曚綅" :name="'鍗曚綅'":labelSize="30" :size="30"></u-radio>
+ </u-radio-group>
+
+ <div class="guidebox">
+ <u-swiper
+ v-if="guideLineshow"
+ :height="200"
+ @click="swiperClick"
+ :list="swiperList"
+ keyName="image"
+ circular
+ ></u-swiper>
+ <view>{{ activeText }}</view>
+ <u-album :urls="swiperList" ref="swiperAlbum" keyName="src2"></u-album>
+ </div>
+ </view>
+ </u-popup>
<!-- 纾呮埧蹇欑鎻愮ず寮圭獥 -->
<view class="">
<u-modal :show="wsgShow"
@@ -323,9 +353,18 @@
},
data() {
return {
+ swiperList:[],
orderPlanId: null,
+ radioValue:'鐓ゅ満',
+ currentNum:0,
+ guideLineshow:false,
yyId: null,
dayRZ: [],
+ activeText:'',
+ activeObj:{
+ affiliationId:'',
+ type:2,
+ },
coalDetailsData: {}, // 鎻愮叅鍗曡鎯�
currentPageCoalStatus: 0, // 褰撳墠椤甸潰鎻愮叅鍗曠姸鎬�
// 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁�
@@ -979,13 +1018,78 @@
uni.navigateTo({
url: `/pages/public-page/driverStream/driverStream?eqCode=${this.timeLineEqCode}`
})
+ },
+ getguideFun(){
+ this.$reqGet('getRoute', this.activeObj).then((res)=>{
+ console.log(res,'res');
+ if(res.data.length){
+ this.swiperList = res.data[0].guideImg.split(',').map(item=>{
+ return BaseUrl + item;
+ });//鏁扮粍
+ console.log(this.swiperList,'swiperList');
+ this.activeText = res.data[0].guideText;
+ }else{
+ this.swiperList = [];
+ this.activeText = '鏆傛棤鏁版嵁'
+ }
+
+ })
+
+ },
+ reviewGuidelines(){
+ this.guideLineshow = true;
+ this.swiperList = [];
+ this.activeText = '';
+ this.activeObj.affiliationId = this.coalDetailsData.filedId; //榛樿鏌ョ叅鍦�
+ this.getguideFun();
+
+ },
+ close(){
+ this.guideLineshow = false;
+ },
+ radioChange(item){
+ console.log(item);
+ if(item == '鐓ゅ満'){
+ this.activeObj.affiliationId = this.coalDetailsData.filedId;
+ this.activeObj.type = 2
+ }else{
+ this.activeObj.affiliationId = this.coalDetailsData.deptId;
+ this.activeObj.type = 1
+ }
+ this.getguideFun();
+
+ },
+ //鎵撳紑鍥剧墖棰勮
+ swiperClick(){
+ console.log(this.$refs.swiperAlbum,'swiperAlbum')
+ this.$nextTick(()=>{
+ this.$refs.swiperAlbum.onPreviewTap();
+ this.$refs.swiperAlbum.openPage();
+ })
+
}
}
};
</script>
-<style lang="scss"
- scoped>
+<style lang="scss" scoped>
+ .guidebox{
+ height:600rpx;
+ padding: 20rpx
+ }
+ .indicator-num {
+ padding: 2px 0;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 100px;
+ width: 35px;
+ @include flex;
+ justify-content: center;
+
+ &__text {
+ color: #FFFFFF;
+ font-size: 12px;
+ }
+ }
/deep/.u-steps {
.u-steps-item {
.u-steps-item__content {
@@ -1362,4 +1466,7 @@
}
}
}
+ ::v-deep .u-album{
+ display: none!important;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1