<template>
<view class="wrap">
<view>
<view style='margin-left:10px;'>任务详情</view>
<view class="content">
<view class="row">
<view class="left">任务编号</view>
<view>{{detailData.processNo}}</view>
</view>
<view class="row">
<view class="left">货名</view>
<view>{{detailData.goodsName}}</view>
</view>
<view class="row">
<view class="left">重量</view>
<view>{{detailData.weight}}</view>
</view>
<view class="row">
<view class="left">发货地址</view>
<view>{{detailData.sendPrivate}}{{detailData.sendCity}}{{detailData.sendArea}}</view>
</view>
<view class="row">
<view class="left">发货人</view>
<view>{{detailData.sender}}</view>
</view>
<view class="row">
<view class="left">发货人电话</view>
<view>{{detailData.senderPhone}}</view>
</view>
<view class="row">
<view class="left">收货地址</view>
<view>{{detailData.receivePrivate}}{{detailData.receiveCity}}{{detailData.receiveArea}}</view>
</view>
<view class="row">
<view class="left">收货人</view>
<view>{{detailData.receiver}}</view>
</view>
<view class="row">
<view class="left">收货人电话</view>
<view>{{detailData.receiverPhone}}</view>
</view>
<view class="row">
<view class="left">发货日期</view>
<view>{{detailData.deliveryDateStart}}</view>
</view>
<view class="row">
<view class="left">最晚到货日期</view>
<view>{{detailData.deliveryDateEnd}}</view>
</view>
<view class="row">
<view class="left">合同编号</view>
<view>{{detailData.contractNo}}</view>
</view>
<view class="row">
<view class="left">运输方式</view>
<view>{{detailData.tranType}}</view>
</view>
</view>
</view>
<view>
<view v-if='detailData.tranType=="火运"' style='margin-left:10px;'>联络员及车次</view>
<view v-if='detailData.tranType=="火运"' class="content">
<view class="row">
<view class="left">姓名</view>
<view>{{detailData.driver}}</view>
</view>
<view class="row">
<view class="left">电话</view>
<view>{{detailData.driverPhone}}</view>
</view>
<view class="row">
<view class="left">发车日期</view>
<view>
<view @click='show1=true'>{{detailData.sendDateStart}}</view>
<u-picker v-model="show1" mode="time" @confirm='dateChange($event)' :params="params">
</u-picker>
</view>
</view>
<view class="row">
<view class="left">预计到站日期</view>
<view>
<view>{{detailData.receiveDateEnd}}</view>
</view>
</view>
<view class="row">
<view class="left">车型</view>
<view>
<view>{{detailData.carModel}}</view>
</view>
</view>
</view>
</view>
<view v-if='detailData.tranType=="船运"' class="content">
<view class="row">
<view class="left">姓名</view>
<view>{{detailData.driver}}</view>
</view>
<view class="row">
<view class="left">电话</view>
<view>{{detailData.driverPhone}}</view>
</view>
<view class="row">
<view class="left">发船日期</view>
<view>
<view @click='show1=true'>{{detailData.sendDateStart}}</view>
<u-picker v-model="show1" mode="time" @confirm='dateChange($event)' :params="params">
</u-picker>
</view>
</view>
<view class="row">
<view class="left">预计到港日期</view>
<view>
<view>{{detailData.receiveDateEnd}}</view>
</view>
</view>
<view class="row">
<view class="left">船名</view>
<view>
<view>{{detailData.shipName}}</view>
</view>
</view>
<view class="row">
<view class="left">航次</view>
<view>
<view>{{detailData.shipNo}}</view>
</view>
</view>
<view class="row">
<view class="left">类型</view>
<view>
<view>{{detailData.shipType}}</view>
</view>
</view>
<view v-if="detailData.shipType == '集装箱'" class="row">
<view class="left">数量</view>
<view>
<view>{{detailData.boxNumber}}</view>
</view>
</view>
</view>
<view v-if='detailData.tranType=="火运"'>
<view style='margin-left:10px;'>卸车详情</view>
<view v-for='(item,index) in freightspace' class="content">
<view class="row">
<view class="left">车厢-{{index+1}}</view>
<view style='text-align:right;' v-if="item.status == '未装车'">{{item.status}}</view>
<view style='text-align:right;' v-else-if="item.status == '已送达'">已卸车</view>
</view>
<view class="row">
<view class="left">车厢号</view>
<view>{{item.boxNo}}</view>
</view>
<view class="row">
<view class="left">装车净重</view>
<view>{{item.loadNetWeight}}</view>
</view>
<view class="row">
<view class="left">卸车净重</view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.unloadNetWeight}}</view>
<view style='text-align:right;' v-else>
<input v-model='item.unloadNetWeight' class="right-bottom"
placeholder="输入卸车净重"></input>
</view>
</view>
<view v-if="detailData.priceType!=null&&detailData.priceType=='随行就市'" class="row">
<view class="left">单价(元/吨)</view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.contractPrice}}</view>
<view style='text-align:right;' v-else>
<input v-model='item.contractPrice' class="right-bottom"
placeholder="输入单价"></input>
</view>
</view>
<view class="row">
<view class="left">磅单</view>
<view v-if="item.status == '未装车' || item.status == '已送达'">
<image v-if="item.unloadPoundImg" @click='shadeshow(item.unloadPoundImg)' style='width:100px;height:100px;' :src="item.unloadPoundImg" mode=""></image>
<view v-else>暂无图片</view>
</view>
<view v-else class="pound_list">
<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="9" :file-list="imgUrl"
:size-type="['compressed']" :imgIndex='index' @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
</view>
</view>
<view class="row">
<view class="left">卸车日期</view>
<view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.unloadingDate}}</view>
<view v-else @click='train(index)'>{{item.unloadingDate?item.unloadingDate:'请选择日期'}}</view>
<u-picker v-model="item.show2" mode="time" @cancel='datecancel()' @confirm='dateChange1($event,item)' :params="params">
</u-picker>
</view>
</view>
<u-button v-if="item.status == '已装车'" @click='submit(index,2)' type="success">保存</u-button>
</view>
</view>
<view v-if='detailData.tranType=="汽运"'>
<view style='margin-left:10px;'>卸车详情</view>
<view v-for='(item,index) in freightspace' class="content">
<view class="row">
<view class="left">司机-{{index+1}}</view>
<view v-if="item.status == '未装车'">未装车</view>
<view v-if="item.status == '已装车'">未卸车</view>
<view v-if="item.status == '已送达'">已卸车</view>
</view>
<view class="row">
<view class="left">姓名</view>
<view>{{item.driver}}</view>
</view>
<view class="row">
<view class="left">司机电话</view>
<view>{{item.driverPhone}}</view>
</view>
<view class="row">
<view class="left">车牌号</view>
<view>{{item.carNo}}</view>
</view>
<view class="row">
<view class="left">装车净重</view>
<view>{{item.loadNetWeight}}</view>
</view>
<view class="row">
<view class="left">卸车净重</view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.unloadNetWeight}}</view>
<view style='text-align:right;' v-else>
<input v-model='item.unloadNetWeight' class="right-bottom"
placeholder="输入卸车净重"></input>
</view>
</view>
<view v-if="detailData.priceType!=null&&detailData.priceType=='随行就市'" class="row">
<view class="left">单价(元/吨)</view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.contractPrice}}</view>
<view style='text-align:right;' v-else>
<input v-model='item.contractPrice' class="right-bottom"
placeholder="输入单价"></input>
</view>
</view>
<view class="row">
<view class="left">卸车日期</view>
<view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.receiveDateEnd}}</view>
<view @click='train(index)'>{{item.receiveDateEnd?item.receiveDateEnd:'请选择日期'}}</view>
<u-picker v-model="item.show2" mode="time" @cancel='datecancel()' @confirm='dateChange2($event,index)' :params="params">
</u-picker>
</view>
</view>
<view class="row">
<view class="left">磅单</view>
<view v-if="item.status == '未装车' || item.status == '已送达'">
<image v-if="item.unloadPoundImg" @click='shadeshow(item.unloadPoundImg)' style='width:100px;height:100px;' :src="item.unloadPoundImg" mode=""></image>
<view v-else>暂无图片</view>
</view>
<view v-else class="pound_list">
<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="9" :file-list="imgUrl"
:size-type="['compressed']" :imgIndex='index' @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
</view>
</view>
<view class="row">
<view class="left">箱号</view>
<view>{{item.caseNo}}</view>
</view>
<view class="row">
<view class="left">封号</view>
<view>{{item.titleNo}}</view>
</view>
<view v-if="item.signStatus == '未签合同'">未签合同</view>
<view v-if="item.signStatus == '已签合同'">已签合同</view>
<u-button v-if="item.status != '未装车' && item.status != '已送达'" @click='submit(index,1)' type="success">保存</u-button>
</view>
</view>
<view v-if='detailData.tranType=="船运"'>
<view style='margin-left:10px;'>卸船详情</view>
<view v-for='(item,index) in freightspace' class="content">
<view v-if="item.shipType == '集装箱'" class="row">
<view class="left">集装箱-{{index+1}}</view>
<view v-if="item.status == '未装车'">未装船</view>
<view v-if="item.status == '已装车'">未卸船</view>
<view v-if="item.status == '已送达'">已卸船</view>
</view>
<view v-if="item.shipType == '散船'" class="row">
<view class="left">仓位号-{{index+1}}</view>
<view v-if="item.status == '未装车'">未装船</view>
<view v-if="item.status == '已装车'">未卸船</view>
<view v-if="item.status == '已送达'">已卸船</view>
</view>
<view v-if="item.shipType == '集装箱'" class="row">
<view class="left">箱号</view>
<view style='text-align:right;'>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.caseNo}}</view>
<input v-else placeholder="请输入箱号" v-model='item.caseNo' type="text">
</view>
</view>
<view v-if="item.shipType == '集装箱'" class="row">
<view class="left">封号</view>
<view style='text-align:right;'>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.titleNo}}</view>
<input v-else placeholder="请输入封号" v-model='item.titleNo' type="text">
</view>
</view>
<view v-if="item.shipType == '散船'" class="row">
<view class="left">仓位号</view>
<view>
<view>{{item.binNumber}}</view>
</view>
</view>
<view v-if="item.shipType == '散船'" class="row">
<view class="left">计划重量</view>
<view>
<view>{{item.positionWeight}}</view>
</view>
</view>
<view class="row">
<view class="left">装船净重</view>
<view>{{item.loadNetWeight}}</view>
</view>
<view class="row">
<view class="left">卸船净重</view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.unloadNetWeight}}</view>
<view style='text-align:right;' v-else>
<input v-model='item.unloadNetWeight' class="right-bottom"
placeholder="输入卸船净重"></input>
</view>
</view>
<view v-if="detailData.priceType!=null&&detailData.priceType=='随行就市'" class="row">
<view class="left">单价(元/吨)</view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.contractPrice}}</view>
<view style='text-align:right;' v-else>
<input v-model='item.contractPrice' class="right-bottom"
placeholder="输入单价"></input>
</view>
</view>
<view class="row">
<view class="left">卸船日期</view>
<view>
<view v-if="item.status == '未装车' || item.status == '已送达'">{{item.unloadingDate}}</view>
<view v-else @click='train(index)'>{{item.unloadingDate?item.unloadingDate:'请选择日期'}}</view>
<u-picker v-model="item.show2" mode="time" @cancel='datecancel()' @confirm='dateChange1($event,index)' :params="params">
</u-picker>
</view>
</view>
<!-- <view style='text-align:right;' v-if="item.status == '未装车' || item.status == '已送达'">{{item.status}}</view> -->
<u-button v-if="item.status == '已装车'" @click='submit(index,3)' type="success">保存</u-button>
</view>
<view class="row">
<view style='margin-left:10px;' class="left">运单</view>
<view v-if="pictureTotal.length>0">
<image v-for='item in pictureTotal' @click='shadeshow(item)' style='width:100px;height:100px;' :src="item" mode=""></image>
</view>
<view v-else>
<upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="9" :file-list="imgUrl"
:size-type="['compressed']" @on-success="getImgUrl1" @on-error="onError" @on-remove="onRemove"
@on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
</view>
</view>
</view>
<view>合计吨：{{ total }}/{{ detailData.weight }}
<text style='margin-left:10px;'
class="noservice"
v-show="detailData.receivingStatus == '执行中'">未完货</text>
<text
class="service"
v-show="detailData.receivingStatus == '已完货'">{{ detailData.receivingStatus }}</text>
</view>
<view style='padding:10px;' class='flex bottom-btn'>
<u-button @click='pass' type="error" class="btn1" hover-class='none'>提交</u-button>
<u-button @click='finishedgoods' type="success" class="btn2">完货</u-button>
</view>
<view @click='imgShow=false' v-if="imgShow" class="shade">
<image style='position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;' :src="url" mode=""></image>
</view>
</view>
</template>
<script>
import upload from '@/components/upload.vue';
import helper from '@/common/helper.js';
export default {
components: {
upload
},
data() {
return {
id:'',
show1: false,
show2: false,
currentPage: 1,
pageSize: 10,
show1:false,
positionId: "",
binNumber: "",
maxSize: 50 * 1024 * 1024,
status: '执行中',
positionName: '',
statusList: [
{name:'执行中',value:1},
{name:'已完货',value:2},
{name:'全部任务',value:3},
],
params: {
year: true,
month: true,
day: true,
},
imgUrl:[],
unloadPoundImg:'',
action: this.$uploadUrl,
freightspace:[],
feedbackFlag:1,
detailData:{},
allWarehouse: [],
pictureTotal:[],
showTime: '',
index:0,
imgShow:false,
url:''
}
},
onLoad(options) {
this.id = options.id
},
onShow() {
this.getList()
},
computed: {
total: function () {
var maxStorage = 0
if(this.detailData.tranCarInfoList){
for (var i = 0; i < this.detailData.tranCarInfoList.length; i++) {
maxStorage += Number(
this.detailData.tranCarInfoList[i].unloadNetWeight
)
}
}
return maxStorage
},
},
methods: {
shadeshow(url){
this.imgShow=true
this.url=url
},
datecancel(){
this.freightspace[this.index].show2 = true
this.$forceUpdate();
},
submit(index,status){
var that = this
if(this.detailData.tranType=='火运'){
if (!this.freightspace[index].unloadNetWeight) {
this.$api.msg('卸车净重不能为空！')
return
}
if (
this.freightspace[index].unloadNetWeight < 0 ||
this.freightspace[index].unloadNetWeight > 10000
) {
this.$api.msg('卸车净重输入错误！')
return
}
if (!this.freightspace[index].unloadNetWeight) {
this.$api.msg('卸车日期不能为空！')
return
}
var tranProcessInfo = {}
tranProcessInfo.flag='1'
tranProcessInfo.id=that.freightspace[index].id
tranProcessInfo.infoId = that.detailData.infoId
tranProcessInfo.processId = that.detailData.id
tranProcessInfo.driver = that.detailData.driver
tranProcessInfo.driverPhone = that.detailData.driverPhone
tranProcessInfo.tranCarNo = that.detailData.tranCarNo
tranProcessInfo.carNo = that.detailData.carNo
tranProcessInfo.unloadNetWeight = that.freightspace[index].unloadNetWeight
tranProcessInfo.unloadingDate = that.freightspace[index].unloadingDate
tranProcessInfo.unloadPoundImg = that.freightspace[index].unloadPoundImg
tranProcessInfo.tranType = status
tranProcessInfo.contractNo = that.detailData.contractNo
that.$api.doRequest('post', '/tranCarInfo/api/feedbackTranCar', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('保存成功')
that.detailData = {}
that.freightspace = {}
uni.navigateBack({})
}
})
// }
// }
// })
}else if(this.detailData.tranType=='船运'){
if (this.freightspace[index].shipType == '集装箱'&&!this.freightspace[index].caseNo) {
this.$api.msg('箱号不能为空！')
return
}
if (
this.freightspace[index].shipType == '集装箱'&&this.freightspace[index].caseNo.length > 15 ||
this.freightspace[index].shipType == '集装箱'&&this.freightspace[index].caseNo.length < 1) {
this.$api.msg('箱号输入错误！')
return
}
if (this.freightspace[index].shipType == '集装箱'&&!this.freightspace[index].titleNo) {
this.$api.msg('封号不能为空！')
return
}
if (
this.freightspace[index].shipType == '集装箱'&&this.freightspace[index].titleNo.length > 15 ||
this.freightspace[index].shipType == '集装箱'&&this.freightspace[index].titleNo.length < 1
) {
this.$api.msg('封号输入错误！')
return
}
if (!this.freightspace[index].unloadNetWeight) {
this.$api.msg('卸船净重不能为空！')
return
}
if (
this.freightspace[index].unloadNetWeight < 0 ||
this.freightspace[index].unloadNetWeight > 10000
) {
this.$api.msg('卸船净重输入错误！')
return
}
if (!this.freightspace[index].unloadingDate) {
this.$api.msg('卸船日期不能为空！')
return
}
var tranProcessInfo = {}
tranProcessInfo.flag='1'
tranProcessInfo.id=that.freightspace[index].id
tranProcessInfo.infoId = that.detailData.infoId
tranProcessInfo.processId = that.detailData.id
tranProcessInfo.driver = that.detailData.driver
tranProcessInfo.driverPhone = that.detailData.driverPhone
tranProcessInfo.tranCarNo = that.detailData.tranCarNo
tranProcessInfo.caseNo = that.freightspace[index].caseNo
tranProcessInfo.titleNo = that.freightspace[index].titleNo
tranProcessInfo.unloadNetWeight = that.freightspace[index].unloadNetWeight
tranProcessInfo.unloadingDate = that.freightspace[index].unloadingDate
tranProcessInfo.unloadPoundImg = that.freightspace[index].unloadPoundImg
tranProcessInfo.tranType = status
tranProcessInfo.contractNo = that.detailData.contractNo
that.$api.doRequest('post', '/tranCarInfo/api/feedbackTranCar', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('保存成功')
that.detailData = {}
that.freightspace = {}
uni.navigateBack({})
}
})
}else if(this.detailData.tranType=='汽运'){
if (!this.freightspace[index].driver) {
that.$api.msg('司机姓名不能为空！')
return
}
if (!this.freightspace[index].driverPhone) {
that.$api.msg('司机电话不能为空！')
return
}
if (!this.freightspace[index].carNo) {
that.$api.msg('车牌号不能为空！')
return
}
if (!this.freightspace[index].unloadNetWeight) {
that.$api.msg('卸重不能为空！')
return
}
var tranProcessInfo = {}
tranProcessInfo.flag='1'
tranProcessInfo.id=that.freightspace[index].id
tranProcessInfo.infoId = that.detailData.infoId
tranProcessInfo.processId = that.detailData.id
tranProcessInfo.driver = that.detailData.driver
tranProcessInfo.driverPhone = that.detailData.driverPhone
tranProcessInfo.tranCarNo = that.detailData.tranCarNo
tranProcessInfo.carNo = that.freightspace[index].carNo
tranProcessInfo.caseNo = that.freightspace[index].caseNo
tranProcessInfo.titleNo = that.freightspace[index].titleNo
tranProcessInfo.unloadNetWeight = that.freightspace[index].unloadNetWeight
tranProcessInfo.receiveDateEnd = that.freightspace[index].receiveDateEnd
tranProcessInfo.unloadPoundImg = that.freightspace[index].unloadPoundImg
tranProcessInfo.tranType = status
tranProcessInfo.contractNo = that.detailData.contractNo
that.$api.doRequest('post', '/tranCarInfo/api/feedbackTranCar', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('保存成功')
that.detailData = {}
that.freightspace = {}
uni.navigateBack()
}
})
}
},
finishedgoods(){
var that = this
if(this.detailData.tranType=='火运'){
uni.showModal({
content: "完货操作后，装车信息不可修改，是否确定完货？",
success(res) {
if (res.confirm) {
that.tranCarInfoList = that.freightspace
that.tranCarInfoList.driver = that.detailData.driver
that.tranCarInfoList.driverPhone = that.detailData.driverPhone
that.tranCarInfoList.tranCarNo = that.detailData.tranCarNo
that.tranCarInfoList.carNo = that.detailData.carNo
that.tranCarInfoList[0].sendDateStart = that.detailData.sendDateStart
that.tranCarInfoList.loadNetWeight = that.detailData.loadNetWeight
that.tranCarInfoList.tranType = that.tranType
that.tranCarInfoList.unloadPoundImg = that.detailData.unloadPoundImg
// this.tranCarInfoList.boxNo = this.arr.toString()
for (var i = 0; i < that.tranCarInfoList.length; i++) {
that.tranCarInfoList[i].id = that.freightspace[i].id
if (that.tranCarInfoList[i].temporaryDriverFlag != 0) {
that.tranCarInfoList[i].temporaryDriverFlag = 1
that.tranCarInfoList[i].tranType = that.tranType
}
}
var tranProcessInfo = {}
tranProcessInfo.id = that.detailData.id
tranProcessInfo.weight = that.total
tranProcessInfo.infoId = that.detailData.infoId
tranProcessInfo.processNo = that.detailData.processNo
tranProcessInfo.tranPrice = that.detailData.tranPrice
tranProcessInfo.tranCarInfoList = that.tranCarInfoList
that.$api.doRequest('post', '/tranProcessInfo/api/editFeedbackStatus', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('提交成功')
that.detailData = {}
that.freightspace = {}
setTimeout(function(){
uni.navigateBack()
},1000)
}
})
}
}
})
}else if(this.detailData.tranType=='船运'){
uni.showModal({
content: "完货操作后，装船信息不可修改，是否确定完货？",
success(res) {
if (res.confirm) {
var tranProcessInfo = {}
tranProcessInfo.id = that.detailData.id
tranProcessInfo.weight = that.total
that.$api.doRequest('post', '/tranProcessInfo/api/editFeedbackStatus', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('提交成功')
that.detailData = {}
that.freightspace = {}
setTimeout(function(){
uni.navigateBack()
},1000)
}
})
}
}
})
}else if(this.detailData.tranType=='汽运'){
uni.showModal({
content: "完货操作后，装车信息不可修改，是否确定完货？",
success(res) {
if (res.confirm) {
var tranProcessInfo = {}
tranProcessInfo.id = that.detailData.id
tranProcessInfo.weight = that.total
that.$api.doRequest('post', '/tranProcessInfo/api/editFeedbackStatus', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('提交成功')
that.detailData = {}
that.freightspace = {}
setTimeout(function(){
uni.navigateBack()
},1000)
}
})
}
}
})
}
},
pass(){
var that = this
if(this.detailData.tranType=='火运'){
// for(var i=0;i<this.freightspace.length;i++){
// if (!this.freightspace[i].unloadPoundImg) {
// this.$api.msg('卸车净重不能为空！')
// return
// }
// if (
// this.freightspace[i].unloadPoundImg < 0 ||
// this.freightspace[i].unloadPoundImg > 10000
// ) {
// this.$api.msg('装车净重输入错误！')
// return
// }
// if (!this.freightspace[i].unloadingDate) {
// this.$api.msg('装车日期不能为空！')
// return
// }
// }
uni.showModal({
content: "提交成功后提醒司机及时签订运输合同，确定提交卸车信息？",
success(res) {
if (res.confirm) {
that.tranCarInfoList = that.freightspace
that.tranCarInfoList.driver = that.detailData.driver
that.tranCarInfoList.driverPhone = that.detailData.driverPhone
that.tranCarInfoList.tranCarNo = that.detailData.tranCarNo
that.tranCarInfoList.carNo = that.detailData.carNo
that.tranCarInfoList[0].sendDateStart = that.detailData.sendDateStart
that.tranCarInfoList.unloadNetWeight = that.detailData.unloadNetWeight
that.tranCarInfoList.tranType = that.tranType
that.tranCarInfoList.loadPoundImg = that.detailData.loadPoundImg
// this.tranCarInfoList.boxNo = this.arr.toString()
for (var i = 0; i < that.tranCarInfoList.length; i++) {
that.tranCarInfoList[i].id = that.freightspace[i].id
if (that.tranCarInfoList[i].temporaryDriverFlag != 0) {
that.tranCarInfoList[i].temporaryDriverFlag = 1
that.tranCarInfoList[i].tranType = that.tranType
}
}
var tranProcessInfo = {}
tranProcessInfo.id = that.detailData.id
tranProcessInfo.infoId = that.detailData.infoId
tranProcessInfo.processNo = that.detailData.processNo
tranProcessInfo.tranPrice = that.detailData.tranPrice
tranProcessInfo.tranCarInfoList = that.tranCarInfoList
that.$api.doRequest('post', '/tranProcessInfo/api/insertTranCar', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('提交成功')
that.detailData = {}
that.freightspace = {}
setTimeout(function(){
uni.navigateBack()
},1000)
}
})
}
}
})
}else if(this.detailData.tranType=='船运'){
for(var i=0;i<this.freightspace.length;i++){
if (this.freightspace[i].loadNetWeight&&this.freightspace[i].loadNetWeight < 0 ||this.freightspace[i].loadNetWeight&&this.freightspace[i].loadNetWeight > 10000) {
this.$api.msg('装船净重输入错误！')
return
}
}
uni.showModal({
content: "提交成功后装船信息不可修改，是否确定提交？",
success(res) {
if (res.confirm) {
that.tranCarInfoList = that.freightspace
that.tranCarInfoList[0].sendDateStart = that.detailData.sendDateStart
for (var i = 0; i < that.tranCarInfoList.length; i++) {
that.tranCarInfoList[i].id = that.freightspace[i].id
}
var tranProcessInfo = {}
tranProcessInfo.id = that.detailData.id
tranProcessInfo.infoId = that.detailData.infoId
tranProcessInfo.processNo = that.detailData.processNo
tranProcessInfo.tranCarInfoList = that.tranCarInfoList
that.$api.doRequest('post', '/tranProcessInfo/api/insertTranCar', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('提交成功')
that.detailData = {}
that.freightspace = {}
setTimeout(function(){
uni.navigateBack()
},1000)
}
})
}
}
})
}else if(this.detailData.tranType=='汽运'){
uni.showModal({
content: "所有车辆完成卸车任务后，请及时修改任务状态，确定提交卸车信息？",
success(res) {
if (res.confirm) {
that.tranCarInfoList = that.freightspace
that.tranCarInfoList.driver = that.detailData.driver
that.tranCarInfoList.driverPhone = that.detailData.driverPhone
that.tranCarInfoList.tranCarNo = that.detailData.tranCarNo
that.tranCarInfoList.carNo = that.detailData.carNo
that.tranCarInfoList.unloadNetWeight = that.detailData.unloadNetWeight
that.tranCarInfoList.tranType = that.tranType
that.tranCarInfoList.unloadPoundImg = that.detailData.unloadPoundImg
// this.tranCarInfoList.boxNo = this.arr.toString()
for (var i = 0; i < that.tranCarInfoList.length; i++) {
that.tranCarInfoList[i].id = that.freightspace[i].id
if (that.tranCarInfoList[i].temporaryDriverFlag != 0) {
that.tranCarInfoList[i].temporaryDriverFlag = 1
that.tranCarInfoList[i].tranType = that.tranType
}
}
var tranProcessInfo = {}
tranProcessInfo.id = that.detailData.id
tranProcessInfo.infoId = that.detailData.infoId
tranProcessInfo.processNo = that.detailData.processNo
tranProcessInfo.tranPrice = that.detailData.tranPrice
tranProcessInfo.tranCarInfoList = that.tranCarInfoList
that.$api.doRequest('post', '/tranProcessInfo/api/insertTranCar', tranProcessInfo).then(res => {
if (res.data.code == 200) {
that.$api.msg('提交成功')
that.detailData = {}
that.freightspace = {}
setTimeout(function(){
uni.navigateBack()
},1000)
}
})
}
}
})
}
},
getList() {
this.$api.doRequest('get', '/tranProcessInfo/getTranProcess', {
id:this.id
}).then(res => {
if (res.data.code == 200) {
this.detailData = res.data.data
if(res.data.data.tranType=='火运'){
if(res.data.data.tranCarInfoList.length>0){
if(res.data.data.tranCarInfoList[0].driver){
this.detailData.driver = res.data.data.tranCarInfoList[0].driver
}
for (var i = 0; i < res.data.data.tranCarInfoList.length; i++) {
res.data.data.tranCarInfoList[i].show2=false
}
this.detailData.driverPhone =res.data.data.tranCarInfoList[0].driverPhone
this.$set(this.detailData,'sendDateStart',res.data.data.tranCarInfoList[0].sendDateStart)
this.detailData.receiveDateEnd =
res.data.data.tranCarInfoList[0].receiveDateEnd
this.detailData.carModel = res.data.data.tranCarInfoList[0].carModel
this.freightspace=res.data.data.tranCarInfoList
}
}else if(res.data.data.tranType=='汽运'){
for (var i = 0; i < res.data.data.tranCarInfoList.length; i++) {
res.data.data.tranCarInfoList[i].show2=false
if(res.data.data.tranCarInfoList[i].unloadPoundImg){
this.imgUrl.push({url:res.data.data.tranCarInfoList[i].unloadPoundImg.split(",")[i]})
}
}
this.freightspace=res.data.data.tranCarInfoList
}else if(res.data.data.tranType=='船运'){
if (res.data.data.tranCarInfoList.length > 0) {
for (var i = 0; i < res.data.data.tranCarInfoList.length; i++) {
res.data.data.tranCarInfoList[i].show2=false
}
this.detailData.driver = res.data.data.tranCarInfoList[0].driver
this.detailData.driverPhone =
res.data.data.tranCarInfoList[0].driverPhone
this.$set(
this.detailData,
'sendDateStart',
res.data.data.tranCarInfoList[0].sendDateStart
)
this.detailData.receiveDateEnd =
res.data.data.tranCarInfoList[0].receiveDateEnd
this.detailData.shipName = res.data.data.tranCarInfoList[0].shipName
this.detailData.shipNo = res.data.data.tranCarInfoList[0].shipNo
this.detailData.shipType = res.data.data.tranCarInfoList[0].shipType
this.detailData.boxNumber = res.data.data.tranCarInfoList[0].boxNumber
//上传附件计数
if(this.detailData.tranCarInfoList[0].unloadPoundImg){
this.pictureTotal = this.detailData.tranCarInfoList[0].unloadPoundImg.split(",")
}
this.freightspace = res.data.data.tranCarInfoList
}
}
}
})
},
getImgUrl(res1,res2,res3,res4) {
this.freightspace[res4].unloadPoundImg=res1
// this.detailData.addressUrl = res
// console.log(res)
// console.log('------------res-----------')
},
getImgUrl1(res1,res2,res3,res4){
console.log(res1,res2,res3,res4)
if (this.freightspace[0].unloadPoundImg) {
this.freightspace[0].unloadPoundImg += ',' + res1
} else {
this.freightspace[0].unloadPoundImg = res1
}
},
setImgUrl(val){
for(let i = 0;i<freightspace.length;i++){
}
},
filterFileType(index, lists) {
if (lists[index].fileType != 'jpg' && lists[index].fileType != 'png' && lists[index].fileType != 'gif') {
lists.splice(index, 1);
// 当前文件不支持
uni.showModal({
title: '暂不支持当前图片类型',
showCancel: false
});
} else {
this.isAdd = false;
}
},
dateChange(e) {
this.detailData.sendDateStart = e.year + "-" + e.month + "-" + e.day
},
train(index){
console.log(index)
this.freightspace[index].show2 = true
this.$forceUpdate();
this.index=index
},
dateChange1(e){
this.$set(this.freightspace[this.index],'unloadingDate',e.year + "-" + e.month + "-" + e.day)
},
dateChange2(e){
this.$set(this.freightspace[this.index],'receiveDateEnd',e.year + "-" + e.month + "-" + e.day)
},
statuschange(e) {
this.status = this.statusList[e[0]].name
this.getList()
},
goDetail(val) {
uni.navigateTo({
url: '/pages/erp/deliveryfeedback/details?id=' + val.id,
})
}
}
}
</script>
<style scoped lang="scss">
uni-page-body {
overflow: hidden;
}
.content{
margin:10px 0;
}
.wrap {
margin: 10rpx;
padding: 20rpx 20rpx 300rpx 20rpx;
.top {
display: flex;
margin-bottom: 20rpx;
.top-left {
margin-right: 20rpx;
}
}
}
.bottom-btn {
width: 100%;
position: fixed;
bottom:0;
display: flex;
z-index: 2;
left: 0;
background-color: #f8f8f8;
flex-direction: column;
.btn1,.btn2{
width: 100%;
margin-bottom: 26rpx;
border-radius: 90rpx;
}
.btn1{
background: white;
color: #00C265;
}
}
.content,
.content1,
.content2 {
border-radius: 20rpx;
background: white;
padding: 20rpx;
.title {
font-size: 28rpx;
font-weight: 600;
color: #333333;
}
.row {
display: flex;
justify-content: space-between;
// border-bottom: 1px solid #EEEEEE;
padding: 21rpx 0;
.right,
input {
font-size: 28rpx;
color: #333333;
}
}
.row-bottom {
// border: 0;
.right-bottom {
width: 280rpx;
text-align: right;
}
}
}
.content1 {
margin-top: 20rpx;
}
.content2 {
margin-top: 10px;
// display: flex;
align-items: center;
.left {
margin-right: 20px;
width: 300rpx;
}
}
// .left {
// margin-right: 20px;
// width: 300rpx;
// }
.pound_list{
width: 452rpx;
display: flex;
justify-content: flex-end;
text-align: right;
}
.submit {
width: 40%;
background: #22C572;
border-radius: 10rpx;
}
.edit-btn {
background: #22C572;
width: 100rpx;
height: 50rpx;
margin: 0;
color: white;
}
.has-btn {
align-items: center;
}
.shade{
background:#000;
position:fixed;
top:0;left:0;
width:100%;height:100%;
z-index:10000;
}
// .bottom-btn {
// padding: 30rpx;
// background: #FFFFFF;
// width: 92%;
// position: fixed;
// bottom: 0rpx;
// display: flex;
// z-index: 9999;
// }
</style>