|
|
@ -10,7 +10,7 @@
|
|
|
|
<a-tab-pane key="1" tab="主单信息">
|
|
|
|
<a-tab-pane key="1" tab="主单信息">
|
|
|
|
<a-row :gutter="24">
|
|
|
|
<a-row :gutter="24">
|
|
|
|
<a-col :span="18">
|
|
|
|
<a-col :span="18">
|
|
|
|
<template v-if="!inPageLoading">
|
|
|
|
<template>
|
|
|
|
<operationArea
|
|
|
|
<operationArea
|
|
|
|
:details="bookingDetails"
|
|
|
|
:details="bookingDetails"
|
|
|
|
@refresh="refreshPage"
|
|
|
|
@refresh="refreshPage"
|
|
|
@ -38,7 +38,7 @@
|
|
|
|
<!-- 备注信息 -->
|
|
|
|
<!-- 备注信息 -->
|
|
|
|
<remarksInfo :details="bookingDetails" @changeDetail="changeDetailFun"></remarksInfo>
|
|
|
|
<remarksInfo :details="bookingDetails" @changeDetail="changeDetailFun"></remarksInfo>
|
|
|
|
<!-- 箱型 -->
|
|
|
|
<!-- 箱型 -->
|
|
|
|
<goodsTable :details="bookingDetails" @changeDetail="changeDetailFun"></goodsTable>
|
|
|
|
<goodsTable :details="bookingDetails" @changeDetail="changeDetailFun" v-if="!inPageLoading"></goodsTable>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a-tab-pane>
|
|
|
|
</a-tab-pane>
|
|
|
|
<a-tab-pane key="2-2" tab="EDI补充信息">
|
|
|
|
<a-tab-pane key="2-2" tab="EDI补充信息">
|
|
|
@ -46,33 +46,32 @@
|
|
|
|
class="pane-box"
|
|
|
|
class="pane-box"
|
|
|
|
:details="bookingDetails"
|
|
|
|
:details="bookingDetails"
|
|
|
|
@changeDetail="changeDetailFun"
|
|
|
|
@changeDetail="changeDetailFun"
|
|
|
|
v-if="!inPageLoading"
|
|
|
|
|
|
|
|
></ediMore>
|
|
|
|
></ediMore>
|
|
|
|
</a-tab-pane>
|
|
|
|
</a-tab-pane>
|
|
|
|
</a-tabs>
|
|
|
|
</a-tabs>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template v-else>
|
|
|
|
<!-- <template v-if="inPageLoading">
|
|
|
|
<div class="load-block" style="width: 100%; height: 107px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 107px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 390px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 390px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 690px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 690px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 390px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 390px;"></div>
|
|
|
|
</template>
|
|
|
|
</template> -->
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="6">
|
|
|
|
<a-col :span="6">
|
|
|
|
<rightContent
|
|
|
|
<rightContent
|
|
|
|
v-if="!inPageLoading"
|
|
|
|
|
|
|
|
:id="id"
|
|
|
|
:id="id"
|
|
|
|
:details="bookingDetails"
|
|
|
|
:details="bookingDetails"
|
|
|
|
:excuteRules="excuteRules"
|
|
|
|
:excuteRules="excuteRules"
|
|
|
|
:excuteRulesType="excuteRulesType"
|
|
|
|
:excuteRulesType="excuteRulesType"
|
|
|
|
@changeDetail="changeDetailFun"
|
|
|
|
@changeDetail="changeDetailFun"
|
|
|
|
|
|
|
|
@rules="getRules"
|
|
|
|
></rightContent>
|
|
|
|
></rightContent>
|
|
|
|
<template v-else>
|
|
|
|
<!-- <template v-if="inPageLoading">
|
|
|
|
<div class="load-block" style="width: 100%; height: 206px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 206px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 142px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 142px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 208px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 208px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 249px;"></div>
|
|
|
|
<div class="load-block" style="width: 100%; height: 249px;"></div>
|
|
|
|
</template>
|
|
|
|
</template> -->
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
</a-row>
|
|
|
|
</a-row>
|
|
|
|
</a-tab-pane>
|
|
|
|
</a-tab-pane>
|
|
|
@ -334,114 +333,117 @@ export default {
|
|
|
|
init() {
|
|
|
|
init() {
|
|
|
|
// this.bookingDetails = {}
|
|
|
|
// this.bookingDetails = {}
|
|
|
|
this.bookingDetails = initDetail
|
|
|
|
this.bookingDetails = initDetail
|
|
|
|
|
|
|
|
this.excuteRules = []
|
|
|
|
|
|
|
|
this.excuteRulesType = ''
|
|
|
|
if (this.id) {
|
|
|
|
if (this.id) {
|
|
|
|
this.isAdd = false
|
|
|
|
this.isAdd = false
|
|
|
|
this.getDetail()
|
|
|
|
this.getDetail()
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
this.isAdd = true
|
|
|
|
this.isAdd = true
|
|
|
|
this.bookingDetails = {
|
|
|
|
// this.bookingDetails = {
|
|
|
|
id: 0,
|
|
|
|
// id: 0,
|
|
|
|
parentId: 0,
|
|
|
|
// parentId: 0,
|
|
|
|
// 基本信息
|
|
|
|
// // 基本信息
|
|
|
|
customername: '',
|
|
|
|
// customername: '',
|
|
|
|
customerid: '',
|
|
|
|
// customerid: '',
|
|
|
|
carrier: '',
|
|
|
|
// carrier: '',
|
|
|
|
carrierid: this.type,
|
|
|
|
// carrierid: this.type,
|
|
|
|
forwarder: '',
|
|
|
|
// forwarder: '',
|
|
|
|
pono: '',
|
|
|
|
// pono: '',
|
|
|
|
mblno: '',
|
|
|
|
// mblno: '',
|
|
|
|
hblno: '',
|
|
|
|
// hblno: '',
|
|
|
|
bookingno: '',
|
|
|
|
// bookingno: '',
|
|
|
|
contractno: '',
|
|
|
|
// contractno: '',
|
|
|
|
vessel: '',
|
|
|
|
// vessel: '',
|
|
|
|
voyno: '',
|
|
|
|
// voyno: '',
|
|
|
|
voynoinner: '',
|
|
|
|
// voynoinner: '',
|
|
|
|
lanecode: '',
|
|
|
|
// lanecode: '',
|
|
|
|
etd: '',
|
|
|
|
// etd: '',
|
|
|
|
atd: '',
|
|
|
|
// atd: '',
|
|
|
|
lanename: '',
|
|
|
|
// lanename: '',
|
|
|
|
shipagency: '',
|
|
|
|
// shipagency: '',
|
|
|
|
sale: '',
|
|
|
|
// sale: '',
|
|
|
|
op: '',
|
|
|
|
// op: '',
|
|
|
|
doc: '',
|
|
|
|
// doc: '',
|
|
|
|
custservice: '',
|
|
|
|
// custservice: '',
|
|
|
|
// 收发通信息
|
|
|
|
// // 收发通信息
|
|
|
|
shipper: '',
|
|
|
|
// shipper: '',
|
|
|
|
consignee: '',
|
|
|
|
// consignee: '',
|
|
|
|
notifyparty: '',
|
|
|
|
// notifyparty: '',
|
|
|
|
yard: '',
|
|
|
|
// yard: '',
|
|
|
|
customser: '',
|
|
|
|
// customser: '',
|
|
|
|
trucker: '',
|
|
|
|
// trucker: '',
|
|
|
|
agentid: '',
|
|
|
|
// agentid: '',
|
|
|
|
eta: '',
|
|
|
|
// eta: '',
|
|
|
|
closingdate: '',
|
|
|
|
// closingdate: '',
|
|
|
|
closedocdate: '',
|
|
|
|
// closedocdate: '',
|
|
|
|
closevgmdate: '',
|
|
|
|
// closevgmdate: '',
|
|
|
|
portload: '',
|
|
|
|
// portload: '',
|
|
|
|
portloadid: '',
|
|
|
|
// portloadid: '',
|
|
|
|
transport: '',
|
|
|
|
// transport: '',
|
|
|
|
transportid: '',
|
|
|
|
// transportid: '',
|
|
|
|
portdischarge: '',
|
|
|
|
// portdischarge: '',
|
|
|
|
portdischargeid: '',
|
|
|
|
// portdischargeid: '',
|
|
|
|
destination: '',
|
|
|
|
// destination: '',
|
|
|
|
destinationid: '',
|
|
|
|
// destinationid: '',
|
|
|
|
placedelivery: '',
|
|
|
|
// placedelivery: '',
|
|
|
|
placedeliveryid: '',
|
|
|
|
// placedeliveryid: '',
|
|
|
|
placereceipt: '',
|
|
|
|
// placereceipt: '',
|
|
|
|
placereceiptid: '',
|
|
|
|
// placereceiptid: '',
|
|
|
|
pkgs: 0,
|
|
|
|
// pkgs: 0,
|
|
|
|
kindpkgs: '',
|
|
|
|
// kindpkgs: '',
|
|
|
|
kgs: 0,
|
|
|
|
// kgs: 0,
|
|
|
|
cbm: 0,
|
|
|
|
// cbm: 0,
|
|
|
|
// 货物信息
|
|
|
|
// // 货物信息
|
|
|
|
marks: '',
|
|
|
|
// marks: '',
|
|
|
|
cargoid: '',
|
|
|
|
// cargoid: '',
|
|
|
|
hscode: '',
|
|
|
|
// hscode: '',
|
|
|
|
description: '',
|
|
|
|
// description: '',
|
|
|
|
totalno: '',
|
|
|
|
// totalno: '',
|
|
|
|
// 签单信息
|
|
|
|
// // 签单信息
|
|
|
|
issuetype: '',
|
|
|
|
// issuetype: '',
|
|
|
|
issuedate: '',
|
|
|
|
// issuedate: '',
|
|
|
|
issueplace: '',
|
|
|
|
// issueplace: '',
|
|
|
|
issueplaceid: '',
|
|
|
|
// issueplaceid: '',
|
|
|
|
nobill: 'THREE',
|
|
|
|
// nobill: 'THREE',
|
|
|
|
copynobilll: 'THREE',
|
|
|
|
// copynobilll: 'THREE',
|
|
|
|
prepardat: '',
|
|
|
|
// prepardat: '',
|
|
|
|
payableat: '',
|
|
|
|
// payableat: '',
|
|
|
|
blfrt: '',
|
|
|
|
// blfrt: '',
|
|
|
|
thirdpayaddr: '',
|
|
|
|
// thirdpayaddr: '',
|
|
|
|
service: '',
|
|
|
|
// service: '',
|
|
|
|
reeferf: '',
|
|
|
|
// reeferf: '',
|
|
|
|
tempset: '',
|
|
|
|
// tempset: '',
|
|
|
|
tempid: '',
|
|
|
|
// tempid: '',
|
|
|
|
tempmin: '',
|
|
|
|
// tempmin: '',
|
|
|
|
tempmax: '',
|
|
|
|
// tempmax: '',
|
|
|
|
humidity: '',
|
|
|
|
// humidity: '',
|
|
|
|
dclass: '',
|
|
|
|
// dclass: '',
|
|
|
|
dunno: '',
|
|
|
|
// dunno: '',
|
|
|
|
dpage: '',
|
|
|
|
// dpage: '',
|
|
|
|
dlabel: '',
|
|
|
|
// dlabel: '',
|
|
|
|
linkman: '',
|
|
|
|
// linkman: '',
|
|
|
|
// 备注信息
|
|
|
|
// // 备注信息
|
|
|
|
soremark: '',
|
|
|
|
// soremark: '',
|
|
|
|
siremark: '',
|
|
|
|
// siremark: '',
|
|
|
|
// 箱型
|
|
|
|
// // 箱型
|
|
|
|
ctnInputs: [],
|
|
|
|
// ctnInputs: [],
|
|
|
|
// edi补充信息 (edi联系人等暂无字段)
|
|
|
|
// // edi补充信息 (edi联系人等暂无字段)
|
|
|
|
weituo: '',
|
|
|
|
// weituo: '',
|
|
|
|
freightpayer: '',
|
|
|
|
// freightpayer: '',
|
|
|
|
scaccode: '',
|
|
|
|
// scaccode: '',
|
|
|
|
itncode: '',
|
|
|
|
// itncode: '',
|
|
|
|
iscontainersoc: 0,
|
|
|
|
// iscontainersoc: 0,
|
|
|
|
bookingEDIExt: {
|
|
|
|
// bookingEDIExt: {
|
|
|
|
weiTuoFang: '',
|
|
|
|
// weiTuoFang: '',
|
|
|
|
ediAttn: '',
|
|
|
|
// ediAttn: '',
|
|
|
|
ediAttnTel: '',
|
|
|
|
// ediAttnTel: '',
|
|
|
|
ediAttnMail: ''
|
|
|
|
// ediAttnMail: ''
|
|
|
|
},
|
|
|
|
// },
|
|
|
|
// 分单信息未添加
|
|
|
|
// // 分单信息未添加
|
|
|
|
hbList: []
|
|
|
|
// hbList: []
|
|
|
|
}
|
|
|
|
// }
|
|
|
|
|
|
|
|
this.bookingDetails.carrierid = this.type
|
|
|
|
this.bookingDetails.carrier = this.enmuCarrier(this.type)
|
|
|
|
this.bookingDetails.carrier = this.enmuCarrier(this.type)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -470,19 +472,19 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
getDetail() {
|
|
|
|
getDetail() {
|
|
|
|
this.inPageLoading = false
|
|
|
|
// this.inPageLoading = false
|
|
|
|
// if (this.inPageLoading) {
|
|
|
|
if (this.inPageLoading) {
|
|
|
|
// return false
|
|
|
|
return false
|
|
|
|
// }
|
|
|
|
}
|
|
|
|
// this.inPageLoading = true
|
|
|
|
this.inPageLoading = true
|
|
|
|
// this.$message.loading({ content: '加载中...' });
|
|
|
|
this.$message.loading({ content: '加载中...' });
|
|
|
|
BookingOrderGet({
|
|
|
|
BookingOrderGet({
|
|
|
|
id: this.id
|
|
|
|
id: this.id
|
|
|
|
})
|
|
|
|
})
|
|
|
|
.then(res => {
|
|
|
|
.then(res => {
|
|
|
|
this.inPageLoading = false
|
|
|
|
this.inPageLoading = false
|
|
|
|
this.$message.destroy()
|
|
|
|
this.$message.destroy()
|
|
|
|
// this.$message.success({ content: '加载完成' })
|
|
|
|
this.$message.success({ content: '加载完成' })
|
|
|
|
if (this.isCopy) {
|
|
|
|
if (this.isCopy) {
|
|
|
|
res.data.mblno = ''
|
|
|
|
res.data.mblno = ''
|
|
|
|
this.isAdd = true
|
|
|
|
this.isAdd = true
|
|
|
|