修改bug
parent
1cf6ff214d
commit
943e1c306c
@ -0,0 +1,506 @@
|
|||||||
|
<template>
|
||||||
|
<a-modal v-model="SlotVisible" title="生成方式选择" @ok="handleOk1" width="40%">
|
||||||
|
<a-spin :spinning="spinning">
|
||||||
|
<a-form class="Editing">
|
||||||
|
<a-radio-group v-model="CreateData.generateMethod" v-if="type == 'A'">
|
||||||
|
<a-radio value="UPD_BOOKING">
|
||||||
|
更新订舱
|
||||||
|
</a-radio>
|
||||||
|
<a-radio value="GEN_BOOKING_SLOT">
|
||||||
|
直接生成舱位和订舱
|
||||||
|
</a-radio>
|
||||||
|
<a-radio value="GEN_BOOKING">
|
||||||
|
只生成订舱
|
||||||
|
</a-radio>
|
||||||
|
<a-radio value="GEN_SLOT">
|
||||||
|
只生成舱位
|
||||||
|
</a-radio>
|
||||||
|
<a-radio value="GEN_EXIST_BOOKING">
|
||||||
|
匹配已有订舱
|
||||||
|
</a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
<!-- <a-checkbox 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">
|
||||||
|
<a-select
|
||||||
|
show-search
|
||||||
|
v-model="CreateData.customerId"
|
||||||
|
:default-active-first-option="false"
|
||||||
|
:show-arrow="false"
|
||||||
|
:filter-option="false"
|
||||||
|
:not-found-content="null"
|
||||||
|
@search="SearchCustomer"
|
||||||
|
@change="ChangeCustomer">
|
||||||
|
<a-select-option v-for="(item, index) in CustomerList" :key="index" :value="item.id">
|
||||||
|
{{ item.shortName }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="8">
|
||||||
|
<a-spin :spinning="fetching">
|
||||||
|
<a-form-item label="联系人：" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
||||||
|
<a-select
|
||||||
|
show-search
|
||||||
|
mode="multiple"
|
||||||
|
v-model="CreateData.customerContactId"
|
||||||
|
:default-active-first-option="false"
|
||||||
|
:show-arrow="false"
|
||||||
|
:filter-option="false"
|
||||||
|
:not-found-content="null"
|
||||||
|
@change="handleChangeUser"
|
||||||
|
@search="SearchUser">
|
||||||
|
<a-select-option v-for="item in customerByList" :key="item.id" :value="item.id">
|
||||||
|
{{ item.name }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-spin>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row style="padding-left: 20px;margin-bottom: 10px">
|
||||||
|
<span style="margin-right: 10px;" v-for="(item, index) in userInfoList" :key="index">
|
||||||
|
{{ item.name }} {{ item.email }}
|
||||||
|
</span>
|
||||||
|
</a-row>
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="8">
|
||||||
|
<a-form-item label="销售：" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
||||||
|
<a-select
|
||||||
|
show-search
|
||||||
|
v-model="CreateData.saleId"
|
||||||
|
:default-active-first-option="false"
|
||||||
|
:show-arrow="false"
|
||||||
|
:filter-option="false"
|
||||||
|
:not-found-content="null"
|
||||||
|
@search="SearchUser"
|
||||||
|
@change="e => {
|
||||||
|
ChangeUser(e, 'saleName')
|
||||||
|
}
|
||||||
|
">
|
||||||
|
<a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
|
||||||
|
{{ item.name }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="8">
|
||||||
|
<a-form-item label="操作：" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
||||||
|
<a-select
|
||||||
|
show-search
|
||||||
|
v-model="CreateData.opId"
|
||||||
|
:default-active-first-option="false"
|
||||||
|
:show-arrow="false"
|
||||||
|
:filter-option="false"
|
||||||
|
:not-found-content="null"
|
||||||
|
@search="SearchUser"
|
||||||
|
@change="e => {
|
||||||
|
ChangeUser(e, 'opName')
|
||||||
|
}
|
||||||
|
">
|
||||||
|
<a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
|
||||||
|
{{ item.name }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="8">
|
||||||
|
<a-form-item label="单证：" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
||||||
|
<a-select
|
||||||
|
show-search
|
||||||
|
v-model="CreateData.docId"
|
||||||
|
:default-active-first-option="false"
|
||||||
|
:show-arrow="false"
|
||||||
|
:filter-option="false"
|
||||||
|
:not-found-content="null"
|
||||||
|
@search="SearchUser"
|
||||||
|
@change="e => {
|
||||||
|
ChangeUser(e, 'docName')
|
||||||
|
}
|
||||||
|
">
|
||||||
|
<a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
|
||||||
|
{{ item.name }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="8">
|
||||||
|
<a-form-item label="客服：" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
||||||
|
<a-select
|
||||||
|
show-search
|
||||||
|
v-model="CreateData.custserviceId"
|
||||||
|
:default-active-first-option="false"
|
||||||
|
:show-arrow="false"
|
||||||
|
:filter-option="false"
|
||||||
|
:not-found-content="null"
|
||||||
|
@search="SearchUser"
|
||||||
|
@change="e => {
|
||||||
|
ChangeUser(e, 'custserviceName')
|
||||||
|
}
|
||||||
|
">
|
||||||
|
<a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
|
||||||
|
{{ item.name }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="8">
|
||||||
|
<a-form-item label="航线操作：" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
||||||
|
<a-select
|
||||||
|
show-search
|
||||||
|
v-model="CreateData.routeID"
|
||||||
|
:default-active-first-option="false"
|
||||||
|
:show-arrow="false"
|
||||||
|
:filter-option="false"
|
||||||
|
:not-found-content="null"
|
||||||
|
@search="SearchUser"
|
||||||
|
@change="e => {
|
||||||
|
ChangeUser(e, 'route')
|
||||||
|
}
|
||||||
|
">
|
||||||
|
<a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
|
||||||
|
{{ item.name }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="8">
|
||||||
|
<a-form-item label="航线管理：" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
||||||
|
<a-select
|
||||||
|
show-search
|
||||||
|
v-model="CreateData.lineManageID"
|
||||||
|
:default-active-first-option="false"
|
||||||
|
:show-arrow="false"
|
||||||
|
:filter-option="false"
|
||||||
|
:not-found-content="null"
|
||||||
|
@search="SearchUser"
|
||||||
|
@change="e => {
|
||||||
|
ChangeUser(e, 'lineManage')
|
||||||
|
}
|
||||||
|
">
|
||||||
|
<a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
|
||||||
|
{{ item.name }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="16">
|
||||||
|
<a-form-item label="操作备注：" :label-col="formItemLayout.labelCol3" :wrapper-col="formItemLayout.wrapperCol3">
|
||||||
|
<a-input v-model="CreateData.czRemark" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="16">
|
||||||
|
<a-form-item label="申请箱使：" :label-col="formItemLayout.labelCol3" :wrapper-col="formItemLayout.wrapperCol3">
|
||||||
|
<a-input v-model="CreateData.shenQingXiangShi" />
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="16">
|
||||||
|
<a-form-item label="服务项目：" :label-col="formItemLayout.labelCol3" :wrapper-col="formItemLayout.wrapperCol3">
|
||||||
|
<div class="content">
|
||||||
|
<div
|
||||||
|
class="items"
|
||||||
|
v-for="(serive, sindex) in bookingServiceItem"
|
||||||
|
:key="sindex"
|
||||||
|
:class="{ active: serive.isYield }"
|
||||||
|
@click="saveService(serive)">
|
||||||
|
{{ serive.serviceProjectName }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form>
|
||||||
|
</a-spin>
|
||||||
|
</a-modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { DjyCustomerSuggest, GetSysUserPage, DjyCustomerContacts, DjyCustomerdetail } from '@/api/modular/main/BookingLedger'
|
||||||
|
import { GetProjectList, CreateBookingAndSlot, GetBookingOrder } from '@/api/modular/main/TaskmanageList'
|
||||||
|
import { mapGetters } from 'vuex'
|
||||||
|
import { ValidateCreateBookingOrder, CreateBooking0rder } from '@/api/modular/main/CompanySiteaccount'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
SlotVisible: false,
|
||||||
|
formItemLayout: {
|
||||||
|
labelCol1: { span: 6 },
|
||||||
|
wrapperCol1: { span: 18 },
|
||||||
|
labelCol2: { span: 8 },
|
||||||
|
wrapperCol2: { span: 16 },
|
||||||
|
labelCol3: { span: 4 },
|
||||||
|
wrapperCol3: { span: 20 },
|
||||||
|
labelCol4: { span: 8 },
|
||||||
|
wrapperCol4: { span: 16 },
|
||||||
|
labelCol5: { span: 14 },
|
||||||
|
wrapperCol5: { span: 10 },
|
||||||
|
labelCol6: { span: 8 },
|
||||||
|
wrapperCol6: { span: 16 }
|
||||||
|
},
|
||||||
|
CreateData: {
|
||||||
|
saleId: '',
|
||||||
|
opId: '',
|
||||||
|
docId: '',
|
||||||
|
custserviceId: ''
|
||||||
|
},
|
||||||
|
CustomerList: [],
|
||||||
|
UserList: [],
|
||||||
|
fetching: false,
|
||||||
|
spinning: false,
|
||||||
|
customerByList: [],
|
||||||
|
type: '',
|
||||||
|
userInfoList: [],
|
||||||
|
slotEdit: {},
|
||||||
|
bookingServiceItem: []
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters([
|
||||||
|
'userInfo'
|
||||||
|
])
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
DjyCustomerSuggest({ keyword: '', type: 'consignor' }).then(res => {
|
||||||
|
this.CustomerList = res.data.rows
|
||||||
|
})
|
||||||
|
GetProjectList().then(res => {
|
||||||
|
res.data.forEach(item => {
|
||||||
|
item.isYield = false
|
||||||
|
})
|
||||||
|
this.bookingServiceItem = res.data
|
||||||
|
})
|
||||||
|
GetSysUserPage().then(res => {
|
||||||
|
this.UserList = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleOk1() {
|
||||||
|
if (this.type == 'A') {
|
||||||
|
this.handleOkA()
|
||||||
|
} else {
|
||||||
|
const projectList = []
|
||||||
|
this.bookingServiceItem.forEach(item => {
|
||||||
|
if (item.isYield) {
|
||||||
|
projectList.push(item.serviceProjectCode)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const ApiData = {
|
||||||
|
slotId: this.slotEdit.id,
|
||||||
|
projectList,
|
||||||
|
...this.CreateData
|
||||||
|
}
|
||||||
|
this.spinning = true
|
||||||
|
CreateBooking0rder(ApiData).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.SlotVisible = false
|
||||||
|
this.$message.success(res.message)
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
}
|
||||||
|
this.spinning = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
saveService(data) {
|
||||||
|
data.isYield = !data.isYield
|
||||||
|
},
|
||||||
|
init1() {
|
||||||
|
this.CreateData = {
|
||||||
|
generateMethod: 'GEN_BOOKING',
|
||||||
|
customerList: [],
|
||||||
|
isDirectSend: false
|
||||||
|
}
|
||||||
|
this.UserList.forEach(item => {
|
||||||
|
if (item.id == this.userInfo.id) {
|
||||||
|
this.CreateData.opId = item.id
|
||||||
|
this.CreateData.opName = item.name
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.type = 'A'
|
||||||
|
this.userInfoList = []
|
||||||
|
this.$forceUpdate()
|
||||||
|
this.SlotVisible = true
|
||||||
|
},
|
||||||
|
init(row) {
|
||||||
|
this.type = 'B'
|
||||||
|
this.userInfoList = []
|
||||||
|
this.$forceUpdate()
|
||||||
|
this.CreateData = {}
|
||||||
|
this.SlotVisible = true
|
||||||
|
this.spinning = true
|
||||||
|
ValidateCreateBookingOrder({ id: row.id }).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.slotEdit = row
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
}
|
||||||
|
this.spinning = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
init2() {
|
||||||
|
this.SlotVisible = true
|
||||||
|
this.spinning = true
|
||||||
|
this.userInfoList = []
|
||||||
|
this.$forceUpdate()
|
||||||
|
this.type = 'A'
|
||||||
|
GetBookingOrder({ taskPkId: this.$route.query.taskPKId }).then(res => {
|
||||||
|
if (res.data.ext) {
|
||||||
|
this.CreateData = {
|
||||||
|
generateMethod: 'UPD_BOOKING',
|
||||||
|
customerList: [],
|
||||||
|
isDirectSend: false,
|
||||||
|
...res.data.ext
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.CreateData = {
|
||||||
|
generateMethod: 'UPD_BOOKING',
|
||||||
|
customerList: [],
|
||||||
|
isDirectSend: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.spinning = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleOkA() {
|
||||||
|
const projectList = []
|
||||||
|
this.bookingServiceItem.forEach(item => {
|
||||||
|
if (item.isYield) {
|
||||||
|
projectList.push(item.serviceProjectCode)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const ApiData = {
|
||||||
|
bcTaskId: this.$route.query.taskPKId,
|
||||||
|
projectList,
|
||||||
|
...this.CreateData
|
||||||
|
}
|
||||||
|
if (this.CreateData.customerList.length > 0) {
|
||||||
|
const arr = []
|
||||||
|
this.customerByList.forEach(item => {
|
||||||
|
this.CreateData.customerList.forEach(ite => {
|
||||||
|
if (ite == item.id) {
|
||||||
|
arr.push({
|
||||||
|
customerContactId: item.id,
|
||||||
|
customerContactName: item.name
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
ApiData.customerContactList = arr
|
||||||
|
}
|
||||||
|
this.spinning = true
|
||||||
|
console.log(ApiData)
|
||||||
|
CreateBookingAndSlot(ApiData).then(res => {
|
||||||
|
if (res.data.succ) {
|
||||||
|
this.visible = false
|
||||||
|
this.$message.success(res.data.msg)
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.data.msg)
|
||||||
|
}
|
||||||
|
this.spinning = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
SearchCustomer(e) {
|
||||||
|
DjyCustomerSuggest({ keyword: e, type: 'consignor' }).then(res => {
|
||||||
|
this.CustomerList = res.data.rows
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleChangeUser(val) {
|
||||||
|
const arr = []
|
||||||
|
this.customerByList.forEach(item => {
|
||||||
|
val.forEach(ite => {
|
||||||
|
if (item.id == ite) {
|
||||||
|
arr.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.userInfoList = arr
|
||||||
|
},
|
||||||
|
SearchUser(e) {
|
||||||
|
GetSysUserPage({ name: e }).then(res => {
|
||||||
|
this.UserList = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
ChangeUser(e, Tname) {
|
||||||
|
this.UserList.forEach(item => {
|
||||||
|
if (item.id == e) {
|
||||||
|
this.CreateData[Tname] = item.name
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
ChangeCustomer(e) {
|
||||||
|
this.customerByList = []
|
||||||
|
this.CreateData.customerContactId = []
|
||||||
|
this.CustomerList.forEach(item => {
|
||||||
|
if (item.id == e) {
|
||||||
|
this.CreateData.customerName = item.shortName
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.fetching = true
|
||||||
|
// DjyCustomerContacts({ customerId: e }).then(res => {
|
||||||
|
// if (res.success) {
|
||||||
|
// this.customerByList = res.data
|
||||||
|
// } else {
|
||||||
|
// this.$message.error(res.message)
|
||||||
|
// }
|
||||||
|
// this.fetching = false
|
||||||
|
// })
|
||||||
|
DjyCustomerdetail({ id: e }).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
this.customerByList = res.data.contacts
|
||||||
|
if (res.data.custserviceid) {
|
||||||
|
this.CreateData.custserviceId = Number(res.data.custserviceid)
|
||||||
|
this.CreateData.custserviceName = res.data.doc
|
||||||
|
} else {
|
||||||
|
this.CreateData.custserviceId = ''
|
||||||
|
this.CreateData.custserviceName = ''
|
||||||
|
}
|
||||||
|
if (res.data.docid) {
|
||||||
|
this.CreateData.docId = Number(res.data.docid)
|
||||||
|
this.CreateData.docName = res.data.custservice
|
||||||
|
} else {
|
||||||
|
this.CreateData.docId = ''
|
||||||
|
this.CreateData.docName = ''
|
||||||
|
}
|
||||||
|
if (res.data.opid) {
|
||||||
|
this.CreateData.opId = Number(res.data.opid)
|
||||||
|
this.CreateData.opName = res.data.op
|
||||||
|
} else {
|
||||||
|
this.CreateData.opId = ''
|
||||||
|
this.CreateData.opName = ''
|
||||||
|
}
|
||||||
|
if (res.data.saleid) {
|
||||||
|
this.CreateData.saleId = Number(res.data.saleid)
|
||||||
|
this.CreateData.saleName = res.data.sale
|
||||||
|
} else {
|
||||||
|
this.CreateData.saleId = ''
|
||||||
|
this.CreateData.saleName = ''
|
||||||
|
}
|
||||||
|
this.$forceUpdate()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.message)
|
||||||
|
}
|
||||||
|
this.fetching = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import url('../../views/main/BookingLedger/detail/style/rightContent.less');
|
||||||
|
|
||||||
|
/deep/ .ant-form-item {
|
||||||
|
margin-bottom: 0px !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue