|
|
|
|
@ -3,7 +3,7 @@
|
|
|
|
|
<x-card>
|
|
|
|
|
<div slot="content" style="margin-top: -5px;">
|
|
|
|
|
<!-- <a-button type="primary" @click="checkbasic"> 验证 </a-button> -->
|
|
|
|
|
<a-form-model style="margin-bottom:10px;" ref="basicFrom" :model="details" :rules="rules">
|
|
|
|
|
<a-form-model style="margin-bottom:10px;" ref="basicFrom" :selfUpdate="true" :model="details" :rules="rules">
|
|
|
|
|
<a-row class="from-box" :gutter="10">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
@ -43,7 +43,8 @@
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.mblno" :disabled="ishd" />
|
|
|
|
|
<inputView type="mblno" :parentVal="details.mblno" :ishd="ishd" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="mblno" :disabled="ishd" @onValuesChange="inputChange('mblno')"/> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
|
|
@ -105,7 +106,8 @@
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="pono">
|
|
|
|
|
<a-input :allowClear="true" v-model="details.pono" />
|
|
|
|
|
<inputView type="pono" :parentVal="details.pono" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.pono" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
|
|
@ -117,7 +119,8 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="hblno"
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.hblno" />
|
|
|
|
|
<inputView type="hblno" :parentVal="details.hblno" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.hblno" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
|
|
@ -129,7 +132,8 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="bookingno"
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.bookingno" />
|
|
|
|
|
<inputView type="bookingno" :parentVal="details.bookingno" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.bookingno" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<template v-if="details.carrierid === 'ESL'">
|
|
|
|
|
@ -141,7 +145,8 @@
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="contractno">
|
|
|
|
|
<a-input :allowClear="true" v-model="details.contractno" />
|
|
|
|
|
<inputView type="contractno" :parentVal="details.contractno" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.contractno" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
@ -176,7 +181,8 @@
|
|
|
|
|
</auto-complete>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.contractno" />
|
|
|
|
|
<inputView type="contractno" :parentVal="details.contractno" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.contractno" /> -->
|
|
|
|
|
</template>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
@ -225,7 +231,8 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="lanecode"
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.lanecode" />
|
|
|
|
|
<inputView type="lanecode" :parentVal="details.lanecode" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.lanecode" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
@ -239,7 +246,9 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="voynoinner"
|
|
|
|
|
>
|
|
|
|
|
<auto-complete
|
|
|
|
|
<!-- 内部航次暂无接口， 暂时改为输入框，避免卡顿 -->
|
|
|
|
|
<inputView type="voynoinner" :parentVal="details.voynoinner" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
v-model="details.voynoinner"
|
|
|
|
|
@ -249,7 +258,7 @@
|
|
|
|
|
@select="voynoinnerSelect"
|
|
|
|
|
@change="voynoinnerChange"
|
|
|
|
|
@focus="voynoinnerChange"
|
|
|
|
|
/>
|
|
|
|
|
/> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
@ -262,7 +271,8 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="voyno"
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.voyno" />
|
|
|
|
|
<inputView type="voyno" :parentVal="details.voyno" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.voyno" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
@ -278,7 +288,7 @@
|
|
|
|
|
<a-date-picker class="date-picker" format="YYYY-MM-DD" v-model="details.etd" @change="changeEtd">
|
|
|
|
|
<a-icon slot="suffixIcon" type="time" style="display: none" />
|
|
|
|
|
</a-date-picker>
|
|
|
|
|
<span class="week" v-if="etdWeek !== 'NaN'">W{{ etdWeek || '--' }}</span>
|
|
|
|
|
<span class="week" v-if="etdWeek && etdWeek !== 'NaN'">W{{ etdWeek || '--' }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
@ -308,7 +318,9 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="lanename">
|
|
|
|
|
<auto-complete
|
|
|
|
|
<!-- 航线暂无接口， 暂时改为输入框，避免卡顿 -->
|
|
|
|
|
<inputView type="lanename" :parentVal="details.lanename" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <auto-complete
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
v-model="details.lanename"
|
|
|
|
|
@ -318,7 +330,7 @@
|
|
|
|
|
@select="lanenameSelect"
|
|
|
|
|
@change="lanenameChange"
|
|
|
|
|
@focus="lanenameChange"
|
|
|
|
|
/>
|
|
|
|
|
/> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
|
|
|
|
@ -352,7 +364,8 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="contractno"
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" v-model="details.contractno" />
|
|
|
|
|
<inputView type="contractno" :parentVal="details.contractno" @getInputChange="inputChange"/>
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.contractno" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
@ -478,67 +491,6 @@
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-toolbar>
|
|
|
|
|
|
|
|
|
|
<!-- <vxe-table
|
|
|
|
|
border
|
|
|
|
|
show-overflow
|
|
|
|
|
keep-source
|
|
|
|
|
ref="xTable"
|
|
|
|
|
:data="tableData"
|
|
|
|
|
:edit-config="{ trigger: 'click', mode: 'cell', icon: 'vxe-icon-edit', showStatus: true }"
|
|
|
|
|
:height="500"
|
|
|
|
|
>
|
|
|
|
|
<vxe-column type="checkbox" width="60"></vxe-column>
|
|
|
|
|
<vxe-column field="name" title="联系人" :edit-render="{}">
|
|
|
|
|
<template #edit="{ row }">
|
|
|
|
|
<vxe-pulldown ref="xDown2">
|
|
|
|
|
<template #default>
|
|
|
|
|
<vxe-input
|
|
|
|
|
v-model="row.name"
|
|
|
|
|
@focus="focusEvent2(row.name)"
|
|
|
|
|
@keyup="keyupEvent2(row.name)"
|
|
|
|
|
></vxe-input>
|
|
|
|
|
</template>
|
|
|
|
|
<template #dropdown>
|
|
|
|
|
<vxe-list height="200" class="my-dropdown2" :data="customerContactsDataList" auto-resize>
|
|
|
|
|
<template #default="{ items }">
|
|
|
|
|
<div class="list-item2" v-for="item in items" :key="item.id" @click="selectEvent2(row, item)">
|
|
|
|
|
<span>{{ item.name }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-list>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-pulldown>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
<vxe-column field="email" title="邮箱" :edit-render="{}">
|
|
|
|
|
<template #edit="{ row }">
|
|
|
|
|
<vxe-input v-model="row.email" type="text"></vxe-input>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
<vxe-column field="tel" title="电话" :edit-render="{}">
|
|
|
|
|
<template #edit="{ row }">
|
|
|
|
|
<vxe-input v-model="row.tel" type="text"></vxe-input>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
<vxe-column field="remark" title="备注" :edit-render="{}">
|
|
|
|
|
<template #edit="{ row }">
|
|
|
|
|
<vxe-input v-model="row.remark" type="text"></vxe-input>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
<vxe-column field="roleCode" title="角色" :edit-render="{}">
|
|
|
|
|
<template #edit="{ row }">
|
|
|
|
|
<vxe-select v-model="row.roleCode" multiple clearable>
|
|
|
|
|
<vxe-option
|
|
|
|
|
v-for="item in ContactType"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:value="item.name"
|
|
|
|
|
:label="item.name"
|
|
|
|
|
></vxe-option>
|
|
|
|
|
</vxe-select>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
</vxe-table> -->
|
|
|
|
|
|
|
|
|
|
<ve-table
|
|
|
|
|
borderY
|
|
|
|
|
:columns="columns"
|
|
|
|
|
@ -562,6 +514,7 @@
|
|
|
|
|
<script>
|
|
|
|
|
import { XCard } from '@/components'
|
|
|
|
|
import { AutoComplete } from 'ant-design-vue'
|
|
|
|
|
import inputView from './inputView'
|
|
|
|
|
import {
|
|
|
|
|
DjyCustomerpage,
|
|
|
|
|
DjyCustomerSuggest,
|
|
|
|
|
@ -580,7 +533,8 @@ export default {
|
|
|
|
|
name: 'BookingDetail',
|
|
|
|
|
components: {
|
|
|
|
|
XCard,
|
|
|
|
|
AutoComplete
|
|
|
|
|
AutoComplete,
|
|
|
|
|
inputView,
|
|
|
|
|
},
|
|
|
|
|
props: {
|
|
|
|
|
details: {
|
|
|
|
|
@ -598,6 +552,10 @@ export default {
|
|
|
|
|
default: () => {
|
|
|
|
|
return {}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
inPageLoading: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
@ -898,6 +856,12 @@ export default {
|
|
|
|
|
detail: nval,
|
|
|
|
|
type: 'baseInfo'
|
|
|
|
|
})
|
|
|
|
|
console.log('== 数据更新 ==', nval.etd)
|
|
|
|
|
if (nval.etd) {
|
|
|
|
|
this.etdWeek = this.getWeek(nval.etd)
|
|
|
|
|
} else {
|
|
|
|
|
this.etdWeek = ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
deep: true
|
|
|
|
|
},
|
|
|
|
|
@ -921,6 +885,7 @@ export default {
|
|
|
|
|
resolve(true);
|
|
|
|
|
} else {
|
|
|
|
|
console.log('验证失败!');
|
|
|
|
|
// eslint-disable-next-line prefer-promise-reject-errors
|
|
|
|
|
reject(false);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
@ -1022,6 +987,8 @@ export default {
|
|
|
|
|
this.getUserList('custservice')
|
|
|
|
|
if (this.details.etd) {
|
|
|
|
|
this.etdWeek = this.getWeek(this.details.etd)
|
|
|
|
|
} else {
|
|
|
|
|
this.etdWeek = ''
|
|
|
|
|
}
|
|
|
|
|
this.ContactType = this.$options.filters['dictData']('booking_contact_type')
|
|
|
|
|
},
|
|
|
|
|
@ -1046,6 +1013,7 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
customerSelect(value) {
|
|
|
|
|
console.log('客户 - 这里点击更新了数据', value)
|
|
|
|
|
this.customerData.forEach(item => {
|
|
|
|
|
if (item.shortName == value) {
|
|
|
|
|
this.details.op = item.op
|
|
|
|
|
@ -1365,7 +1333,11 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
// 关系人弹窗 - end
|
|
|
|
|
changeEtd(date, dateString) {
|
|
|
|
|
this.details.etd = dateString
|
|
|
|
|
if (!dateString) {
|
|
|
|
|
this.details.etd = null
|
|
|
|
|
} else {
|
|
|
|
|
this.details.etd = dateString
|
|
|
|
|
}
|
|
|
|
|
this.etdWeek = this.getWeek(dateString)
|
|
|
|
|
},
|
|
|
|
|
getWeek(dateTime) {
|
|
|
|
|
@ -1417,8 +1389,13 @@ export default {
|
|
|
|
|
this.details.vessel = this.details.vessel ? this.details.vessel : ''
|
|
|
|
|
}
|
|
|
|
|
this.getContractno(value)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 约号 - end
|
|
|
|
|
inputChange ({ type, value }) {
|
|
|
|
|
this.details[type] = value
|
|
|
|
|
console.log(this.details[type])
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
张同海
2 years ago