<template>
|
<view class="bill-of-lading-details">
|
<view class="top-banner"
|
style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/loadingbanner.png') no-repeat;background-size: cover;">
|
<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.bunkerName || '暂无' }}</view>
|
</view>
|
</view>
|
<view class="block-information">
|
<view class="block-main">
|
<view class="basic">
|
<view class="coalName">{{ coalDetailsData.productNames || coalDetailsData.productName }}</view>
|
<view class="status-button"
|
style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/statusbutton.png') no-repeat;
|
background-size: cover;">
|
{{coalDetailsData.statusView||''}}
|
</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.orderType || '' }}</view>
|
<view class="coal-code">收发单编号: {{ coalDetailsData.code || '' }}</view>
|
<view class="coal-code">车牌号: {{ coalDetailsData.carNo || '' }}</view>
|
<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" v-if="isShowClean">
|
<view class="item">
|
<view class="concrete"
|
style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
|
皮</view>
|
<view class="num" v-if="weightObj.skin">{{ Number(weightObj.skin).toFixed(2) ||"" }}</view>
|
</view>
|
<view class="item">
|
<view class="concrete"
|
style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
|
毛</view>
|
<view class="num" v-if="weightObj.hair">{{ Number(weightObj.hair).toFixed(2) ||"" }}</view>
|
</view>
|
<view class="item">
|
<view class="concrete"
|
style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
|
净</view>
|
<view class="num" v-if="(weightObj.clean || (weightObj.clean && weightObj.clean === 0 ))">{{ Number(weightObj.clean).toFixed(2) ||"" }}</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- 子菜单 ---表格 -->
|
<view class="sub-table">
|
<view class="first-line"><combined-title title="产品信息"></combined-title></view>
|
<view class="table">
|
<uni-table border
|
id="table-box"
|
v-if="coalDetailsData.isWeight === 1"
|
emptyText="暂无更多数据">
|
<uni-tr>
|
<uni-th align="center" >产品</uni-th>
|
<uni-th align="center">皮重</uni-th>
|
<uni-th align="center">毛重</uni-th>
|
<uni-th align="center">净重</uni-th>
|
<uni-th align="center">扣吨</uni-th>
|
<uni-th align="center">件数</uni-th>
|
</uni-tr>
|
<uni-tr v-for="(subItem, index) in tmTaskCoalList" :key="index">
|
<uni-td align="center">
|
<view class="name">{{ subItem.productName }}</view></uni-td>
|
<uni-td align='right'>
|
<view v-if="subItem.skin">{{ Number( subItem.skin).toFixed(2) || ''}}</view>
|
</uni-td>
|
<uni-td align='right'>
|
<view class="name" v-if="subItem.hair">{{ Number(subItem.hair) .toFixed(2) || '' }}</view>
|
</uni-td>
|
<uni-td align='right'>
|
<view class="name" v-if="(subItem.clean || (subItem.clean && subItem.clean === 0))">{{ Number( subItem.clean).toFixed(2) || '' }}</view>
|
</uni-td>
|
|
<uni-td align="right">
|
<view>{{ subItem.discount }}</view
|
></uni-td>
|
<uni-td align="right">
|
<view>{{ subItem.productQuantity }}</view
|
></uni-td>
|
</uni-tr>
|
</uni-table>
|
<uni-table border
|
id="table-box"
|
v-else
|
emptyText="暂无更多数据">
|
<uni-tr>
|
<uni-th align="center" >产品</uni-th>
|
<!-- <uni-th align="center">皮重</uni-th>
|
<uni-th align="center">毛重</uni-th>
|
<uni-th align="center">净重</uni-th> -->
|
|
<uni-th align="center">件数</uni-th>
|
</uni-tr>
|
<uni-tr v-for="(subItem, index) in tmTaskCoalList" :key="index">
|
<uni-td align="center">
|
<view class="name">{{ subItem.productName }}</view></uni-td>
|
<!-- <uni-td align='right'>
|
<view v-if="subItem.skin">{{ Number( subItem.skin).toFixed(2) || ''}}</view>
|
</uni-td>
|
<uni-td align='right'>
|
<view class="name" v-if="subItem.hair">{{ Number(subItem.hair) .toFixed(2) || '' }}</view>
|
</uni-td>
|
<uni-td align='right'>
|
<view class="name" v-if="(subItem.clean || (subItem.clean && subItem.clean === 0))">{{ Number( subItem.clean).toFixed(2) || '' }}</view>
|
</uni-td> -->
|
|
|
<uni-td align="right">
|
<view>{{ subItem.productQuantity }}</view
|
></uni-td>
|
</uni-tr>
|
</uni-table>
|
</view>
|
<!-- 请输入集装箱号 -->
|
<view class="codeBox" v-if="coalDetailsData.isContainerNum">
|
<text>集装箱号:</text>
|
<view class="inp">
|
<u--input
|
placeholder="请输入集装箱号"
|
v-model="coalDetailsData.containerNumber"
|
></u--input>
|
</view>
|
<view>
|
<u-button type="primary" text="确定" @click="enterClick"></u-button>
|
</view>
|
</view>
|
</view>
|
<view class="origin-info"
|
v-if="originInfoVisible&&!isSpecial && isShowYuanFa">
|
<view class="origin-info_wrapper">
|
<view class="origin-info_content">
|
<!-- 折叠 -->
|
<zh-collapse
|
default_unfold
|
accordion>
|
<zh-collapse-item
|
class="collItem">
|
<!-- title -->
|
<view slot="title">
|
<view class="first-line"><combined-title title="原发信息"></combined-title></view>
|
</view>
|
<view class="" slot='cont'>
|
<u-form :model="originInfoForm"
|
:rules="rules"
|
label-position="top"
|
label-width="160"
|
:label-style="{'marginLeft':'9px'}"
|
ref="originInfoRef">
|
<view v-if="coalDetailsData.isWeight">
|
<u-form-item prop="coalContactSkin">
|
<view class="second-line">
|
<view class="label-text"
|
:class="{ focusClass: isfocus1 }"><text style="color: #f56c6c;">*</text>皮重</view>
|
<view class="input-container"
|
:class="{ inputClass: isfocus1, disabledClass: isModifyoriginInfo }">
|
<u--input placeholder="请输入皮重"
|
border="surround"
|
v-model="originInfoForm.coalContactSkin"
|
@focus="inputFocus(1)"
|
@blur="inputBlur"
|
@change="inputChange"
|
:disabled="isModifyoriginInfo"></u--input>
|
</view>
|
<view class="unit"
|
:class="{ focusClass: isfocus1 }">吨</view>
|
</view>
|
</u-form-item>
|
<u-form-item prop="coalContactHair">
|
<view class="second-line">
|
<view class="label-text"
|
:class="{ focusClass: isfocus2 }"><text style="color: #f56c6c;">*</text>毛重</view>
|
<view class="input-container"
|
:class="{ inputClass: isfocus2, disabledClass: isModifyoriginInfo }">
|
<u--input placeholder="请输入毛重"
|
border="surround"
|
v-model="originInfoForm.coalContactHair"
|
@focus="inputFocus(2)"
|
@blur="inputBlur"
|
@change="inputChange"
|
:disabled="isModifyoriginInfo"></u--input>
|
</view>
|
<view class="unit"
|
:class="{ focusClass: isfocus2 }">吨</view>
|
</view>
|
</u-form-item>
|
<u-form-item>
|
<view class="second-line">
|
<view class="label-text"><text style="color: #f56c6c;">*</text>净重</view>
|
<view class="input-container"
|
:class="{ disabledClass: isModifyoriginInfo }">
|
<u--input placeholder="净重"
|
border="surround"
|
v-model="coalContactClean"
|
:disabled="isModifyoriginInfo"></u--input>
|
</view>
|
<view class="unit">吨</view>
|
</view>
|
</u-form-item>
|
</view>
|
<!-- 输入数量 -->
|
<view v-else class="table-div">
|
<uni-table
|
border
|
id="table-box"
|
emptyText="暂无更多数据">
|
<uni-tr>
|
<uni-th align="center" >产品</uni-th>
|
<!-- <uni-th align="center">皮重</uni-th>
|
<uni-th align="center">毛重</uni-th>
|
<uni-th align="center">净重</uni-th> -->
|
<uni-th align="center">数量</uni-th>
|
|
</uni-tr>
|
<uni-tr v-for="(subItem, index) in coalDetailsData.tmTaskCoalList" :key="index">
|
<uni-td align="center">
|
<view class="name">{{ subItem.productName }}</view></uni-td>
|
<!-- <uni-td align='right'>
|
<view v-if="subItem.skin">{{ Number( subItem.skin).toFixed(2) || ''}}</view>
|
</uni-td>
|
<uni-td align='right'>
|
<view class="name" v-if="subItem.hair">{{ Number(subItem.hair) .toFixed(2) || '' }}</view>
|
</uni-td>
|
<uni-td align='right'>
|
<view class="name" v-if="subItem.clean">{{ Number( subItem.clean).toFixed(2) || '' }}</view>
|
</uni-td> -->
|
|
<uni-td align="right">
|
<view>
|
<u--input
|
placeholder="请输入产品数量"
|
type='number'
|
v-model="subItem.productQuantity"
|
></u--input>
|
</view></uni-td>
|
|
</uni-tr>
|
</uni-table>
|
</view>
|
|
<u-form-item prop='contactPicture'>
|
<view class="label-text">
|
<text style="color: #f56c6c;">*</text>原发单据
|
</view>
|
<u-upload :fileList="fileList1"
|
@afterRead="afterRead"
|
@delete="deletePic"
|
name="1"
|
multiple
|
:maxCount="fileList1.length ? fileList1.length : 2"
|
width="250"
|
height="150"
|
:previewFullImage="true"
|
:disabled="isModifyoriginInfo"
|
:deletable="!deletable"></u-upload>
|
</u-form-item>
|
</u-form>
|
<!-- <view class="submit-button">
|
<u-button text="提交"
|
type="primary"
|
@click.stop="submitOriginInfo"
|
:disabled="isModifyoriginInfo"
|
:loading="submitOriginInfoLoading"></u-button>
|
</view> -->
|
</view>
|
</zh-collapse-item>
|
</zh-collapse>
|
|
|
</view>
|
</view>
|
</view>
|
<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">
|
<view class="bottom-button">
|
<!-- <u-button text="放空"
|
type="primary"
|
plain
|
@click="evacuation"
|
throttleTime="500"
|
shape="circle"
|
:disabled="isEvacuation || isapproach"></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> -->
|
<!-- 磅房忙碌提示弹窗 -->
|
<view class="">
|
<u-modal :show="wsgShow"
|
title="提示"
|
:content="wsgContent"
|
@confirm="wsgContentConfirm"></u-modal>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import { BaseUrl } from '@/api/publicInterface.js';
|
import { mapState, mapMutations } from 'vuex';
|
import combinedTitle from '@/components/combined-title/combined-title.vue';
|
import BigNumber from "bignumber.js"
|
const dayjs = require('dayjs')
|
export default {
|
components: {
|
combinedTitle,
|
},
|
onPullDownRefresh() {
|
this.getTakeCoal(); //获取收发单详情
|
// uni.stopPullDownRefresh();
|
},
|
onLoad(value) {
|
this.orderPlanId = value.id;
|
// this.yyId = value.yyId;
|
this.originInfoVisible = value.orderType === '外购'
|
// if (value.overTmWaixiao) {
|
// this.overTmWaixiao = value.overTmWaixiao
|
// this.getWeightHouseObj.overTmWaixiao = value.overTmWaixiao
|
// }
|
this.fileList1 = []
|
this.changeglobalIsFirstWeighing(1)
|
if (this.globalIsFirstWeighing === 1) {
|
console.log('获取详情 onload');
|
this.getTakeCoal(); //获取收发单详情
|
}
|
this.init(); //获取日志
|
},
|
onShow() {
|
this.coalDayPage(); //获取日志 定时任务
|
if (this.globalIsFirstWeighing === 2) {
|
console.log('获取详情 onShow');
|
this.getTakeCoal(); //获取收发单详情
|
}
|
},
|
onHide() {
|
// clearInterval(this.interval);
|
},
|
onUnload() {
|
// clearInterval(this.interval);
|
},
|
onReady() {
|
if (this.originInfoVisible && !this.isSpecial) {
|
this.$refs.originInfoRef.setRules(this.rules);
|
}
|
},
|
beforeDestroy() {
|
// clearInterval(this.interval);
|
},
|
data() {
|
return {
|
swiperList:[],
|
orderPlanId: null,
|
radioValue:'场地',
|
tmTaskCoalList:[],
|
currentNum:0,
|
guideLineshow:false,
|
yyId: null,
|
dayRZ: [],
|
activeText:'',
|
activeObj:{
|
affiliationId:'',
|
type:2,
|
},
|
coalDetailsData: {
|
tmTaskCoalList:[]
|
}, // 收发单详情
|
currentPageCoalStatus: 0, // 当前页面收发单状态
|
// 获取所在磅房参数
|
getWeightHouseObj: {
|
deptId: '',
|
filedId: '',
|
tmId: '',
|
tmCode: '',
|
carNo: ''
|
},
|
// 获取入场申请的列表页面参数
|
getYuYueDataParams: {
|
deptId: '',
|
filedId: '',
|
sendDate: ''
|
},
|
// 获取客服openid参数
|
getServiceOpenid: {
|
deptId: '',
|
filedId: ''
|
},
|
// 客服信息
|
serviceInfoObj: {
|
openId: null,
|
openName: '',
|
serviecePhone: ''
|
},
|
coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入仓库', '出仓库', '放空', '作废', '入场申请',
|
'进入场院', '异常审核中', '返回加减吨', '超时', '打印中', '打印中', '填写', '放空确认中', '超最大毛重确认中','补打','入场检查','质检中',
|
'离场检查','已打印','装卸','返回加减吨确认中'
|
], // 状态
|
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,
|
overTmWaixiao: null,
|
list: [{ name: '手机号', subname: '1213456', id: 1 }, { name: '微信语音', id: 2 }], //呼叫客服选项
|
servieceShow: false,
|
ablePrintInduction: false, //入门证是否显示
|
ablePrintOut: false, //出门证是否显示
|
enterLoading: false, //入门按钮loading
|
outLoading: false, //出门按钮loading
|
// 是否填写原发信息
|
isInputOrigin: false,
|
haveInputOrigin: false,
|
isModifyoriginInfo: false,
|
// 聚焦时改变样式
|
isfocus1: false,
|
isfocus2: false,
|
// 输入的原发信息
|
originInfoForm: {
|
coalContactSkin: '',
|
coalContactHair: '',
|
coalContactClean: 0,
|
contactPicture: ''
|
},
|
originInfoVisible: false,
|
fileList1: [], //图片列表
|
deletable: true,
|
rules: {},
|
timeout: '0',
|
wsgShow: false,
|
timeLineStatus: null,
|
|
timeLineEqCode: '',
|
originInfoNotice: '填写原发信息后可上磅计量',
|
submitOriginInfoLoading: false,
|
ischeckedDefault: 0,
|
isSpecial: null, //1 是特殊 0不是特殊
|
printerType: '', //判断打印的是出门证还是入门证
|
weighHouseLoading: false
|
};
|
},
|
watch: {
|
},
|
computed: {
|
...mapState(['globalweigh', 'globalinfraredStatus', 'wsgVisiable', 'wsgContent', 'globalIsFirstWeighing', ]),
|
name() {
|
return uni.getStorageSync('name');
|
},
|
roleType() {
|
return uni.getStorageSync('roleType');
|
},
|
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;
|
},
|
isapproach() {
|
return this.correctStatus !== 3
|
},
|
coalContactClean() {
|
if(this.coalDetailsData.isWeight){
|
let xx = BigNumber(this.originInfoForm.coalContactHair ? this.originInfoForm.coalContactHair : 0)
|
let yy = BigNumber(this.originInfoForm.coalContactSkin ? this.originInfoForm.coalContactSkin : 0)
|
return xx.minus(yy).toNumber() > 0 ? xx.minus(yy).toNumber().toFixed(2) : 0
|
}else{
|
//数量
|
if(!this.coalDetailsData.tmTaskCoalList.length){
|
return false
|
}else{
|
const reslut = this.coalDetailsData.tmTaskCoalList.find(item=>!item.productQuantity);
|
console.log(reslut);
|
if(reslut){
|
return false
|
}else{
|
return true
|
}
|
}
|
}
|
|
},
|
currentTime() {
|
let currentDate = new Date();
|
let year = currentDate.getFullYear();
|
let month = ("0" + (currentDate.getMonth() + 1)).slice(-2);
|
let date = ("0" + currentDate.getDate()).slice(-2);
|
let hours = ("0" + currentDate.getHours()).slice(-2);
|
let minutes = ("0" + currentDate.getMinutes()).slice(-2);
|
let formattedDate = year + "-" + month + "-" + date + " " + hours + ":" + minutes;
|
return formattedDate
|
},
|
correctStatus() {
|
return this.currentPageCoalStatus === this.timeLineStatus ? this.currentPageCoalStatus : this
|
.timeLineStatus
|
},
|
isNeedOrigin() {
|
return uni.getStorageSync('isNeedOrigin')
|
},
|
//是否展示皮毛净
|
isShowClean(){
|
let flag = true;
|
console.log(this.coalDetailsData.tmTaskCoalList)
|
const tempArr = this.coalDetailsData.tmTaskCoalList.filter(item=> item.isWeight === 1);
|
if(!tempArr.length ){
|
return false; //如果都没有返回假
|
} else {
|
flag = tempArr.every(obj => obj['skin'] !== null && obj['clean'] !== null && obj['hair'] !== null );
|
console.log(flag,'f;ag')
|
return flag;
|
}
|
|
},
|
//皮毛净
|
weightObj(){
|
const index = 0;//下标位 ，读取第几组的皮毛净；,默认最后一组;
|
const tempArr = this.coalDetailsData.tmTaskCoalList.filter(item=> item.isWeight === 1);
|
const result =tempArr.find(item=>!item.skin || !item.hair || !item.clean);
|
console.log(result,'result')
|
if(result){
|
return result
|
}else{
|
return tempArr[index];
|
}
|
|
},
|
//判断是否展示 原发信息
|
isShowYuanFa(){
|
if(this.coalContactClean && !this.coalDetailsData.tmTaskCoalList.length){
|
return false
|
}else{
|
return true
|
}
|
}
|
},
|
methods: {
|
...mapMutations(['changewsgVisiable', 'changeisUploadimg', 'changeglobalIsFirstWeighing']),
|
init() {
|
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) {
|
return {
|
...v,
|
taskStatusDes: v.taskStatusDes.slice(10)
|
};
|
} else {
|
return { ...v }
|
}
|
});
|
}
|
});
|
},
|
// 获取收发单详情
|
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.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.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.status;
|
// 获取原发信息
|
this.primarySkin = this.coalDetailsData.skinTwo;
|
this.primaryHair = this.coalDetailsData.hairTwo;
|
this.primaryClean = this.coalDetailsData.cleanTwo;
|
// 入门证 和 出门证 是否显示
|
this.ablePrintInduction = this.coalDetailsData.hair || this.coalDetailsData.skin
|
this.ablePrintOut = this.coalDetailsData.hair && this.coalDetailsData.skin || this
|
.coalDetailsData.status === 6
|
// 原发信息回显以及控制是否可修改
|
const originFlag = this.coalDetailsData.tmTaskCoalList.find(item=>!item.productQuantity);
|
if(this.coalDetailsData.isWeight === 1){
|
this.haveInputOrigin = (!this.coalDetailsData.skinTwo && this.coalDetailsData.orderType ===
|
'外购')
|
}else{
|
this.haveInputOrigin = !!originFlag
|
}
|
console.log(originFlag,this.coalDetailsData.tmTaskCoalList,'origin')
|
this.deletable = this.coalDetailsData.status > 3
|
this.originInfoForm.coalContactSkin = this.coalDetailsData.skinTwo;
|
this.originInfoForm.coalContactHair = this.coalDetailsData.hairTwo;
|
this.originInfoForm.contactPicture = this.coalDetailsData.contactPicture
|
this.tmTaskCoalList = this.coalDetailsData.tmTaskCoalList;
|
if (this.coalDetailsData.contactPicture) {
|
this.fileList1 = this.coalDetailsData.contactPicture.split(',').map(v => {
|
return {
|
url: BaseUrl + v
|
}
|
})
|
} else {
|
this.fileList1 = []
|
}
|
|
} else {
|
this.$u.toast('加载失败');
|
}
|
}).then(() => {
|
this.coalDayPage();
|
|
})
|
},
|
// 日志查询
|
coalDayPage() {
|
// this.interval = setInterval(() => {
|
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,i) => {
|
let slicedate = v.taskStatusDes.slice(0, 10);
|
if(this.coalDetailsData.packingType === 1 && (this.roleType === 3 || this.roleType===1 )){
|
if (slicedate == this.currentDate && !/[皮毛净]/.test(v.taskStatusDes)) {
|
return {
|
...v,
|
taskStatusDes: v.taskStatusDes.slice(10)
|
};
|
} else if( /[皮毛净]/.test(v.taskStatusDes)){
|
return null
|
}else{
|
return {...v}
|
}
|
}else{
|
if (slicedate == this.currentDate) {
|
return {
|
...v,
|
taskStatusDes: v.taskStatusDes.slice(10)
|
};
|
} else {
|
return { ...v }
|
}
|
}
|
|
|
}).filter(Boolean);
|
console.log(this.dayRZ,'daytRs')
|
}
|
});
|
// }, 5000);
|
},
|
inputChange() {
|
if (Number(this.originInfoForm.coalContactHair) > 0 && Number(this.originInfoForm.coalContactSkin >
|
0)) {
|
this.isInputOrigin = true;
|
}
|
},
|
deletePic(event) {
|
this.changeisUploadimg(true);
|
this[`fileList${event.name}`].splice(event.index, 1);
|
},
|
async afterRead(event) {
|
// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
|
let lists = [].concat(event.file);
|
let fileListLen = this[`fileList${event.name}`].length;
|
lists.map(item => {
|
this[`fileList${event.name}`].push({
|
...item,
|
status: 'uploading',
|
message: '上传中'
|
});
|
});
|
for (let i = 0; i < lists.length; i++) {
|
const result = await this.uploadFilePromise(lists[i].url, event.name);
|
let item = this[`fileList${event.name}`][fileListLen];
|
this[`fileList${event.name}`].splice(
|
fileListLen,
|
1,
|
Object.assign(item, {
|
status: 'success',
|
message: '上传成功',
|
url: result
|
})
|
);
|
fileListLen++;
|
}
|
},
|
uploadFilePromise(url, num) {
|
return new Promise((resolve, reject) => {
|
let a = uni.uploadFile({
|
url: BaseUrl + '/admin/sys-file/uploadUnToken',
|
filePath: url,
|
name: 'file',
|
success: res => {
|
if (num == 1) {
|
this.originInfoForm.contactPicture = JSON.parse(res.data)
|
.data.url;
|
resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`);
|
}
|
}
|
});
|
});
|
},
|
submitOriginInfo() {
|
let form = {
|
skin: Number(this.originInfoForm.coalContactSkin),
|
hair: Number(this.originInfoForm.coalContactHair),
|
clean: Number(this.coalContactClean),
|
tmId: this.getWeightHouseObj.tmId,
|
contactPicture: this.originInfoForm.contactPicture,
|
deptId: this.coalDetailsData.deptId,
|
filedId: this.coalDetailsData.filedId,
|
coalName: this.coalDetailsData.coalName,
|
taskCoalCode: this.coalDetailsData.code,
|
carNo: this.coalDetailsData.carNo,
|
}
|
if(this.coalDetailsData.isWeight === 1){
|
if (this.originInfoForm.coalContactSkin && this.originInfoForm.coalContactHair && this
|
.originInfoForm
|
.contactPicture) {
|
this.submitOriginInfoLoading = true
|
this.$reqPost('appSaveContact', form, 'json').then(res => {
|
if (res.code === 0) {
|
this.$u.toast('提交成功')
|
this.submitOriginInfoLoading = false
|
} else {
|
this.submitOriginInfoLoading = false
|
this.isModifyoriginInfo = true
|
this.$u.toast(res.msg ? res.msg : '提交失败')
|
|
}
|
}).then(() => {
|
setTimeout(() => {
|
this.getTakeCoal()
|
}, 1000)
|
})
|
} else {
|
uni.$u.toast('请填写完整原发信息')
|
}
|
}else{
|
//数量
|
form.numDtoList = this.coalDetailsData.tmTaskCoalList.map(item=>{
|
let obj = {
|
tmId:item.id,
|
num:Number(item.productQuantity)
|
}
|
return obj;
|
});
|
//删除皮毛净
|
delete form.clean;
|
delete form.hair;
|
delete form.skin;
|
if (this.coalContactClean && this
|
.originInfoForm
|
.contactPicture) {
|
this.submitOriginInfoLoading = true;
|
console.log(form,'form')
|
this.$reqPost('appSaveContact', form, 'json').then(res => {
|
if (res.code === 0) {
|
this.$u.toast('提交成功')
|
this.submitOriginInfoLoading = false
|
} else {
|
this.submitOriginInfoLoading = false
|
this.$u.toast(res.msg ? res.msg : '提交失败')
|
}
|
}).then(()=>{
|
setTimeout(() => {
|
this.getTakeCoal()
|
}, 1000);
|
})
|
} else {
|
uni.$u.toast('请填写完整原发信息')
|
}
|
}
|
|
},
|
reviewGuidelines(){
|
this.guideLineshow = true;
|
this.swiperList = [];
|
this.activeText = '';
|
this.activeObj.affiliationId = this.coalDetailsData.filedId; //默认查场地
|
this.getguideFun();
|
|
},
|
close(){
|
this.guideLineshow = false;
|
},
|
enterClick(){
|
console.log('click')
|
this.$reqPut('addContainer',{id:this.coalDetailsData.id,containerNumber:this.coalDetailsData.containerNumber},'json').then(res=>{
|
console.log(res,'res')
|
this.$u.toast('操作成功')
|
})
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.codeBox{
|
height: 100rpx;
|
display: flex;
|
width: 100%;
|
justify-content: space-around;
|
align-items: center;
|
.inp{
|
border: solid 1px #ccc;
|
input{
|
|
text-indent: 15px;
|
}
|
|
}
|
|
|
}
|
.table{
|
width: 100%;
|
/deep/ .uni-table{
|
min-width: 0!important;
|
margin-left: 20rpx;
|
}
|
|
}
|
.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 {
|
.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;
|
display: flex;
|
flex-direction: column;
|
|
.top-banner {
|
width: 100%;
|
height: 346rpx;
|
|
.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: 396rpx;
|
margin: vww(40) auto;
|
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 {
|
@include flex ;
|
width: 94%;
|
height: 336rpx;
|
margin: vww(18) vww(7) vww(11) vww(17);
|
flex-direction: column;
|
justify-content: space-between;
|
align-items: flex-start;
|
}
|
|
.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;
|
white-space: nowrap;
|
text-overflow: ellipsis;
|
-o-text-overflow: ellipsis;
|
overflow: hidden;
|
}
|
|
.basic {
|
width: 100%;
|
height: vww(15);
|
@include flex;
|
justify-content: flex-start;
|
|
.coalName,
|
.order-type {
|
width: 45%;
|
height: 60rpx;
|
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: 40%;
|
height: vww(12);
|
display: flex;
|
justify-content: flex-start;
|
|
.send-date {
|
width: 300rpx;
|
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;
|
}
|
|
.stream-view {
|
height: vww(18);
|
margin: vww(8);
|
margin-left: 0;
|
}
|
|
.weigh-item {
|
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;
|
}
|
}
|
}
|
}
|
}
|
.sub-table{
|
width: 690rpx;
|
min-height: 300rpx;
|
margin: vww(20) vww(15) vww(13);
|
background: #ffffff;
|
box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
|
border-radius: 20rpx;
|
@include flex;
|
flex-direction: column;
|
justify-content: center;
|
overflow: hidden;
|
position: relative;
|
top: vww(130);
|
align-items: flex-start;
|
/deep/ .uni-table{
|
min-width: 0!important;
|
}
|
|
}
|
|
.origin-info {
|
width: 690rpx;
|
margin: vww(20) vww(15) vww(13);
|
background: #ffffff;
|
box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
|
border-radius: 20rpx;
|
@include flex;
|
justify-content: center;
|
overflow: hidden;
|
position: relative;
|
top: vww(130);
|
|
&_wrapper {
|
width: 650rpx;
|
@include flex;
|
flex-direction: column;
|
margin-bottom: vww(20);
|
position: relative;
|
|
.origin-info_content {
|
width: 100%;
|
height: 100%;
|
overflow-y: scroll;
|
|
.first-line,
|
.second-line {
|
width: 90%;
|
height: vww(44);
|
|
.focusClass {
|
color: #5b95fd;
|
}
|
|
.inputClass {
|
border: 1px solid rgba(73, 95, 252, 0.6) !important;
|
box-shadow: 0rpx 5rpx 13rpx 0rpx rgba(73, 95, 252, 0.6) !important;
|
border-radius: 12rpx !important;
|
}
|
|
.isInputOrigin {
|
background-color: #f4f4fc;
|
}
|
|
.input-container {
|
border: 2px solid #c5c5c5;
|
box-shadow: 0rpx 5rpx 13rpx 0rpx #c5c5c5;
|
border-radius: 12rpx;
|
}
|
}
|
|
.first-line {
|
@include flex;
|
position: relative;
|
top: vww(8);
|
}
|
|
.second-line {
|
@include flex;
|
}
|
|
.submit-button {
|
width: 180rpx;
|
margin: vww(8) auto;
|
|
.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);
|
}
|
}
|
}
|
}
|
}
|
|
.timeLine {
|
height: 300rpx;
|
margin: vww(20);
|
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 {
|
width: 100%;
|
height: vww(47);
|
@include flex;
|
|
.u-button {
|
width: 40%;
|
height: 60rpx;
|
font-size: 28rpx;
|
font-weight: 300;
|
color: #497bfb;
|
border: 2px solid #3b56eb;
|
}
|
}
|
|
.bottom-button {
|
width: 40%;
|
height: vww(47);
|
padding-left: vww(18);
|
@include flex;
|
justify-content: flex-start;
|
|
.u-button {
|
width: 100%;
|
height: 60rpx;
|
font-size: 28rpx;
|
font-weight: 300;
|
color: #497bfb;
|
border: 2px solid #3b56eb;
|
}
|
}
|
}
|
}
|
|
.weigh-ability {
|
width: 631rpx;
|
height: vww(200);
|
margin: vww(80) auto;
|
margin-top: vww(100);
|
margin-bottom: vww(20);
|
@include flex;
|
flex-direction: column;
|
justify-content: flex-start;
|
|
.weigh-button {
|
width: 631rpx;
|
height: vww(40);
|
margin: vww(10);
|
|
.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-album{
|
display: none!important;
|
}
|
</style>
|
