| | |
| | | <view class="order-code" |
| | | v-if="!isSpecial"> |
| | | 订单编号: {{ coalDetailsData.orderCode || '' }}</view> |
| | | <view class="stream-view" |
| | | style="color: #475bfd;" |
| | | @click="streamView" |
| | | v-show="timeLineStatus===9"> |
| | | 查看装载情况 |
| | | </view> |
| | | <view class="weigh-item"> |
| | | <view class="item"> |
| | | <view class="concrete" |
| | |
| | | @click="cengZhongClick" |
| | | type="primary" |
| | | shape="circle" |
| | | :disabled="haveInputOrigin&&!isSpecial"></u-button> |
| | | :disabled="haveInputOrigin&&!isSpecial" |
| | | :loading="weighHouseLoading"></u-button> |
| | | </view> |
| | | <view class="weigh-button" |
| | | v-show='ablePrintInduction'> |
| | | <!-- <view class="weigh-button" |
| | | v-show='ablePrintInduction&&!(coalDetailsData.skin&&coalDetailsData.hair)'> |
| | | <u-button text="打印入门证" |
| | | @click="printBefore('in')" |
| | | type="primary" |
| | | 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> |
| | |
| | | @confirm="evacuationConfirm" |
| | | @cancel="evacuationCancel"></u-modal> |
| | | </view> |
| | | <view class="completeOutSale"> |
| | | <!-- <view class="completeOutSale"> |
| | | <u-modal :show="completeOutSaleShow" |
| | | title="确认" |
| | | content="是否完成外销提煤单" |
| | | :showCancelButton="true" |
| | | @confirm="completeOutSaleConfirm" |
| | | @cancel="completeOutSaleCancel"></u-modal> |
| | | </view> |
| | | </view> --> |
| | | <view class="serviece-customer"> |
| | | <u-action-sheet :actions="list" |
| | | @select="selectClick" |
| | |
| | | :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" |
| | |
| | | this.orderPlanId = value.orderPlanId; |
| | | this.yyId = value.yyId; |
| | | this.originInfoVisible = value.orderType === '外购' |
| | | if (value.overTmWaixiao) { |
| | | this.overTmWaixiao = value.overTmWaixiao |
| | | this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao |
| | | } |
| | | // if (value.overTmWaixiao) { |
| | | // this.overTmWaixiao = value.overTmWaixiao |
| | | // this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao |
| | | // } |
| | | this.fileList1 = [] |
| | | this.changeglobalIsFirstWeighing(1) |
| | | if (this.globalIsFirstWeighing === 1) { |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | swiperList:[], |
| | | orderPlanId: null, |
| | | radioValue:'煤场', |
| | | currentNum:0, |
| | | guideLineshow:false, |
| | | yyId: null, |
| | | dayRZ: [], |
| | | activeText:'', |
| | | activeObj:{ |
| | | affiliationId:'', |
| | | type:2, |
| | | }, |
| | | coalDetailsData: {}, // 提煤单详情 |
| | | currentPageCoalStatus: 0, // 当前页面提煤单状态 |
| | | // 获取所在磅房参数 |
| | |
| | | timeout: '0', |
| | | wsgShow: false, |
| | | timeLineStatus: null, |
| | | timeLineEqCode: '', |
| | | originInfoNotice: '填写原发信息后可上磅计量', |
| | | submitOriginInfoLoading: false, |
| | | ischeckedDefault: 0, |
| | | isSpecial: null, //1 是特殊 0不是特殊 |
| | | printerType: '', //判断打印的是出门证还是入门证 |
| | | weighHouseLoading: false |
| | | }; |
| | | }, |
| | | watch: { |
| | |
| | | this.$reqGet('coalDayPage', { id: this.orderPlanId, timeout: this.timeout }).then(res => { |
| | | if (res.code == 0) { |
| | | this.timeLineStatus = res.data[0].taskStatus |
| | | this.timeLineEqCode = res.data[0].eqCode |
| | | this.dayRZ = res.data.map(v => { |
| | | let slicedate = v.taskStatusDes.slice(0, 10); |
| | | if (slicedate == this.currentDate) { |
| | |
| | | this.orderType = this.coalDetailsData.orderType; |
| | | // |
| | | this.isSpecial = res.data.isSpecial |
| | | // 判断是否完成外销订单 |
| | | this.completeOutSale.orderType = this.coalDetailsData.orderType; |
| | | this.completeOutSale.deptId = this.coalDetailsData.deptId; |
| | | this.completeOutSale.filedId = this.coalDetailsData.filedId; |
| | | this.completeOutSale.clean = this.coalDetailsData.clean; |
| | | // // 判断是否完成外销订单 |
| | | // this.completeOutSale.orderType = this.coalDetailsData.orderType; |
| | | // this.completeOutSale.deptId = this.coalDetailsData.deptId; |
| | | // this.completeOutSale.filedId = this.coalDetailsData.filedId; |
| | | // this.completeOutSale.clean = this.coalDetailsData.clean; |
| | | // 获取所在磅房参数赋值 |
| | | this.getWeightHouseObj.deptId = this.coalDetailsData.deptId; |
| | | this.getWeightHouseObj.filedId = this.coalDetailsData.filedId; |
| | |
| | | } |
| | | }).then(() => { |
| | | // 判断当前时间是否超出预约时间 |
| | | setTimeout(() => { |
| | | ; |
| | | if([1, 2, 13].includes(this.coalDetailsData.status) ){ |
| | | setTimeout(() => { |
| | | let endTime = this.coalDetailsData.yuYueSection.slice(0, 10) + ' ' + this |
| | | .coalDetailsData |
| | | .yuYueSection.slice(-5); |
| | | if (dayjs(this.currentTime).isAfter(endTime) && this.coalDetailsData.status <= 1) { |
| | | // 最大约束时间 maxRestrainTime |
| | | const maxRestrainTime = dayjs().subtract(this.coalDetailsData.flexibleTime, |
| | | 'minute') |
| | | .format('YYYY-MM-DD HH:mm:ss'); |
| | | console.log(maxRestrainTime, this.correctStatus); |
| | | if (dayjs(maxRestrainTime).isAfter(endTime) && this.correctStatus <= 1) { |
| | | // this.$u.toast('已超出预约时间,可点击入场申请重新入场') |
| | | this.timeout = '1' |
| | | } |
| | | }, 1000) |
| | | } |
| | | |
| | | }) |
| | | }, |
| | | // 日志查询 |
| | |
| | | this.$reqGet('coalDayPage', { id: this.orderPlanId, timeout: this.timeout }).then(res => { |
| | | if (res.code == 0) { |
| | | this.timeLineStatus = res.data[0].taskStatus |
| | | this.timeLineEqCode = res.data[0].eqCode |
| | | this.dayRZ = res.data.map(v => { |
| | | let slicedate = v.taskStatusDes.slice(0, 10); |
| | | if (slicedate == this.currentDate) { |
| | |
| | | // 称重 |
| | | cengZhongClick() { |
| | | this.changeglobalIsFirstWeighing(2) |
| | | this.weighHouseLoading = true |
| | | this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => { |
| | | console.log(res, '获取磅房'); |
| | | this.weighHouseLoading = false |
| | | if (res.code == 0) { |
| | | this.weighData.sceneId = res.data.id; |
| | | this.weighData.gateCameraId = res.data.lastEquipmentId; |
| | |
| | | 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 : '未在磅房,请前往磅房后再试!!'); |
| | | } |
| | | }); |
| | | }).catch(() => { |
| | | this.weighHouseLoading = false |
| | | }) |
| | | }, |
| | | // 放空 |
| | | evacuation() { |
| | |
| | | } else { |
| | | uni.$u.toast('请填写完整原发信息') |
| | | } |
| | | }, |
| | | streamView() { |
| | | 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 { |
| | |
| | | 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; |
| | |
| | | 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; |
| | |
| | | font-size: 28rpx; |
| | | font-weight: 300; |
| | | color: #7d7d7d; |
| | | } |
| | | |
| | | .stream-view { |
| | | height: vww(18); |
| | | margin: vww(8); |
| | | margin-left: 0; |
| | | } |
| | | |
| | | .weigh-item { |
| | |
| | | } |
| | | } |
| | | } |
| | | ::v-deep .u-album{ |
| | | display: none!important; |
| | | } |
| | | </style> |