|
|
|
|
@ -212,7 +212,7 @@
|
|
|
|
|
:defaultVal="details.placereceipt"
|
|
|
|
|
searchApi="GetPortloadlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:showLabel="['enName', 'ediCode']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
@ -231,7 +231,7 @@
|
|
|
|
|
:defaultVal="details.portload"
|
|
|
|
|
searchApi="GetPortloadlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:showLabel="['enName', 'ediCode']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
@ -250,7 +250,7 @@
|
|
|
|
|
:defaultVal="details.portdischarge"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:showLabel="['enName', 'ediCode']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
@ -268,7 +268,7 @@
|
|
|
|
|
:defaultVal="details.destination"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:showLabel="['enName', 'ediCode']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
@ -419,16 +419,36 @@
|
|
|
|
|
<a-col :span="'4-8'">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="提单数量"
|
|
|
|
|
label="付款方式"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="billCount">
|
|
|
|
|
<a-input size="small" v-model="details.billCount" />
|
|
|
|
|
prop="blfrt">
|
|
|
|
|
<a-select size="small" v-model="details.blfrt" style="width: 100%">
|
|
|
|
|
<a-select-option value="P">PP</a-select-option>
|
|
|
|
|
<a-select-option value="C">CC</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="'4-8'">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="签约方"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="signType">
|
|
|
|
|
<a-select size="small" v-model="details.signType" style="width: 100%">
|
|
|
|
|
<a-select-option value="Shipper">Shipper</a-select-option>
|
|
|
|
|
<a-select-option value="Forwarder">Forwarder</a-select-option>
|
|
|
|
|
<a-select-option value="Consignee">Consignee</a-select-option>
|
|
|
|
|
<a-select-option value="Notify">Notify</a-select-option>
|
|
|
|
|
<a-select-option value="Party">Party</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="'4-8'">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
@ -451,6 +471,17 @@
|
|
|
|
|
<a-checkbox v-model="details.acceptNotify"></a-checkbox>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="'4-8'">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="提单数量"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="billCount">
|
|
|
|
|
<a-input size="small" v-model="details.billCount" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</div>
|
|
|
|
|
<a-row>
|
|
|
|
|
@ -670,8 +701,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top:10px">
|
|
|
|
|
<a-select size="small" v-model="details.shipperSex" style="width: 13%">
|
|
|
|
|
<a-select-option value="Mr.">MS</a-select-option>
|
|
|
|
|
<a-select-option value="Ms.">MR</a-select-option>
|
|
|
|
|
<a-select-option value="MS">MS</a-select-option>
|
|
|
|
|
<a-select-option value="MR">MR</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-input
|
|
|
|
|
size="small"
|
|
|
|
|
@ -713,8 +744,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top:10px">
|
|
|
|
|
<a-select size="small" v-model="details.bookingSex" style="width: 13%">
|
|
|
|
|
<a-select-option value="Mr.">MS</a-select-option>
|
|
|
|
|
<a-select-option value="Ms.">MR</a-select-option>
|
|
|
|
|
<a-select-option value="MS">MS</a-select-option>
|
|
|
|
|
<a-select-option value="MR">MR</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-input
|
|
|
|
|
size="small"
|
|
|
|
|
@ -1319,6 +1350,21 @@ export default {
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters(['packageList', 'ctnallList', 'lineList'])
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
'details.ctnList': {
|
|
|
|
|
deep: true,
|
|
|
|
|
handler(val) {
|
|
|
|
|
console.log(val)
|
|
|
|
|
let kgsTotal = 0
|
|
|
|
|
val.forEach(item => {
|
|
|
|
|
if (item.kgs && item.ctnnum) {
|
|
|
|
|
kgsTotal += item.kgs * item.ctnnum
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.details.kgs = kgsTotal.toFixed(2)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.id = this.$route.query.id
|
|
|
|
|
this.getDictList()
|
|
|
|
|
@ -1536,9 +1582,11 @@ export default {
|
|
|
|
|
lanecode: [{ required: true, message: '请选择航线', trigger: 'blur' }],
|
|
|
|
|
voyno: [{ required: true, message: '请输入航次', trigger: 'blur' }],
|
|
|
|
|
vessel: [{ required: true, message: '请输入船名', trigger: 'blur' }],
|
|
|
|
|
blfrt: [{ required: true, message: '请选择付款方式', trigger: 'blur' }],
|
|
|
|
|
bookingAccount: [{ required: true, message: '请选择订舱账号', trigger: 'blur' }],
|
|
|
|
|
billCount: [{ required: true, message: '请输入提单数量', trigger: 'blur' }],
|
|
|
|
|
billSignLoc: [{ required: true, message: '请选择提单签发地', trigger: 'blur' }],
|
|
|
|
|
signType: [{ required: true, message: '请选择签约方', trigger: 'blur' }],
|
|
|
|
|
bookingAddr: [{ required: true, message: '请选择订舱网点', trigger: 'blur' }],
|
|
|
|
|
serviceMode: [{ required: true, message: '请选择运输形态', trigger: 'blur' }],
|
|
|
|
|
serviceType: [{ required: true, message: '请选择运送方式', trigger: 'blur' }],
|
|
|
|
|
@ -1655,8 +1703,6 @@ export default {
|
|
|
|
|
bookingName: $data.bookingDetails.bookingName,
|
|
|
|
|
bookingSex: $data.bookingDetails.bookingSex,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
destinationid: $data.bookingDetails.destinationid,
|
|
|
|
|
destination: $data.bookingDetails.destination,
|
|
|
|
|
destinationcode: $data.bookingDetails.destinationcode,
|
|
|
|
|
@ -1998,17 +2044,25 @@ export default {
|
|
|
|
|
const arr3 = []
|
|
|
|
|
res.data.items.forEach(item => {
|
|
|
|
|
if (item.shipperName) {
|
|
|
|
|
if (!arr.includes(item.shipperName)) {
|
|
|
|
|
arr.push(item.shipperName)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (item.bookingName) {
|
|
|
|
|
if (!arr1.includes(item.bookingName)) {
|
|
|
|
|
arr1.push(item.bookingName)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (item.notifypartName) {
|
|
|
|
|
if (!arr2.includes(item.notifypartName)) {
|
|
|
|
|
arr2.push(item.notifypartName)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (item.consigneeName) {
|
|
|
|
|
if (!arr3.includes(item.consigneeName)) {
|
|
|
|
|
arr3.push(item.consigneeName)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.shipperList = arr
|
|
|
|
|
this.bookingList = arr1
|
|
|
|
|
@ -2028,8 +2082,10 @@ export default {
|
|
|
|
|
const arr = []
|
|
|
|
|
res.data.items.forEach(item => {
|
|
|
|
|
if (item.shipperName) {
|
|
|
|
|
if (!arr.includes(item.shipperName)) {
|
|
|
|
|
arr.push(item.shipperName)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.shipperList = arr
|
|
|
|
|
})
|
|
|
|
|
@ -2046,8 +2102,10 @@ export default {
|
|
|
|
|
const arr = []
|
|
|
|
|
res.data.items.forEach(item => {
|
|
|
|
|
if (item.bookingName) {
|
|
|
|
|
if (!arr.includes(item.bookingName)) {
|
|
|
|
|
arr.push(item.bookingName)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.bookingList = arr
|
|
|
|
|
})
|
|
|
|
|
@ -2063,8 +2121,10 @@ export default {
|
|
|
|
|
const arr = []
|
|
|
|
|
res.data.items.forEach(item => {
|
|
|
|
|
if (item.notifypartName) {
|
|
|
|
|
if (!arr.includes(item.notifypartName)) {
|
|
|
|
|
arr.push(item.notifypartName)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.notifypartList = arr
|
|
|
|
|
})
|
|
|
|
|
@ -2080,8 +2140,10 @@ export default {
|
|
|
|
|
const arr = []
|
|
|
|
|
res.data.items.forEach(item => {
|
|
|
|
|
if (item.consigneeName) {
|
|
|
|
|
if (!arr.includes(item.consigneeName)) {
|
|
|
|
|
arr.push(item.consigneeName)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.consigneeList = arr
|
|
|
|
|
})
|
|
|
|
|
@ -2119,13 +2181,15 @@ export default {
|
|
|
|
|
this.$set(this.details, 'carrierid', this.$route.query.carrierid)
|
|
|
|
|
this.$set(this.details, 'carrier', this.$route.query.carrierid)
|
|
|
|
|
if (this.$route.query.carrierid === 'EMC') {
|
|
|
|
|
this.$set(this.details, 'shipperSex', 'Mr.')
|
|
|
|
|
this.$set(this.details, 'bookingSex', 'Mr.')
|
|
|
|
|
this.$set(this.details, 'shipperSex', 'MS')
|
|
|
|
|
this.$set(this.details, 'bookingSex', 'MR')
|
|
|
|
|
this.$set(this.details, 'signType', 'Forwarder')
|
|
|
|
|
this.$set(this.details, 'blfrt', '')
|
|
|
|
|
this.$set(this.details, 'service', '')
|
|
|
|
|
this.$set(this.details, 'portload', '')
|
|
|
|
|
this.$set(this.details, 'portloadid', '')
|
|
|
|
|
this.$set(this.details, 'billCount', 1)
|
|
|
|
|
this.$refs.basicFrom.resetFields()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -2545,7 +2609,7 @@ export default {
|
|
|
|
|
this.$message.success('保存成功')
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.saveFlag = false
|
|
|
|
|
}, 5000);
|
|
|
|
|
}, 3000);
|
|
|
|
|
this.loading = false
|
|
|
|
|
this.id = res.data.id
|
|
|
|
|
if (res.data.cargoid) {
|
|
|
|
|
@ -2832,6 +2896,10 @@ export default {
|
|
|
|
|
this.details.destinationcode = res['code'] || ''
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
}
|
|
|
|
|
if (type === 'destinationid') {
|
|
|
|
|
this.details.destinationcode = res['code']
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
}
|
|
|
|
|
} else if (['shippername', 'consigneename', 'notifypartyname', 'notifypartY2name', 'foreignAgentname', 'descriptionname'].includes(type)) {
|
|
|
|
|
this[type] = res['title'] || ''
|
|
|
|
|
this.details[type.replace('name', '')] = res['content'] || ''
|
|
|
|
|
|
