|
|
|
|
@ -2,14 +2,14 @@
|
|
|
|
|
<a-modal v-model="SlotVisible" title="生成方式选择" @ok="handleOk1" width="40%">
|
|
|
|
|
<a-spin :spinning="spinning">
|
|
|
|
|
<a-form class="Editing">
|
|
|
|
|
<a-row v-if="type == 'B'">
|
|
|
|
|
<a-row v-if="type == 'cabin'">
|
|
|
|
|
<a-col :span="16">
|
|
|
|
|
<a-form-item label="订舱编号" :label-col="formItemLayout.labelCol3" :wrapper-col="formItemLayout.wrapperCol3">
|
|
|
|
|
{{ slotEdit.sloT_BOOKING_NO }}
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-radio-group v-model="CreateData.generateMethod" v-if="type == 'A'">
|
|
|
|
|
<a-radio-group v-model="CreateData.generateMethod" v-if="type == 'BCModify' || type == 'BC'">
|
|
|
|
|
<a-radio value="UPD_BOOKING">
|
|
|
|
|
更新订舱
|
|
|
|
|
</a-radio>
|
|
|
|
|
@ -26,7 +26,7 @@
|
|
|
|
|
匹配已有订舱
|
|
|
|
|
</a-radio>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
<!-- <a-checkbox style="margin-top: 10px;" v-model="CreateData.isDirectSend">是否直接发送邮件给订舱联系人</a-checkbox> -->
|
|
|
|
|
<a-checkbox v-if="type == 'BC'" style="margin-top: 10px;" v-model="CreateData.isDirectSend">是否直接发送邮件给订舱联系人</a-checkbox>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="16">
|
|
|
|
|
<a-form-item label="委托单位：" :label-col="formItemLayout.labelCol3" :wrapper-col="formItemLayout.wrapperCol3">
|
|
|
|
|
@ -185,9 +185,12 @@
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row v-if="type==='B'">
|
|
|
|
|
<a-row v-if="type === 'cabin'">
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item label="SHIPPER" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
|
|
|
|
<a-form-item
|
|
|
|
|
label="SHIPPER"
|
|
|
|
|
:label-col="formItemLayout.labelCol2"
|
|
|
|
|
:wrapper-col="formItemLayout.wrapperCol2">
|
|
|
|
|
<a-input v-model="CreateData.SHIPPER"></a-input>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
@ -197,8 +200,8 @@
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row >
|
|
|
|
|
<a-col :span="8" v-if="type==='B'">
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="8" v-if="type === 'cabin'">
|
|
|
|
|
<a-form-item label="销售日期" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
|
|
|
|
<a-date-picker style="width: 100%;" v-model="CreateData.SALE_TIME" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
@ -283,13 +286,14 @@
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row v-if="type==='B'">
|
|
|
|
|
<a-row v-if="type === 'cabin'">
|
|
|
|
|
<a-col :span="16">
|
|
|
|
|
<a-form-item label="选择" :label-col="formItemLayout.labelCol3" :wrapper-col="formItemLayout.wrapperCol3">
|
|
|
|
|
<div class="tear-list">
|
|
|
|
|
<div class="item" v-for="item in CreateData.CtnList" :key="item.gid">
|
|
|
|
|
<span class="item-left">{{ item.ctnall }}</span>
|
|
|
|
|
<a-input-number style="width:50px;" :max="item.maxnum" v-model="item.ctnnum" :min="0"> </a-input-number>
|
|
|
|
|
<a-input-number style="width:50px;" :max="item.maxnum" v-model="item.ctnnum" :min="0">
|
|
|
|
|
</a-input-number>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="line-height: 20px">
|
|
|
|
|
@ -424,7 +428,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
handleOk1() {
|
|
|
|
|
if (this.type == 'A') {
|
|
|
|
|
if (this.type == 'BCModify' || this.type == 'BC') {
|
|
|
|
|
this.handleOkA()
|
|
|
|
|
} else {
|
|
|
|
|
const projectList = []
|
|
|
|
|
@ -446,7 +450,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error('至少选择1个箱子')
|
|
|
|
|
return false
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
const ApiData = {
|
|
|
|
|
slotId: this.slotEdit.id,
|
|
|
|
|
@ -481,13 +485,13 @@ export default {
|
|
|
|
|
this.CreateData.opName = item.name
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.type = 'A'
|
|
|
|
|
this.type = 'BC'
|
|
|
|
|
this.userInfoList = []
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
this.SlotVisible = true
|
|
|
|
|
},
|
|
|
|
|
init(row) {
|
|
|
|
|
this.type = 'B'
|
|
|
|
|
this.type = 'cabin'
|
|
|
|
|
this.userInfoList = []
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
this.CreateData = {}
|
|
|
|
|
@ -499,10 +503,10 @@ export default {
|
|
|
|
|
this.slotEdit = row
|
|
|
|
|
if (res.data.length > 0) {
|
|
|
|
|
res.data.forEach(item => {
|
|
|
|
|
item.maxnum = item.ctnnum
|
|
|
|
|
})
|
|
|
|
|
this.$set(this.CreateData, 'CtnList', res.data)
|
|
|
|
|
this.ctnListCopy = JSON.parse(JSON.stringify(res.data))
|
|
|
|
|
item.maxnum = item.ctnnum
|
|
|
|
|
})
|
|
|
|
|
this.$set(this.CreateData, 'CtnList', res.data)
|
|
|
|
|
this.ctnListCopy = JSON.parse(JSON.stringify(res.data))
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error('可用箱子为空，请选择其它舱位生成订舱')
|
|
|
|
|
this.$set(this.CreateData, 'CtnList', [])
|
|
|
|
|
@ -530,7 +534,7 @@ export default {
|
|
|
|
|
this.spinning = true
|
|
|
|
|
this.userInfoList = []
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
this.type = 'A'
|
|
|
|
|
this.type = 'BCModify'
|
|
|
|
|
GetBookingOrder({ taskPkId: this.$route.query.taskPKId }).then(res => {
|
|
|
|
|
if (res.data.ext) {
|
|
|
|
|
this.CreateData = {
|
|
|
|
|
@ -539,6 +543,33 @@ export default {
|
|
|
|
|
isDirectSend: false,
|
|
|
|
|
...res.data.ext
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (this.CreateData.customerId) {
|
|
|
|
|
const arr = []
|
|
|
|
|
this.CustomerList.forEach(item => {
|
|
|
|
|
if (item.id === this.CreateData.customerId) {
|
|
|
|
|
arr.push(1)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
if (arr.length === 0) {
|
|
|
|
|
this.CustomerList.push({
|
|
|
|
|
id: this.CreateData.customerId,
|
|
|
|
|
shortName: this.CreateData.customerName
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.fetching = true
|
|
|
|
|
DjyCustomerdetail({ id: this.CreateData.customerId }).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.customerByList = res.data.contacts
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
this.fetching = false
|
|
|
|
|
})
|
|
|
|
|
}, 100)
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.CreateData = {
|
|
|
|
|
generateMethod: 'UPD_BOOKING',
|
|
|
|
|
@ -778,6 +809,7 @@ export default {
|
|
|
|
|
/deep/ .ant-form-item {
|
|
|
|
|
margin-bottom: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tear-list {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
