| | |
| | | :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')" |
| | |
| | | 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')" |
| | |
| | | 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> |
| | |
| | | :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" |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | swiperList:[], |
| | | orderPlanId: null, |
| | | radioValue:'煤场', |
| | | currentNum:0, |
| | | guideLineshow:false, |
| | | yyId: null, |
| | | dayRZ: [], |
| | | activeText:'', |
| | | activeObj:{ |
| | | affiliationId:'', |
| | | type:2, |
| | | }, |
| | | coalDetailsData: {}, // 提煤单详情 |
| | | currentPageCoalStatus: 0, // 当前页面提煤单状态 |
| | | // 获取所在磅房参数 |
| | |
| | | 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 : '未在磅房,请前往磅房后再试!!'); |
| | |
| | | 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 { |
| | |
| | | } |
| | | } |
| | | } |
| | | ::v-deep .u-album{ |
| | | display: none!important; |
| | | } |
| | | </style> |