|
|
|
@ -24,7 +24,11 @@
|
|
|
|
|
prop="bookingEDIExt.receiveCode"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.receiveCode" /> -->
|
|
|
|
|
<inputView type="receiveCode" :parentVal="details.bookingEDIExt.receiveCode" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="receiveCode"
|
|
|
|
|
:parentVal="details.bookingEDIExt.receiveCode"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
@ -48,7 +52,11 @@
|
|
|
|
|
prop="bookingEDIExt.ediAttnTel"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttnTel" /> -->
|
|
|
|
|
<inputView type="ediAttnTel" :parentVal="details.bookingEDIExt.ediAttnTel" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="ediAttnTel"
|
|
|
|
|
:parentVal="details.bookingEDIExt.ediAttnTel"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
@ -60,7 +68,11 @@
|
|
|
|
|
prop="bookingEDIExt.ediAttnMail"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttnMail" /> -->
|
|
|
|
|
<inputView type="ediAttnMail" :parentVal="details.bookingEDIExt.ediAttnMail" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="ediAttnMail"
|
|
|
|
|
:parentVal="details.bookingEDIExt.ediAttnMail"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
@ -72,7 +84,11 @@
|
|
|
|
|
prop="bookingEDIExt.amsConsignee"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.amsConsignee" /> -->
|
|
|
|
|
<inputView type="amsConsignee" :parentVal="details.bookingEDIExt.amsConsignee" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="amsConsignee"
|
|
|
|
|
:parentVal="details.bookingEDIExt.amsConsignee"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
@ -84,7 +100,11 @@
|
|
|
|
|
prop="bookingEDIExt.amsNotifyParty"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.amsNotifyParty" /> -->
|
|
|
|
|
<inputView type="amsNotifyParty" :parentVal="details.bookingEDIExt.amsNotifyParty" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="amsNotifyParty"
|
|
|
|
|
:parentVal="details.bookingEDIExt.amsNotifyParty"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
@ -182,7 +202,12 @@
|
|
|
|
|
prop="bookingEDIExt.orderRemark"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input v-model="details.bookingEDIExt.orderRemark" /> -->
|
|
|
|
|
<inputView type="orderRemark" :placeholder="'订舱人说明或ESL BP CODE'" :parentVal="details.bookingEDIExt.orderRemark" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="orderRemark"
|
|
|
|
|
:placeholder="'订舱人说明或ESL BP CODE'"
|
|
|
|
|
:parentVal="details.bookingEDIExt.orderRemark"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
@ -205,7 +230,11 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="bookingEDIExt.kingTareweight"
|
|
|
|
|
>
|
|
|
|
|
<inputView type="kingTareweight" :parentVal="details.bookingEDIExt.kingTareweight" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="kingTareweight"
|
|
|
|
|
:parentVal="details.bookingEDIExt.kingTareweight"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="23">
|
|
|
|
@ -217,7 +246,11 @@
|
|
|
|
|
prop="bookingEDIExt.weiTuoFang"
|
|
|
|
|
style="margin-top:4px;"
|
|
|
|
|
>
|
|
|
|
|
<a-textarea size="small" v-model="details.bookingEDIExt.weiTuoFang" :auto-size="{ minRows: 2, maxRows: 5 }"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
size="small"
|
|
|
|
|
v-model="details.bookingEDIExt.weiTuoFang"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
@ -238,7 +271,12 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="bookingEDIExt.exRemark1"
|
|
|
|
|
>
|
|
|
|
|
<a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.exRemark1" :auto-size="{ minRows: 2, maxRows: 5 }"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
size="small"
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
v-model="details.bookingEDIExt.exRemark1"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
@ -249,7 +287,12 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="bookingEDIExt.exRemark2"
|
|
|
|
|
>
|
|
|
|
|
<a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.exRemark2" :auto-size="{ minRows: 2, maxRows: 5 }"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
size="small"
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
v-model="details.bookingEDIExt.exRemark2"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
@ -260,7 +303,12 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="bookingEDIExt.exRemark3"
|
|
|
|
|
>
|
|
|
|
|
<a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.exRemark3" :auto-size="{ minRows: 2, maxRows: 5 }"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
size="small"
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
v-model="details.bookingEDIExt.exRemark3"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
@ -271,7 +319,12 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="bookingEDIExt.exRemark4"
|
|
|
|
|
>
|
|
|
|
|
<a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.exRemark4" :auto-size="{ minRows: 2, maxRows: 5 }"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
size="small"
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
v-model="details.bookingEDIExt.exRemark4"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
@ -290,7 +343,11 @@
|
|
|
|
|
prop="bookingEDIExt.consigneeEdiCode"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.consigneeEdiCode" /> -->
|
|
|
|
|
<inputView type="consigneeEdiCode" :parentVal="details.bookingEDIExt.consigneeEdiCode" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="consigneeEdiCode"
|
|
|
|
|
:parentVal="details.bookingEDIExt.consigneeEdiCode"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
@ -302,7 +359,11 @@
|
|
|
|
|
prop="bookingEDIExt.shipperEdiCode"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.shipperEdiCode" /> -->
|
|
|
|
|
<inputView type="shipperEdiCode" :parentVal="details.bookingEDIExt.shipperEdiCode" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="shipperEdiCode"
|
|
|
|
|
:parentVal="details.bookingEDIExt.shipperEdiCode"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
@ -314,7 +375,11 @@
|
|
|
|
|
prop="bookingEDIExt.notifyCdoe"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.notifyCdoe" /> -->
|
|
|
|
|
<inputView type="notifyCdoe" :parentVal="details.bookingEDIExt.notifyCdoe" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="notifyCdoe"
|
|
|
|
|
:parentVal="details.bookingEDIExt.notifyCdoe"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
@ -350,7 +415,11 @@
|
|
|
|
|
prop="bookingEDIExt.emanifestHbl"
|
|
|
|
|
>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.emanifestHbl" /> -->
|
|
|
|
|
<inputView type="emanifestHbl" :parentVal="details.bookingEDIExt.emanifestHbl" @getInputChange="inputChange"/>
|
|
|
|
|
<inputView
|
|
|
|
|
type="emanifestHbl"
|
|
|
|
|
:parentVal="details.bookingEDIExt.emanifestHbl"
|
|
|
|
|
@getInputChange="inputChange"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
@ -386,7 +455,12 @@
|
|
|
|
|
prop="bookingEDIExt.s0CC0C"
|
|
|
|
|
style="margin-top:4px;"
|
|
|
|
|
>
|
|
|
|
|
<a-textarea size="small" :allowClear="true" v-model="details.bookingEDIExt.s0CC0C" :auto-size="{ minRows: 2, maxRows: 5 }"/>
|
|
|
|
|
<a-textarea
|
|
|
|
|
size="small"
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
v-model="details.bookingEDIExt.s0CC0C"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
@ -449,7 +523,7 @@
|
|
|
|
|
<script>
|
|
|
|
|
import inputView from '../components/inputView'
|
|
|
|
|
import selectView from '../components/selectView'
|
|
|
|
|
let timer;
|
|
|
|
|
let timer
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
inputView,
|
|
|
|
@ -527,22 +601,41 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
debounce(func, wait, ...args) {
|
|
|
|
|
if (timer) clearTimeout(timer);
|
|
|
|
|
if (timer) clearTimeout(timer)
|
|
|
|
|
timer = setTimeout(() => {
|
|
|
|
|
func.apply(this, args);
|
|
|
|
|
}, wait);
|
|
|
|
|
func.apply(this, args)
|
|
|
|
|
}, wait)
|
|
|
|
|
},
|
|
|
|
|
checkbasic() {
|
|
|
|
|
this.$refs.ediFrom.validate(valid => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
return true;
|
|
|
|
|
return true
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
inputChange({ type, value }) {
|
|
|
|
|
const bookingEDIExtArr = ['sendCode', 'receiveCode', 'ediAttn', 'ediAttnTel', 'ediAttnMail', 'amsConsignee', 'amsNotifyParty', 'opEName', 'opTel', 'opEmail', 'goodsName', 'orderRemark', 'consigneeEdiCode', 'shipperEdiCode', 'notifyCdoe', 'emanifestHbl', 'acihbl', 'kingTareweight']
|
|
|
|
|
const bookingEDIExtArr = [
|
|
|
|
|
'sendCode',
|
|
|
|
|
'receiveCode',
|
|
|
|
|
'ediAttn',
|
|
|
|
|
'ediAttnTel',
|
|
|
|
|
'ediAttnMail',
|
|
|
|
|
'amsConsignee',
|
|
|
|
|
'amsNotifyParty',
|
|
|
|
|
'opEName',
|
|
|
|
|
'opTel',
|
|
|
|
|
'opEmail',
|
|
|
|
|
'goodsName',
|
|
|
|
|
'orderRemark',
|
|
|
|
|
'consigneeEdiCode',
|
|
|
|
|
'shipperEdiCode',
|
|
|
|
|
'notifyCdoe',
|
|
|
|
|
'emanifestHbl',
|
|
|
|
|
'acihbl',
|
|
|
|
|
'kingTareweight'
|
|
|
|
|
]
|
|
|
|
|
if (bookingEDIExtArr.includes(type)) {
|
|
|
|
|
this.details.bookingEDIExt[type] = value
|
|
|
|
|
} else {
|
|
|
|
@ -555,9 +648,11 @@ export default {
|
|
|
|
|
this.details.bookingEDIExt.masterBolIndicator = res.ID || ''
|
|
|
|
|
this.details.bookingEDIExt.masterBolIndicatorName = res.NAME || ''
|
|
|
|
|
} else if (type === 'salerCode') {
|
|
|
|
|
this.details.bookingEDIExt.salerCode = res.ID || ''
|
|
|
|
|
console.log(res, 'res')
|
|
|
|
|
this.details.bookingEDIExt.salerCode = res.ID
|
|
|
|
|
this.details.bookingEDIExt.salerCodeName = res.NAME.split('|')[1].trimStart()
|
|
|
|
|
}
|
|
|
|
|
console.log(this.details.bookingEDIExt)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|