<template>
|
<view class="bill-of-lading-details">
|
<view class="top-banner"
|
:style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/loadingbanner.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
|
</view>
|
<view class="top-information">
|
<view class="cutomer-name"
|
v-if="orderType == '转入' || orderType == '转出'">仓库:{{ coalDetailsData.toFiledName || '' }}</view>
|
<view class="cutomer-name"
|
v-else>客户:{{ coalDetailsData.customerName || '' }}</view>
|
<view class="fild-name">
|
<view class="">基地:{{ coalDetailsData.deptName || '暂无' }}</view>
|
<view class=""
|
v-if="orderType == '转入' || orderType == '转出'">仓库:{{ coalDetailsData.filedName || '' }}</view>
|
<view class=""
|
v-else>仓库:{{ coalDetailsData.filedName || '暂无' }}</view>
|
</view>
|
</view>
|
<view class="block-information">
|
<view class="block-main">
|
<view class="basic">
|
<view class="coalName"><text> {{ coalDetailsData.coalName||'' }}</text></view>
|
<view class="status-button"
|
:style="{ backgroundImage: `url(${onlineurl}/appimg/image/banner/statusbutton.png)`, backgroundSize: 'cover', backgroundRepeat: 'no-repeat' }">
|
{{ coalStatus[coalDetailsData.statusWeigh] || '' }}
|
</view>
|
</view>
|
<view class="time">
|
<view class="time-icon"><u-icon name="clock"
|
color="#515151"
|
size="40"></u-icon></view>
|
<view class="send-date" >{{ coalDetailsData.sendDate }}</view>
|
</view>
|
<view class="coal-code">通知单编号: {{ coalDetailsData.code || '' }}</view>
|
<view class="coal-code">车牌号: {{ coalDetailsData.carNo || '' }}</view>
|
<view class="order-code">
|
订单编号: {{ coalDetailsData.orderCode || '' }}</view>
|
<view class="coal-code"
|
@click="jumpWeighDetail"
|
style="color: rgb(73, 123, 251);">
|
查看明细
|
</view>
|
|
</view>
|
</view>
|
|
<!-- 称重历史-->
|
<weigh-item :list="showWeigh" class="weighing-item"></weigh-item>
|
<!-- 时间线 -->
|
<view class="timeLine">
|
<u-steps :current="dayRZ.length - 1"
|
direction="column"
|
dot>
|
<u-steps-item :title="item.taskStatusDes"
|
v-for="(item, index) in dayRZ"
|
:key="index"></u-steps-item>
|
</u-steps>
|
</view>
|
<view class="white-block">
|
|
</view>
|
<view class="utilsBox">
|
<view class="utils_chil utils_chilTop" v-if="!isReservation">
|
<view class="top-button">
|
<u-button text="签到"
|
type="primary"
|
plain
|
@click="arriveClick"
|
shape="circle"
|
:disabled="coalDetailsData.status > 2"></u-button>
|
<u-button text="打印磅单"
|
type="primary"
|
plain
|
@click="printOrder"
|
shape="circle"
|
:disabled="(currentPageCoalStatus != 3) || !printNum"></u-button>
|
<u-button text="呼叫客服"
|
type="primary"
|
plain
|
@click="callCustomerService"
|
shape="circle"></u-button>
|
</view>
|
<!-- <view class="bottom-button">-->
|
<!-- <u-button text="放空"-->
|
<!-- type="primary"-->
|
<!-- plain-->
|
<!-- @click="evacuation"-->
|
<!-- throttleTime="500"-->
|
<!-- shape="circle"-->
|
<!-- :disabled="!isFangKong"></u-button>-->
|
<!-- </view>-->
|
</view>
|
</view>
|
<view class="btns-box-main">
|
<view class="weigh-ability" v-if="!isReservation && noCarNo != 1">
|
<!-- <view class="weigh-ability" v-if="!isReservation">-->
|
<!-- <view class="weigh-button"><u-button text="展示通知单"
|
@click="showCaolPickUpBill"
|
type="primary"
|
shape="circle"></u-button></view> -->
|
<view class="weigh-button"><u-button
|
:disabled="!isapproach"
|
text="上磅计量"
|
@click="cengZhongClick"
|
type="primary"
|
shape="circle"></u-button></view>
|
</view>
|
<!-- <view class="weigh-ability">-->
|
<!-- <view class="weigh-button"><u-button-->
|
<!-- :disabled="!isapproach"-->
|
<!-- text="申请复磅"-->
|
<!-- @click="shenqingFubangClick"-->
|
<!-- type="primary"-->
|
<!-- shape="circle"></u-button></view>-->
|
|
<!-- </view>-->
|
<view class="weigh-ability" v-if="noCarNo == 1">
|
<view class="weigh-button"><u-button
|
:disabled="!isapproach"
|
text="申请计量"
|
@click="shenqingjiliangClick"
|
type="primary"
|
shape="circle"></u-button></view>
|
|
</view>
|
<view class="weigh-ability" v-if="isShenqingFubangShow">
|
<view class="weigh-button"><u-button
|
:loading="shenQingFuBangLoading"
|
text="申请复磅"
|
@click="shenqingFubangClick"
|
type="primary"
|
shape="circle"></u-button></view>
|
|
</view>
|
</view>
|
|
<view class="evacuationModal">
|
<u-modal :show="evacuationModalShow"
|
:title="evacuationTitle"
|
:content="evacuationContent"
|
:showCancelButton="true"
|
@confirm="evacuationConfirm"
|
@cancel="evacuationCancel"></u-modal>
|
</view>
|
<view class="completeOutSale">
|
<u-modal :show="completeOutSaleShow"
|
title="确认"
|
content="是否完成外销通知单"
|
:showCancelButton="true"
|
@confirm="completeOutSaleConfirm"
|
@cancel="completeOutSaleCancel"></u-modal>
|
</view>
|
<u-action-sheet
|
:actions="list"
|
:show="show"
|
:closeOnClickOverlay="true"
|
:closeOnClickAction="true"
|
@select="selectClick"
|
@close="sheetClose" >
|
</u-action-sheet>
|
<view class="serviece-customer">
|
<u-action-sheet
|
v-if="serviceInfoObj.serviecePhone"
|
:actions="hujiaolist"
|
@select="selectClickhujiao"
|
@close='serviceClose'
|
title="呼叫方式"
|
:show="servieceShow"
|
cancelText="取消"></u-action-sheet>
|
</view>
|
<!-- 磅房列表 -->
|
<u-action-sheet
|
:actions="bangfangList"
|
title="选择磅房"
|
:closeOnClickAction="true"
|
:closeOnClickOverlay="true"
|
@select="bangfangSelectClick"
|
:show="bangfangListShow"
|
@close="bangfangSheetClose"></u-action-sheet>
|
</view>
|
</template>
|
|
<script>
|
import { onlineurl } from '@/api/request.js'
|
import { webSocketUrl } from '@/api/request.js';
|
import { mapState, mapMutations,mapGetters } from 'vuex';
|
import weighItem from '@/components/weighItem.vue'
|
export default {
|
components: {
|
weighItem
|
},
|
onLoad(value) {
|
console.log(value,'valyue')
|
this.orderPlanId = value.orderPlanId;
|
this.yyId = value.yyId;
|
if (value.overTmWaixiao) {
|
this.overTmWaixiao = value.overTmWaixiao
|
this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
|
}
|
},
|
data() {
|
return {
|
orderPlanId: null,
|
yyId: null,
|
show:false,
|
hujiaolist: [{ name: '手机号', subname: '', id: 1 }], //呼叫客服选项 { name: '微信语音', id: 2 }
|
servieceShow:false,
|
chengZhongFlag:true, // 上榜称重状态
|
dayRZ: [],
|
list: [
|
{
|
name:'选项一',
|
},
|
{
|
name: '选项二禁用',
|
},
|
{
|
name: '开启load加载', //开启后文字不显示
|
}
|
],
|
coalDetailsData: {}, // 通知单详情
|
currentPageCoalStatus: 0, // 当前页面通知单状态
|
// 获取所在磅房参数
|
getWeightHouseObj: {
|
deptId: '',
|
filedId: '',
|
tmId: '',
|
tmCode: '',
|
carNo: ''
|
},
|
// 获取入场申请的列表页面参数
|
getYuYueDataParams: {
|
deptId: '',
|
filedId: '',
|
sendDate: ''
|
},
|
// 获取客服openid参数
|
getServiceOpenid: {
|
deptId: '',
|
filedId: ''
|
},
|
// 客服信息
|
serviceInfoObj: {
|
openId: null,
|
openName: '',
|
serviecePhone: ''
|
},
|
coalStatus: ['未称重', '称重中', '验质中', '称重完成', '质检完成'], // 状态[0,1,3,4]
|
weighHouseCode: '',
|
// 放空弹窗控制变量
|
evacuationModalShow: false,
|
evacuationTitle: '放空确认',
|
evacuationContent: '是否确认放空',
|
// 第一次放空参数
|
weighData: {
|
sceneId: '',
|
gateCameraId: '',
|
equipmentCode: '',
|
weigh: 0,
|
sceneInOut: ''
|
},
|
// 原发信息
|
primarySkin: null,
|
primaryHair: null,
|
primaryClean: null,
|
scrollTop: 0,
|
// 磅单类型
|
orderType: '',
|
interval: '',
|
// 完成外销订单
|
completeOutSale: {
|
deptId: "",
|
filedId: "",
|
orderType: "",
|
clean: ""
|
},
|
completeOutSaleShow: false,
|
reservationIsShow:false,
|
overTmWaixiao: null,
|
// 判读网络状态，
|
normalCode: true,
|
onlineurl,
|
bangfangListShow: false,
|
bangfangList: [],
|
noCarNo:0, //是否有车牌号(有车牌0，无车牌1)
|
shenQingFuBangLoading: false, //申请复磅loading
|
orderCode:''
|
};
|
},
|
onShow() {
|
this.init();
|
},
|
onHide() {
|
clearInterval(this.interval);
|
},
|
beforeDestroy() {
|
clearInterval(this.interval);
|
},
|
computed: {
|
...mapState(['globalinfraredStatus']),
|
...mapGetters(['globalweigh']),
|
name() {
|
return uni.getStorageSync('name');
|
},
|
openid() {
|
return uni.getStorageSync('openid');
|
},
|
// 获取今天日期
|
currentDate() {
|
let time = new Date();
|
let year = time.getFullYear();
|
let month = time.getMonth() + 1;
|
month = month < 10 ? '0' + month : month;
|
let date = time.getDate();
|
date = date < 10 ? '0' + date : date;
|
return `${year}-${month}-${date}`;
|
},
|
//
|
isEvacuation() {
|
return this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0;
|
},
|
isFangKong() {
|
if(this.coalDetailsData.hair !== 0 || this.coalDetailsData.skin !== 0) {
|
console.log(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)).toFixed(1),'hair')
|
console.log(Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)).toFixed(1),'skin')
|
console.log(Number(this.globalweigh),'globalweigh')
|
console.log(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)) <= 0.1,'1111111111111')
|
console.log(Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)) <= 0.1,'222222222222222')
|
if(Math.abs(Number(this.coalDetailsData.hair) - Number(this.globalweigh)).toFixed(2) <= 0.1 || Math.abs(Number(this.coalDetailsData.skin) - Number(this.globalweigh)).toFixed(2) <= 0.1) {
|
return true
|
}else {
|
return false
|
}
|
// if((this.coalDetailsData.hair == this.globalweigh) || (this.coalDetailsData.skin == this.globalweigh)) {
|
// return true
|
// }else {
|
// return false
|
// }
|
}else {
|
return false
|
}
|
},
|
isapproach() {
|
return this.currentPageCoalStatus != 3 || this.coalDetailsData.isSendErp ==1;
|
},
|
// 展示皮毛净
|
showWeigh() {
|
return this.coalDetailsData.tmTaskCoalItems ? this.coalDetailsData.tmTaskCoalItems : []
|
},
|
//司机领取状态按钮全不展示
|
isReservation(){
|
return this.reservationIsShow < 1;
|
},
|
//判断打印单次数
|
printNum(){
|
return this.coalDetailsData.printTimes2 <= this.coalDetailsData.tmTaskCoalItems?.length
|
},
|
roleType() {
|
console.log(uni.getStorageSync('userInfo').type,'roleType')
|
return uni.getStorageSync('userInfo').type;
|
},
|
isShenqingFubangShow() { //申请复磅按钮是否显示
|
//条件： 不是 称重完成+不是 未称重+司机 【未称重0，称重中1，验质中2，称重完成3,验质完成4】 noCarNo 是否有车牌号(有车牌0，无车牌1)
|
if((this.currentPageCoalStatus != 0) && this.roleType == 3) {
|
return true
|
}else {
|
return false
|
}
|
}
|
},
|
methods: {
|
init() {
|
this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
|
if (res.code == 0) {
|
this.dayRZ = res.data.map(v => {
|
let slicedate = v.taskStatusDes.slice(0, 10);
|
if (slicedate == this.currentDate) {
|
return {
|
...v,
|
taskStatusDes: v.taskStatusDes.slice(10)
|
};
|
} else {
|
return { ...v }
|
}
|
});
|
}
|
});
|
this.coalDayPage(); //获取日志
|
this.getTakeCoal(); //获取通知单详情
|
},
|
// 获取客服openid
|
getgetService() {
|
this.$reqGet('getCallOutList', this.getServiceOpenid).then(res => {
|
console.log(res, '客服openid');
|
if (res.code != 0) {
|
this.$u.toast(res.msg ? res.msg : '获取客服信息失败');
|
} else {
|
this.serviceInfoObj.openId = res.data.openId;
|
this.serviceInfoObj.openName = res.data.openName;
|
this.serviceInfoObj.serviecePhone = res.data.serviecePhone
|
this.$set(this.hujiaolist[0], 'subname', this.serviceInfoObj.serviecePhone)
|
uni.setStorageSync('customeropenId', this.serviceInfoObj.openId);
|
uni.setStorageSync('customerName', this.serviceInfoObj.openName);
|
}
|
});
|
},
|
// 获取通知单详情
|
getTakeCoal() {
|
uni.showLoading({
|
title: '加载中'
|
});
|
this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
|
uni.hideLoading();
|
if (res.code == 0) {
|
console.log(res, '通知单详情');
|
this.coalDetailsData = res.data;
|
console.log('coalDetailsData',this.coalDetailsData)
|
this.orderCode = res.data.orderCode
|
this.orderType = this.coalDetailsData.orderType;
|
this.noCarNo = res.data.noCarNo
|
// 判断是否完成外销订单
|
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;
|
this.getWeightHouseObj.tmId = this.coalDetailsData.id;
|
this.getWeightHouseObj.tmCode = this.coalDetailsData.code;
|
this.getWeightHouseObj.carNo = this.coalDetailsData.carNo;
|
// 获取入场申请操作后的预约列表的参数
|
this.getYuYueDataParams.deptId = this.coalDetailsData.deptId;
|
this.getYuYueDataParams.filedId = this.coalDetailsData.filedId;
|
this.getYuYueDataParams.sendDate = this.coalDetailsData.sendDate;
|
// 获取客服openId参数赋值
|
this.getServiceOpenid.deptId = this.coalDetailsData.deptId;
|
this.getServiceOpenid.filedId = this.coalDetailsData.filedId;
|
// 获取通知单状态
|
this.currentPageCoalStatus = this.coalDetailsData.statusWeigh; //【未称重0，称重中1，验质中2，称重完成3,验质完成4】
|
this.reservationIsShow = this.coalDetailsData.status;
|
// 获取原发信息
|
this.primarySkin = this.coalDetailsData.skinTwo;
|
this.primaryHair = this.coalDetailsData.hairTwo;
|
this.primaryClean = this.coalDetailsData.cleanTwo;
|
|
//初始化磅单数据
|
this.list = this.coalDetailsData.tmTaskCoalItems.map(item=>{
|
return {name:item.breed + '/' + item.spec,id:item.id,tmId:item.tmId}
|
})
|
this.getPoundRoomByList()
|
} else {
|
this.$u.toast('加载失败');
|
}
|
}).then(() => {
|
if (this.completeOutSale.orderType == "内购" || this.completeOutSale.orderType == "转入") {
|
if (this.completeOutSale.clean !== 0 && this.currentPageCoalStatus !== 6 && this
|
.currentPageCoalStatus !== 11 && this.currentPageCoalStatus !== 12) {
|
this.$reqGet('getTmTaskCoalOrderType', {
|
deptId: this.completeOutSale.deptId,
|
filedId: this.completeOutSale.filedId,
|
orderType: '外销'
|
}).then(res => {
|
if (res.data && res.data?.length !== 0) {
|
this.completeOutSaleShow = true
|
console.log(res, '完成外销订单');
|
}
|
})
|
}
|
}
|
this.getgetService(); //获取客服
|
})
|
},
|
// 日志查询
|
coalDayPage() {
|
if (this.normalCode) {
|
this.interval = setInterval(() => {
|
this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
|
if (res.code == 0) {
|
this.normalCode = true;
|
this.dayRZ = res.data.map(v => {
|
let slicedate = v.taskStatusDes.slice(0, 10);
|
if (slicedate == this.currentDate) {
|
return {
|
...v,
|
taskStatusDes: v.taskStatusDes.slice(10)
|
};
|
} else {
|
return { ...v }
|
}
|
});
|
} else {
|
this.normalCode = false;
|
}
|
});
|
}, 10000);
|
} else {
|
clearInterval(this.interval)
|
this.$u.toast('服务器错误,请稍后重试')
|
}
|
},
|
// 展示通知单详情
|
showCaolPickUpBill() {
|
uni.navigateTo({
|
url: `/pages/driver-page/driver-index/bill-of-lading-details/coal-pick-up-bill/coal-pick-up-bill?orderPlanId=${this.orderPlanId}`
|
});
|
},
|
// 签到
|
arriveClick() {
|
uni.navigateTo({
|
url: `/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock?orderPlanId=${this.orderPlanId}&coalStatus=${
|
this.currentPageCoalStatus
|
}&tmId=${this.getWeightHouseObj.tmId}&yyId=${this.yyId}`
|
});
|
},
|
// 入场申请
|
rcsqClick() {
|
uni.navigateTo({
|
url: `/pages/driver-page/appointment/appointment?type=入场申请&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${
|
this.getYuYueDataParams.deptId
|
}&sendDate=${this.getYuYueDataParams.sendDate}`
|
});
|
},
|
// 呼叫客服
|
callCustomerService() {
|
// if (!this.serviceInfoObj.openId) {
|
// this.$u.toast('无客服信息');
|
// }
|
// wx.getSetting({
|
// success(res) {
|
// console.log('授权success', res);
|
// if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) {
|
// if (!res.authSetting['scope.camera']) {
|
// uni.showToast({
|
// title: '无相机权限'
|
// });
|
// } else if (!res.authSetting['scope.record']) {
|
// uni.showToast({
|
// title: '无麦克风权限'
|
// });
|
// }
|
// } else {
|
// wx.join1v1Chat({
|
// caller: {
|
// nickname: uni.getStorageSync('name'),
|
// openid: uni.getStorageSync(
|
// 'openid')
|
// },
|
// listener: {
|
// nickname: uni.getStorageSync('customerName'),
|
// openid: uni.getStorageSync(
|
// 'customeropenId')
|
// },
|
// backgroundType: 2,
|
// roomType: 'voice',
|
// success() {
|
// console.log('一对一成功');
|
// },
|
// fail(err) {
|
// console.log('一对一失败', err);
|
// }
|
// });
|
// }
|
// },
|
// fail() {
|
// console.log('获取失败');
|
// }
|
// });
|
this.servieceShow = true
|
},
|
serviceClose() {
|
this.servieceShow = false
|
},
|
selectClickhujiao(v){
|
console.log(v,'vvvv')
|
if (v.id === 2) {
|
this.callCustomerServiceImpl()
|
} else if (v.id === 1) {
|
console.log(this.serviceInfoObj,'w123456+')
|
wx.makePhoneCall({
|
phoneNumber: this.serviceInfoObj.serviecePhone
|
})
|
}
|
},
|
callCustomerServiceImpl(){
|
wx.getSetting({
|
success(res) {
|
console.log('授权success', res);
|
if (!res.authSetting['scope.camera'] || !res.authSetting['scope.record']) {
|
if (!res.authSetting['scope.camera']) {
|
uni.showToast({
|
title: '无相机权限'
|
});
|
} else if (!res.authSetting['scope.record']) {
|
uni.showToast({
|
title: '无麦克风权限'
|
});
|
}
|
} else {
|
wx.join1v1Chat({
|
caller: {
|
nickname: uni.getStorageSync('username'),
|
openid: uni.getStorageSync(
|
'openid')
|
},
|
listener: {
|
nickname: uni.getStorageSync('customerName'),
|
openid: uni.getStorageSync(
|
'customeropenId')
|
},
|
backgroundType: 2,
|
roomType: 'voice',
|
success() {
|
console.log('一对一成功');
|
},
|
fail(err) {
|
console.log('一对一失败', err);
|
}
|
});
|
}
|
},
|
fail() {
|
console.log('获取失败');
|
}
|
});
|
},
|
// 称重
|
cengZhongClick() {
|
this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
|
console.log(res, '获取磅房');
|
if (res.code == 0) {
|
this.weighData.sceneId = res.data.id;
|
this.weighData.gateCameraId = res.data.lastEquipmentId;
|
this.weighData.equipmentCode = res.data.lastEquipmentCode;
|
this.weighData.sceneInOut = res.data.sceneInOut;
|
this.weighHouseCode = res.data.code;
|
|
uni.navigateTo({
|
url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${
|
res.data.id
|
}&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${
|
this.primarySkin
|
}&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}&overTmWaixiao=${this.overTmWaixiao}
|
&isWeighing=${this.coalDetailsData.weighingType}`
|
});
|
} else {
|
this.$u.toast(res.msg ? res.msg : '未在磅房，请前往磅房后再试！！');
|
}
|
});
|
},
|
//申请计量
|
shenqingjiliangClick() {
|
this.bangfangListShow = true
|
},
|
bangfangSelectClick(val) { //选中磅房(司机选择磅房)
|
console.log(val,'id----')
|
this.$reqPost('applyWeight',{tmId:this.getWeightHouseObj.tmId,houseId:val.id},'params').then(res => {
|
console.log(res,'选择磅房====')
|
if(res.code == 0) {
|
uni.navigateTo({
|
url: `/pages/driver-page/driver-index/bill-of-lading-details/nocarNoWeighingDevice/nocarNoWeighingDevice?tmId=${this.getWeightHouseObj.tmId}&houseId=${val?.id}&weighHouseCode=${val?.code}`
|
})
|
}else {
|
this.$u.toast(res.msg);
|
}
|
})
|
|
},
|
bangfangSheetClose() {
|
this.bangfangListShow = false
|
},
|
getPoundRoomByList() {
|
console.log(this.getWeightHouseObj.tmId,'this.getWeightHouseObj.tmId===')
|
this.$reqGet('getPoundRoomByList',{tmId:this.getWeightHouseObj.tmId}).then(res => {
|
console.log(res,'res')
|
if(res.data) {
|
this.bangfangList = res.data
|
}
|
})
|
},
|
shenqingFubangClick() { //申请复磅
|
let params = {
|
deptId:this.coalDetailsData.deptId,
|
filedId:this.coalDetailsData.filedId,
|
tmId:this.coalDetailsData.id
|
}
|
this.shenQingFuBangLoading = true
|
this.$reqPost('applyForRepeatedCarNew',params,'json').then(res => {
|
console.log(res,'申请复磅-----')
|
if(res.code == 0) {
|
this.$u.toast(res.msg);
|
this.shenQingFuBangLoading = false
|
}else {
|
this.$u.toast(res.msg);
|
this.shenQingFuBangLoading = false
|
}
|
}).catch(() => {
|
this.shenQingFuBangLoading = false
|
}).finally(() => {
|
this.shenQingFuBangLoading = false
|
})
|
},
|
// 放空
|
evacuation() {
|
this.evacuationModalShow = true;
|
},
|
// 放空弹窗确认
|
evacuationConfirm() {
|
this.weighData = {
|
...this.weighData,
|
weigh: this.globalweigh
|
};
|
let mix = Object.assign(this.weighData, this.getWeightHouseObj);
|
this.$reqPost('getOneEvacuation', mix, 'json').then(res => {
|
console.log(res, '第一次放空');
|
if (res.code == 0) {
|
this.$u.toast('操作成功');
|
this.evacuationModalShow = false;
|
} else {
|
this.$u.toast('操作失败，请稍后重试');
|
this.evacuationModalShow = false;
|
}
|
});
|
},
|
// 放空弹窗取消
|
evacuationCancel() {
|
this.evacuationModalShow = false;
|
},
|
// 完成外销确定
|
completeOutSaleConfirm() {
|
this.completeOutSaleShow = false
|
uni.navigateTo({
|
url: `/pages/driver-page/driver-index/bill-of-lading-details/completeOutSale/completeOutSale?deptId=${this.completeOutSale.deptId}&filedId=${this.completeOutSale.filedId}`
|
})
|
},
|
// 完成外销取消
|
completeOutSaleCancel() {
|
this.completeOutSaleShow = false
|
},
|
// 查看质量明细
|
jumpWeighDetail() {
|
uni.navigateTo({
|
url: `/pages/driver-page/driver-index/bill-of-lading-details/weighDetail/weighDetail?orderPlanId=${this.orderPlanId}&flag=${true}`
|
})
|
},
|
//打印磅单
|
printOrder(){
|
this.show = true;
|
},
|
selectClick(obj){
|
console.log(obj,'tmiod')
|
this.startProlling(obj.id,obj.tmId);
|
|
},
|
//打印任务
|
printPolling(id){
|
return new Promise((resolve, reject) => {
|
this.$reqGet('printerHandler',{tmItemId:id}).then(res => {
|
uni.hideLoading();
|
this.$u.toast(res.msg ? res.msg : '去打印')
|
if (res.data) {
|
// this.$u.toast('打印成功')
|
// this.orderPlanData = res.data
|
resolve(true)
|
}
|
}).catch((err) => {
|
uni.hideLoading();
|
reject(false)
|
this.$u.toast('打印失败')
|
}).finally(() => {
|
this.show = false;
|
})
|
})
|
},
|
//推送erp
|
pushErp(id,tmId)
|
{
|
return new Promise((resolve, reject) => {
|
this.$reqPost('reSendErp',{tmId:tmId},'json').then(res => {
|
uni.hideLoading();
|
if (res.data) {
|
resolve(true)
|
}
|
}).catch((err) => {
|
uni.hideLoading();
|
reject(false)
|
this.$u.toast('推送失败')
|
})
|
})
|
},
|
//执行打印任务
|
startProlling(id,tmId){
|
Promise.all([this.pushErp(id,tmId), this.printPolling(id)]).then(res => {
|
console.log('所有异步请求均已成功加载完毕',res)
|
this.$u.toast('推送成功');
|
}).catch(err => {
|
console.log(err)
|
})
|
|
|
},
|
sheetClose(){
|
this.show = false;
|
},
|
onPullDownRefresh() { //下拉刷新
|
setTimeout(() => {
|
this.getTakeCoal(() => { //获取通知单详情
|
uni.stopPullDownRefresh()
|
})
|
},1000)
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss"
|
scoped>
|
.send-date{
|
font-size: 12px;
|
color: #eee;
|
}
|
.weighing-item{
|
min-height: 200rpx!important;
|
}
|
/deep/.u-steps {
|
.u-steps-item {
|
.u-steps-item__content {
|
.u-text {
|
.u-text__value {
|
font-size: 31rpx !important;
|
font-weight: 300;
|
color: #303030;
|
}
|
}
|
}
|
}
|
}
|
|
@mixin flex {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
::v-deep.bill-of-lading-details {
|
width: 100%;
|
height: 100%;
|
margin: 0 auto;
|
|
.top-banner {
|
width: 100%;
|
height: 346rpx;
|
position: fixed;
|
}
|
|
.top-information {
|
width: 94%;
|
margin: 0 auto;
|
height: vww(52);
|
@include flex position: relative;
|
flex-direction: column;
|
justify-content: space-between;
|
align-items: flex-start;
|
top: vww(25);
|
color: #ffffff;
|
font-size: 31rpx;
|
font-weight: 300;
|
|
|
.cutomer-name {
|
width: 100%;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
|
.fild-name {
|
@include flex;
|
justify-content: space-between;
|
width: 100%;
|
|
view {
|
min-width: 296rpx;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
}
|
}
|
|
.block-information {
|
width: 690rpx;
|
height: 100%;
|
min-height: 400rpx;
|
margin: vww(40) auto 0rpx;
|
background: #ffffff;
|
box-shadow: 4rpx 6rpx 51rpx 0rpx rgba(73, 120, 240, 0.11);
|
border-radius: 20rpx;
|
position: relative;
|
font-size: 30rpx;
|
font-weight: 300;
|
color: #303030;
|
overflow: hidden;
|
|
.block-main {
|
display: grid;
|
grid-template-columns: auto;
|
grid-template-rows: repeat(auto-fit, minmax(40rpx, 1fr));
|
gap: auto 5rpx;
|
width: 94%;
|
height: 100%;
|
min-height: 360rpx;
|
margin: vww(18) vww(7) vww(8) vww(17);
|
}
|
|
.status-button {
|
width: vww(71);
|
height: vww(36);
|
text-align: center;
|
line-height: vww(33);
|
font-size: 28rpx;
|
font-weight: 300;
|
position: absolute;
|
right: vww(10);
|
color: #fff;
|
}
|
|
.basic {
|
width: 100%;
|
height: vww(15);
|
@include flex;
|
justify-content: flex-start;
|
|
.coalName,
|
.order-type {
|
width: 370rpx;
|
height: 55rpx;
|
font-size: 30rpx;
|
font-weight: 300;
|
color: #515151;
|
position: relative;
|
overflow: hidden; //溢出隐藏
|
text-overflow: ellipsis; //超出部分省略号
|
white-space: nowrap; //不换行
|
}
|
|
.black-block {
|
width: 2rpx;
|
height: 30rpx;
|
background: #515151;
|
position: relative;
|
top: vww(2);
|
}
|
}
|
|
.time {
|
width: 100%;
|
height: vww(12);
|
display: flex;
|
justify-content: flex-start;
|
|
.send-date {
|
width: 148rpx;
|
height: 24rpx;
|
margin-left: vww(14);
|
font-size: 28rpx;
|
font-weight: 300;
|
color: #515151;
|
}
|
}
|
|
.coal-code,
|
.order-code {
|
width: 100%;
|
height: 24rpx;
|
font-size: 28rpx;
|
font-weight: 300;
|
color: #7d7d7d;
|
}
|
|
|
}
|
|
// 称重历史
|
.weigh-history {
|
.block-main {
|
.weigh-item {
|
width: 100%;
|
height: vww(80);
|
@include flex;
|
flex-direction: column;
|
justify-content: space-around;
|
align-items: flex-start;
|
|
.item-block {
|
width: 100%;
|
height: vww(36);
|
@include flex;
|
justify-content: space-around;
|
|
.item {
|
min-width: vww(50);
|
height: vww(45);
|
font-size: 21rpx;
|
font-weight: 400;
|
color: #ffffff;
|
text-align: center;
|
line-height: vww(30);
|
@include flex;
|
|
.concrete {
|
width: vww(36);
|
height: vww(36);
|
}
|
|
.num {
|
font-size: 40rpx;
|
font-weight: 300;
|
color: #303030;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
// 时间线
|
.timeLine {
|
height: 300rpx;
|
min-height: 300rpx;
|
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;
|
}
|
}
|
}
|
}
|
|
.white-block {
|
width: 100%;
|
height: vww(20);
|
background-color: #fff;
|
}
|
|
.utilsBox {
|
width: 94%;
|
margin: 0 auto;
|
position: relative;
|
// top: vww(80);
|
|
.utils_chil {
|
width: 100%;
|
margin: 0 auto;
|
|
.top-button,
|
.bottom-button {
|
width: 100%;
|
height: vww(47);
|
display: flex;
|
justify-items: flex-start;
|
|
.u-button {
|
margin: 0 20rpx;
|
width: 40%;
|
height: 60rpx;
|
font-size: 28rpx;
|
font-weight: 300;
|
color: #497bfb;
|
border: 2px solid #3b56eb;
|
}
|
}
|
}
|
}
|
|
.weigh-ability {
|
width: 631rpx;
|
margin: vww(20) auto;
|
margin-bottom: vww(10);
|
@include flex;
|
flex-direction: column;
|
|
.weigh-button {
|
width: 631rpx;
|
.u-button {
|
font-size: 28rpx;
|
font-weight: 300;
|
color: #ffffff;
|
background: #497bfb;
|
letter-spacing: 4rpx;
|
border-radius: 37rpx 37rpx 37rpx 37rpx;
|
box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29);
|
}
|
}
|
}
|
}
|
::v-deep{
|
.u-action-sheet{
|
max-height: 900rpx;
|
overflow-y: auto;
|
}
|
.u-action-sheet__item-wrap__item{
|
padding: 10px 15px!important;
|
}
|
}
|
.btns-box-main{
|
width: 100%;
|
margin-bottom: 60rpx;
|
}
|
</style>
|
