From 5208ac0272c93bb7a9fc28c6f71046da97ef73ef Mon Sep 17 00:00:00 2001 From: wk Date: 星期四, 31 十月 2024 16:04:13 +0800 Subject: [PATCH] feat:预约时间段更改 --- pages/driver-page/driver-index/bill-of-lading-details/bill-of-lading-details.vue | 123 ++++++++++++++++++++++++++++++++++++++-- 1 files changed, 115 insertions(+), 8 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 1f32a0e..fa97382 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 @@ -1,7 +1,7 @@ <template> <view class="bill-of-lading-details"> <view class="top-banner" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;"> <u-notice-bar :text="originInfoNotice" v-if="haveInputOrigin&&!isSpecial" fontSize='36'></u-notice-bar> @@ -23,7 +23,7 @@ <view class="basic"> <view class="coalName">{{ coalDetailsData.coalName }}</view> <view class="status-button" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/statusbutton.png') no-repeat; + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/statusbutton.png') no-repeat; background-size: cover;"> {{coalDetailsData.statusView||''}} </view> @@ -47,19 +47,19 @@ <view class="weigh-item"> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> 鐨�</view> <view class="num">{{ coalDetailsData.skin||"" }}</view> </view> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> 姣�</view> <view class="num">{{ coalDetailsData.hair||"" }}</view> </view> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> + style="background: url('https://mr1.res.jzeg.cn:9096/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> 鍑�</view> <view class="num">{{ coalDetailsData.clean||"" }}</view> </view> @@ -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, // 褰撳墠椤甸潰鎻愮叅鍗曠姸鎬� // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁� @@ -730,7 +769,7 @@ res.data.id }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${ this.primarySkin - }&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}` + }&primaryHair=${this.primaryHair}&primaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}&deptId=${this.getWeightHouseObj.deptId }` }); } else { this.$u.toast(res.msg ? res.msg : '鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�'); @@ -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