| | |
| | | <view class="bill-of-lading-details"> |
| | | <view class="top-banner" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;"> |
| | | <view class="top-information"> |
| | | <view class="cutomer-name">客户:{{ coalDetailsData.customerName || '' }}</view> |
| | | <view class="cutomer-name" v-if="orderType == '转入' || orderType == '转出'">煤场:{{ coalDetailsData.filedName || '' }}</view> |
| | | <view class="cutomer-name" v-else>客户:{{ coalDetailsData.customerName || '' }}</view> |
| | | <view class="fild-name"> |
| | | <view class="">矿场:{{ coalDetailsData.deptName || '暂无' }}</view> |
| | | <view class="">煤场:{{ coalDetailsData.filedName || '暂无' }}</view> |
| | | <view class="" v-if="orderType == '转入' || orderType == '转出'">煤场:{{ coalDetailsData.toFiledName || '' }}</view> |
| | | <view class="" v-else>煤场:{{ coalDetailsData.filedName || '暂无' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="block-information"> |
| | |
| | | <view class="utilsBox"> |
| | | <view class="utils_chil utils_chilTop"> |
| | | <view class="top-button"> |
| | | <u-button text="签到" type="primary" plain @click="arriveClick" shape="circle"></u-button> |
| | | <u-button text="入场申请" type="primary" plain @click="rcsqClick" shape="circle"></u-button> |
| | | <u-button text="签到" type="primary" plain @click="arriveClick" shape="circle" :disabled="coalDetailsData.status >= 2"></u-button> |
| | | <u-button text="入场申请" type="primary" plain @click="rcsqClick" shape="circle" :disabled="coalDetailsData.status >= 3"></u-button> |
| | | </view> |
| | | <view class="bottom-button"> |
| | | <u-button text="放空" type="primary" plain @click="evacuation" throttleTime="500" shape="circle" :disabled="!isEvacuation"></u-button> |
| | | <u-button text="放空" type="primary" plain @click="evacuation" throttleTime="500" shape="circle" :disabled="isEvacuation || isapproach"></u-button> |
| | | <u-button text="呼叫客服" type="primary" plain @click="callCustomerService" shape="circle"></u-button> |
| | | </view> |
| | | </view> |
| | |
| | | primarySkin: null, |
| | | primaryHair: null, |
| | | primaryClean: null, |
| | | scrollTop: 0 |
| | | scrollTop: 0, |
| | | // 磅单类型 |
| | | orderType: '', |
| | | interval: '' |
| | | }; |
| | | }, |
| | | onShow() { |
| | | this.init(); |
| | | }, |
| | | onHide() { |
| | | clearInterval(this.interval); |
| | | }, |
| | | beforeDestroy() { |
| | | clearInterval(this.interval); |
| | | }, |
| | | computed: { |
| | | ...mapState(['globalweigh', 'globalinfraredStatus']), |
| | |
| | | // |
| | | isEvacuation() { |
| | | return this.coalDetailsData.hair == 0 || this.coalDetailsData.skin == 0; |
| | | }, |
| | | isapproach() { |
| | | return this.currentPageCoalStatus < 3; |
| | | } |
| | | }, |
| | | methods: { |
| | | init() { |
| | | this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => { |
| | | if (res.code == 0) { |
| | | this.dayRZ = res.data; |
| | | this.dayRZ = this.dayRZ.map(v => { |
| | | let slicedate = v.taskStatusDes.slice(0, 10); |
| | | if (slicedate == this.currentDate) { |
| | | return { |
| | | ...v, |
| | | taskStatusDes: v.taskStatusDes.slice(10) |
| | | }; |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | this.coalDayPage(); //获取日志 |
| | | this.getTakeCoal(); //获取提煤单详情 |
| | | this.getgetService(); //获取客服 |
| | |
| | | }, |
| | | // 获取提煤单详情 |
| | | getTakeCoal() { |
| | | uni.showLoading({ |
| | | title: '加载中' |
| | | }); |
| | | this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => { |
| | | if (res.code == 0) { |
| | | uni.hideLoading(); |
| | | console.log(res, '提煤单详情'); |
| | | this.coalDetailsData = res.data; |
| | | this.orderType = this.coalDetailsData.orderType; |
| | | // 获取所在磅房参数赋值 |
| | | this.getWeightHouseObj.deptId = this.coalDetailsData.deptId; |
| | | this.getWeightHouseObj.filedId = this.coalDetailsData.filedId; |
| | |
| | | this.primarySkin = this.coalDetailsData.skinTwo; |
| | | this.primaryHair = this.coalDetailsData.hairTwo; |
| | | this.primaryClean = this.coalDetailsData.cleanTwo; |
| | | } else { |
| | | this.$u.toast('加载失败'); |
| | | } |
| | | }); |
| | | }, |
| | | // 日志查询 |
| | | coalDayPage() { |
| | | this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => { |
| | | if (res.code == 0) { |
| | | this.dayRZ = res.data; |
| | | this.dayRZ = this.dayRZ.map(v => { |
| | | let slicedate = v.taskStatusDes.slice(0, 10); |
| | | if (slicedate == this.currentDate) { |
| | | return { |
| | | ...v, |
| | | taskStatusDes: v.taskStatusDes.slice(10) |
| | | }; |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | this.interval = setInterval(() => { |
| | | this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => { |
| | | if (res.code == 0) { |
| | | this.dayRZ = res.data; |
| | | this.dayRZ = this.dayRZ.map(v => { |
| | | let slicedate = v.taskStatusDes.slice(0, 10); |
| | | if (slicedate == this.currentDate) { |
| | | return { |
| | | ...v, |
| | | taskStatusDes: v.taskStatusDes.slice(10) |
| | | }; |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | }, 5000); |
| | | }, |
| | | // 展示提煤单详情 |
| | | showCaolPickUpBill() { |