|
|
|
@ -11,7 +11,7 @@
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
v-model="details.customername"
|
|
|
|
|
:data-source="customerDataArr"
|
|
|
|
|
@select="customerSelect"
|
|
|
|
@ -62,7 +62,7 @@
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
v-model="details.forwarder"
|
|
|
|
|
:data-source="forwarderDataArr"
|
|
|
|
|
@select="forwarderSelect"
|
|
|
|
@ -129,7 +129,7 @@
|
|
|
|
|
v-model="details.vessel"
|
|
|
|
|
:data-source="vesselDataArr"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
@select="vesselSelect"
|
|
|
|
|
@change="vesselChange"
|
|
|
|
|
@focus="vesselChange"
|
|
|
|
@ -175,7 +175,7 @@
|
|
|
|
|
v-model="details.voynoinner"
|
|
|
|
|
:data-source="voynoinnerDataArr"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
@select="voynoinnerSelect"
|
|
|
|
|
@change="voynoinnerChange"
|
|
|
|
|
@focus="voynoinnerChange"
|
|
|
|
@ -224,7 +224,7 @@
|
|
|
|
|
v-model="details.lanename"
|
|
|
|
|
:data-source="lanenameDataArr"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
@select="lanenameSelect"
|
|
|
|
|
@change="lanenameChange"
|
|
|
|
|
@focus="lanenameChange"
|
|
|
|
@ -239,7 +239,7 @@
|
|
|
|
|
v-model="details.shipagency"
|
|
|
|
|
:data-source="shipagencyDataArr"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
@select="shipagencySelect"
|
|
|
|
|
@change="shipagencyChange"
|
|
|
|
|
@focus="shipagencyChange"
|
|
|
|
@ -276,7 +276,7 @@
|
|
|
|
|
v-model="details.sale"
|
|
|
|
|
:data-source="saleUserListArr"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
@select="saleSelect"
|
|
|
|
|
@change="saleChange"
|
|
|
|
|
@focus="saleChange"
|
|
|
|
@ -297,7 +297,7 @@
|
|
|
|
|
v-model="details.op"
|
|
|
|
|
:data-source="opUserListArr"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
@select="opSelect"
|
|
|
|
|
@change="opChange"
|
|
|
|
|
@focus="opChange"
|
|
|
|
@ -318,7 +318,7 @@
|
|
|
|
|
v-model="details.doc"
|
|
|
|
|
:data-source="docUserListArr"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
@select="docSelect"
|
|
|
|
|
@change="docChange"
|
|
|
|
|
@focus="docChange"
|
|
|
|
@ -339,7 +339,7 @@
|
|
|
|
|
v-model="details.custservice"
|
|
|
|
|
:data-source="custserviceUserListArr"
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
:dropdown-style="{ width: '200px'}"
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
@select="custserviceSelect"
|
|
|
|
|
@change="custserviceChange"
|
|
|
|
|
@focus="custserviceChange"
|
|
|
|
@ -601,7 +601,8 @@ export default {
|
|
|
|
|
{ field: 'email', key: 'email', title: '邮箱', edit: true },
|
|
|
|
|
{ field: 'tel', key: 'tel', title: '电话', edit: true },
|
|
|
|
|
{ field: 'remark', key: 'remark', title: '备注', edit: true },
|
|
|
|
|
{ field: 'roleCode',
|
|
|
|
|
{
|
|
|
|
|
field: 'roleCode',
|
|
|
|
|
key: 'roleCode',
|
|
|
|
|
title: '角色',
|
|
|
|
|
edit: false,
|
|
|
|
@ -615,7 +616,7 @@ export default {
|
|
|
|
|
style="width: 240px"
|
|
|
|
|
placeholder="请选择角色"
|
|
|
|
|
on-change={val => {
|
|
|
|
|
row['roleCode'] = val
|
|
|
|
|
row['roleCode'] = val
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
{this.ContactType.map((item, index) => {
|
|
|
|
@ -623,7 +624,8 @@ export default {
|
|
|
|
|
})}
|
|
|
|
|
</a-select>
|
|
|
|
|
)
|
|
|
|
|
} }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
tableData: [],
|
|
|
|
|
etdWeek: '',
|
|
|
|
@ -924,6 +926,18 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
customerSelect(value) {
|
|
|
|
|
this.customerData.forEach(item => {
|
|
|
|
|
if (item.shortName == value) {
|
|
|
|
|
this.details.op = item.op
|
|
|
|
|
this.details.opid = item.opid
|
|
|
|
|
this.details.sale = item.sale
|
|
|
|
|
this.details.saleid = item.saleid
|
|
|
|
|
this.details.doc = item.doc
|
|
|
|
|
this.details.docid = item.docid
|
|
|
|
|
this.details.custservice = item.custservice
|
|
|
|
|
this.details.custserviceid = item.custserviceid
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.details.customername = value
|
|
|
|
|
const index = this['customerDataArr'].indexOf(value)
|
|
|
|
|
this.details.customerid = this.customerData[index].id
|
|
|
|
@ -1173,31 +1187,33 @@ export default {
|
|
|
|
|
DjyCustomerdetail({ id: this.details.customerid }).then(res => {
|
|
|
|
|
this.customerContactsData = res.data.contacts
|
|
|
|
|
})
|
|
|
|
|
BookingOrderContactPage({ id: this.details.customerid, BookingId: this.$route.query.id, pageSize: 999 }).then(res => {
|
|
|
|
|
res.data.rows.forEach(item => {
|
|
|
|
|
let WroleCode = []
|
|
|
|
|
if (item.roleCode) {
|
|
|
|
|
item.roleCode.split(']').forEach(e => {
|
|
|
|
|
if (e) {
|
|
|
|
|
e.split('[').forEach(i => {
|
|
|
|
|
if (i) {
|
|
|
|
|
this.ContactType.forEach(item2 => {
|
|
|
|
|
if (item2.code == i) {
|
|
|
|
|
WroleCode.push(item2.name)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
item.roleCode = WroleCode
|
|
|
|
|
})
|
|
|
|
|
res.data.rows.map((item, index) => {
|
|
|
|
|
item.rowKey = index
|
|
|
|
|
})
|
|
|
|
|
this.tableData = res.data.rows
|
|
|
|
|
})
|
|
|
|
|
BookingOrderContactPage({ id: this.details.customerid, BookingId: this.$route.query.id, pageSize: 999 }).then(
|
|
|
|
|
res => {
|
|
|
|
|
res.data.rows.forEach(item => {
|
|
|
|
|
let WroleCode = []
|
|
|
|
|
if (item.roleCode) {
|
|
|
|
|
item.roleCode.split(']').forEach(e => {
|
|
|
|
|
if (e) {
|
|
|
|
|
e.split('[').forEach(i => {
|
|
|
|
|
if (i) {
|
|
|
|
|
this.ContactType.forEach(item2 => {
|
|
|
|
|
if (item2.code == i) {
|
|
|
|
|
WroleCode.push(item2.name)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
item.roleCode = WroleCode
|
|
|
|
|
})
|
|
|
|
|
res.data.rows.map((item, index) => {
|
|
|
|
|
item.rowKey = index
|
|
|
|
|
})
|
|
|
|
|
this.tableData = res.data.rows
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning('请先选择客户!')
|
|
|
|
|
}
|
|
|
|
@ -1330,7 +1346,7 @@ export default {
|
|
|
|
|
.table-no-data {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .date-box{
|
|
|
|
|
/deep/ .date-box {
|
|
|
|
|
padding-top: 7px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|