| | |
| | | <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> |
| | |
| | | style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat; |
| | | background-size: cover;" |
| | | > |
| | | {{ coalStatus[coalDetailsData.status] }} |
| | | {{ coalStatus[coalDetailsData.status] || '' }} |
| | | </view> |
| | | </view> |
| | | <view class="time"> |
| | |
| | | <view class="send-date">{{ coalDetailsData.sendDate }}</view> |
| | | </view> |
| | | <view class="coal-code">提煤单编号: {{ coalDetailsData.code || '' }}</view> |
| | | <view class="order-code">订单编号: {{ coalDetailsData.orderCode || '' }}</view> |
| | | <view class="order-code">订单编号: {{ coalDetailsData.orderCode || '' }}</view> |
| | | <view class="weigh-item"> |
| | | <view class="item"> |
| | | <view class="concrete" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">皮</view> |
| | |
| | | <u-button text="入场申请" type="primary" plain @click="rcsqClick" shape="circle"></u-button> |
| | | </view> |
| | | <view class="bottom-button"> |
| | | <u-button text="放空" type="primary" plain @click="evacuation" throttleTime="500" shape="circle"></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(); |
| | | }, |
| | | beforeDestroy() { |
| | | clearInterval(this.interval); |
| | | }, |
| | | computed: { |
| | | ...mapState(['globalweigh', 'globalinfraredStatus']), |
| | |
| | | let date = time.getDate(); |
| | | date = date < 10 ? '0' + date : date; |
| | | return `${year}-${month}-${date}`; |
| | | }, |
| | | // |
| | | 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() { |
| | |
| | | .u-text { |
| | | .u-text__value { |
| | | font-size: 31rpx !important; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #303030; |
| | | } |
| | |
| | | top: vww(25); |
| | | color: #ffffff; |
| | | font-size: 31rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | .fild-name { |
| | | @include flex; |
| | |
| | | border-radius: 20rpx; |
| | | position: relative; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #303030; |
| | | overflow: hidden; |
| | |
| | | text-align: center; |
| | | line-height: vww(33); |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | position: absolute; |
| | | right: vww(10); |
| | |
| | | width: 45%; |
| | | height: 30rpx; |
| | | font-size: 30rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | position: relative; |
| | |
| | | height: 24rpx; |
| | | margin-left: vww(14); |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #515151; |
| | | } |
| | |
| | | width: 100%; |
| | | height: 24rpx; |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #7d7d7d; |
| | | } |
| | |
| | | min-width: vww(50); |
| | | height: vww(45); |
| | | font-size: 21rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 400; |
| | | color: #ffffff; |
| | | text-align: center; |
| | |
| | | } |
| | | .num { |
| | | font-size: 40rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #303030; |
| | | } |
| | |
| | | position: relative; |
| | | top: vww(120); |
| | | overflow-y: overlay; |
| | | padding: vww(20); |
| | | .u-steps { |
| | | .u-steps-item { |
| | | padding-bottom: vww(35); |
| | | .u-steps-item__wrapper { |
| | | .u-steps-item__wrapper__dot { |
| | | background: linear-gradient(-29deg, #426cff 0%, #7991ff 100%); |
| | | box-shadow: 2rpx 7rpx 10rpx 0rpx rgba(172, 172, 172, 0.64); |
| | | } |
| | | } |
| | | .u-steps-item__line { |
| | | height: vww(52) !important; |
| | | background: #e9e6ea !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .utilsBox { |
| | | width: 94%; |
| | |
| | | width: 40%; |
| | | height: 60rpx; |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #497bfb; |
| | | border: 2px solid #3b56eb; |
| | |
| | | height: vww(89); |
| | | .u-button { |
| | | font-size: 28rpx; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 300; |
| | | color: #ffffff; |
| | | background: #497bfb; |