|
|
|
@ -4,8 +4,13 @@
|
|
|
|
|
<div slot="content" style="margin-top: -5px;">
|
|
|
|
|
<a-form style="margin-bottom:10px;">
|
|
|
|
|
<a-row class="from-box" :gutter="10">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
<a-form-item class="from-label" label="客户" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="12">
|
|
|
|
|
<a-form-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="客户"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<div class="customer-box">
|
|
|
|
|
<auto-complete
|
|
|
|
|
:allowClear="true"
|
|
|
|
@ -28,6 +33,11 @@
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="12">
|
|
|
|
|
<a-form-item class="from-label" label="提单号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.mblno" :disabled="ishd" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
<a-form-item class="from-label" label="船公司" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
@ -77,11 +87,7 @@
|
|
|
|
|
<a-input :allowClear="true" v-model="details.pono" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
<a-form-item class="from-label" label="提单号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.mblno" :disabled="ishd" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
<a-form-item
|
|
|
|
|
class="from-label"
|
|
|
|
@ -136,17 +142,6 @@
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
<a-form-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="海关航次"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.voyno" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<template v-if="details.carrierid === 'ESL'">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
<a-form-item
|
|
|
|
@ -183,6 +178,18 @@
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
<a-form-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="海关航次"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.voyno" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
<a-form-item
|
|
|
|
|
class="from-label"
|
|
|
|
@ -504,6 +511,16 @@ export default {
|
|
|
|
|
sm: { span: 15 },
|
|
|
|
|
md: { span: 13 }
|
|
|
|
|
},
|
|
|
|
|
labelCol2: {
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 8 },
|
|
|
|
|
md: { span: 5 }
|
|
|
|
|
},
|
|
|
|
|
wrapperCol2: {
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 15 },
|
|
|
|
|
md: { span: 18 }
|
|
|
|
|
},
|
|
|
|
|
form: this.$form.createForm(this),
|
|
|
|
|
dataSource: ['Burns Bay Road', 'Downing Street', 'Wall Street'],
|
|
|
|
|
customerData: [], // 客户列表
|
|
|
|
@ -945,7 +962,7 @@ export default {
|
|
|
|
|
customerChange(value) {
|
|
|
|
|
// this.getCustomer(value)
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.customername = ''
|
|
|
|
|
this.details.customername = this.details.customername ? this.details.customername : ''
|
|
|
|
|
}
|
|
|
|
|
this.getDjyCustomerpage(value, 'customer', 'consignor')
|
|
|
|
|
},
|
|
|
|
@ -958,7 +975,7 @@ export default {
|
|
|
|
|
forwarderChange(value) {
|
|
|
|
|
console.log('订舱代理发生变化', value)
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.forwarder = ''
|
|
|
|
|
this.details.forwarder = this.details.forwarder ? this.details.forwarder : ''
|
|
|
|
|
}
|
|
|
|
|
this.getDjyCustomerpage(value, 'forwarder', 'booking_agent')
|
|
|
|
|
},
|
|
|
|
@ -1030,7 +1047,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
shipagencyChange(value) {
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.shipagency = ''
|
|
|
|
|
this.details.shipagency = this.details.shipagency ? this.details.shipagency : ''
|
|
|
|
|
}
|
|
|
|
|
this.getForwarderlist(value)
|
|
|
|
|
},
|
|
|
|
@ -1058,7 +1075,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
vesselChange(value) {
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.vessel = ''
|
|
|
|
|
this.details.vessel = this.details.vessel ? this.details.vessel : ''
|
|
|
|
|
}
|
|
|
|
|
this.getVessel(value)
|
|
|
|
|
},
|
|
|
|
@ -1073,7 +1090,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
voynoinnerChange(value) {
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.voynoinner = ''
|
|
|
|
|
this.details.voynoinner = this.details.voynoinner ? this.details.voynoinner : ''
|
|
|
|
|
}
|
|
|
|
|
this.getVoynoinner(value)
|
|
|
|
|
},
|
|
|
|
@ -1091,7 +1108,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
lanenameChange(value) {
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.lanename = ''
|
|
|
|
|
this.details.lanename = this.details.lanename ? this.details.lanename : ''
|
|
|
|
|
}
|
|
|
|
|
this.getLanename(value)
|
|
|
|
|
},
|
|
|
|
@ -1129,7 +1146,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
saleChange(value) {
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.sale = ''
|
|
|
|
|
this.details.sale = this.details.sale ? this.details.sale : ''
|
|
|
|
|
}
|
|
|
|
|
this.getUserList(value, 'sale')
|
|
|
|
|
},
|
|
|
|
@ -1142,7 +1159,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
opChange(value) {
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.op = ''
|
|
|
|
|
this.details.op = this.details.op ? this.details.op : ''
|
|
|
|
|
}
|
|
|
|
|
this.getUserList(value, 'op')
|
|
|
|
|
},
|
|
|
|
@ -1155,7 +1172,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
docChange(value) {
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.doc = ''
|
|
|
|
|
this.details.doc = this.details.doc ? this.details.doc : ''
|
|
|
|
|
}
|
|
|
|
|
this.getUserList(value, 'doc')
|
|
|
|
|
},
|
|
|
|
@ -1168,7 +1185,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
custserviceChange(value) {
|
|
|
|
|
if (!value) {
|
|
|
|
|
this.details.custservice = ''
|
|
|
|
|
this.details.custservice = this.details.custservice ? this.details.custservice : ''
|
|
|
|
|
}
|
|
|
|
|
this.getUserList(value, 'custservice')
|
|
|
|
|
},
|
|
|
|
|