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 | 133 +++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 123 insertions(+), 10 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 47a3abb..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 @@ -208,7 +208,7 @@ :disabled="haveInputOrigin&&!isSpecial" :loading="weighHouseLoading"></u-button> </view> - <view class="weigh-button" + <!-- <view class="weigh-button" v-show='ablePrintInduction&&!(coalDetailsData.skin&&coalDetailsData.hair)'> <u-button text="鎵撳嵃鍏ラ棬璇�" @click="printBefore('in')" @@ -216,8 +216,8 @@ shape="circle" :loading="enterLoading" loadingText="鎵撳嵃涓�,璇风◢鍊�"></u-button> - </view> - <view class="weigh-button" + </view> --> + <!-- <view class="weigh-button" v-show="ablePrintOut"> <u-button text="鎵撳嵃鍑洪棬璇�" @click="printBefore('out')" @@ -225,9 +225,14 @@ shape="circle" :loading="outLoading" loadingText="鎵撳嵃涓�,璇风◢鍊�"></u-button> - </view> + </view> --> <view class="weigh-button"><u-button text="灞曠ず鎻愮叅鍗�" @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> @@ -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, // 褰撳墠椤甸潰鎻愮叅鍗曠姸鎬� // 鑾峰彇鎵�鍦ㄧ鎴垮弬鏁� @@ -578,7 +617,9 @@ } }).then(() => { // 鍒ゆ柇褰撳墠鏃堕棿鏄惁瓒呭嚭棰勭害鏃堕棿 - setTimeout(() => { + ; + if([1, 2, 13].includes(this.coalDetailsData.status) ){ + setTimeout(() => { let endTime = this.coalDetailsData.yuYueSection.slice(0, 10) + ' ' + this .coalDetailsData .yuYueSection.slice(-5); @@ -592,6 +633,8 @@ this.timeout = '1' } }, 1000) + } + }) }, // 鏃ュ織鏌ヨ @@ -726,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 : '鏈湪纾呮埧锛岃鍓嶅線纾呮埧鍚庡啀璇曪紒锛�'); @@ -975,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 { @@ -1017,7 +1125,8 @@ width: 94%; margin: 0 auto; height: vww(52); - @include flex position: relative; + @include flex; + position: relative; flex-direction: column; justify-content: space-between; align-items: flex-start; @@ -1061,7 +1170,8 @@ overflow: hidden; .block-main { - @include flex width: 94%; + @include flex ; + width: 94%; height: 336rpx; margin: vww(18) vww(7) vww(11) vww(17); flex-direction: column; @@ -1356,4 +1466,7 @@ } } } + ::v-deep .u-album{ + display: none!important; + } </style> \ No newline at end of file -- Gitblit v1.9.1