|
|
|
@ -261,6 +261,86 @@
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-box vgm-info">
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="场站"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
{{ details.yard || '--' }}
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="联系人"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
{{ details.yardcontract || '--' }}
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="电话"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
{{ details.yardcontracttel || '--' }}
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截港时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
{{ details.closingdate || '--' }}
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截单时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
{{ details.closedocdate || '--' }}
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="截VGM时间"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
{{ details.closevgmdate || '--' }}
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-box vgm-remarks" style="padding-top:0px;padding-bottom:0px;">
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="备注"
|
|
|
|
|
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<div class="box-flex">
|
|
|
|
|
<a-input
|
|
|
|
|
style="width:1000px !important; text-align: left;"
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
v-model="initCabinFrom.remark"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="modelType === 'vgmlink'">
|
|
|
|
|
<div class="item-box" style="padding-top:0px;padding-bottom:0px;">
|
|
|
|
@ -859,6 +939,12 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
openModel(type) {
|
|
|
|
|
// debugger
|
|
|
|
|
if (['initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
|
|
|
|
|
if (!this.$route.query.id) {
|
|
|
|
|
this.$message.error('请保存主单后,进行操作')
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (['bookingSpace', 'cutOff', 'initCabin', 'ladingBill', 'vgmlink'].includes(type)) {
|
|
|
|
|
// 订舱 / 截单
|
|
|
|
|
this.modelType = type
|
|
|
|
@ -1223,16 +1309,18 @@ export default {
|
|
|
|
|
|
|
|
|
|
// 保存放舱
|
|
|
|
|
saveBookingLetteryard() {
|
|
|
|
|
if (!this.id) {
|
|
|
|
|
// if (!this.id) {
|
|
|
|
|
this.initCabinFrom = {
|
|
|
|
|
...this.initCabinFrom,
|
|
|
|
|
...{
|
|
|
|
|
closeDocTime: this.details.closedocdate,
|
|
|
|
|
closingTime: this.details.closingdate,
|
|
|
|
|
vgmTime: this.details.closevgmdate
|
|
|
|
|
}
|
|
|
|
|
vgmTime: this.details.closevgmdate,
|
|
|
|
|
yardcontract: this.details.yardcontract,
|
|
|
|
|
yardcontracttel: this.details.yardcontracttel
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// }
|
|
|
|
|
SaveBookingLetteryard(this.initCabinFrom)
|
|
|
|
|
.then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
@ -1356,7 +1444,7 @@ export default {
|
|
|
|
|
fileType = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
|
|
|
|
|
}
|
|
|
|
|
this.pdfUrl = window.URL.createObjectURL(new Blob([res], { type: `${fileType};charset=utf-8` }))
|
|
|
|
|
const fname = '放舱打印' // 下载文件的名字
|
|
|
|
|
const fname = `入货通知--${this.details.mblno}` // 下载文件的名字
|
|
|
|
|
const link = document.createElement('a')
|
|
|
|
|
link.href = this.pdfUrl
|
|
|
|
|
link.setAttribute('download', fname)
|
|
|
|
|