|
|
|
@ -10,7 +10,7 @@
|
|
|
|
|
<a-spin :spinning="confirmLoading">
|
|
|
|
|
<a-form :form="form">
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<!-- <a-col :span="12">
|
|
|
|
|
<a-form-item label="租户" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择租户"
|
|
|
|
@ -28,12 +28,50 @@
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-col> -->
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="船名" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择船名"
|
|
|
|
|
v-decorator="['vessel', { rules: [{ required: true, message: '请选择船名!' }] }]"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="vesselSearch"
|
|
|
|
|
@search="vesselSearch"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="item in vesselData" :key="item.name" :value="item.name">
|
|
|
|
|
{{ item.name }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="船公司" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择船公司"
|
|
|
|
|
v-decorator="['carrierid', { rules: [{ required: true, message: '请选择船公司!' }] }]"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="carrierSearch"
|
|
|
|
|
@search="carrierSearch"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="item in carrierData" :key="item.code" :value="item.code">
|
|
|
|
|
{{ item.cnName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="内部航次" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入船名"
|
|
|
|
|
v-decorator="['vessel', { rules: [{ required: true, message: '请输入船名!' }] }]"
|
|
|
|
|
placeholder="请输入内部航次"
|
|
|
|
|
v-decorator="['voynoInside', { rules: [{ required: true, message: '请输入内部航次!' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
@ -105,7 +143,6 @@
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="开船日期" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
show-time
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
placeholder="请选择开船日期"
|
|
|
|
|
v-decorator="['etd', { rules: [{ required: true, message: '请选择开船日期!' }] }]"
|
|
|
|
@ -114,12 +151,12 @@
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="截港日期" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-form-item label="截港时间" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
show-time
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
placeholder="请选择截港日期"
|
|
|
|
|
v-decorator="['closingDate', { rules: [{ required: true, message: '请选择截港日期!' }] }]"
|
|
|
|
|
placeholder="请选择截港时间"
|
|
|
|
|
v-decorator="['closingDate', { rules: [{ required: true, message: '请选择截港时间!' }] }]"
|
|
|
|
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
@ -127,7 +164,6 @@
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="预抵日期" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
show-time
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
placeholder="请选择预抵日期"
|
|
|
|
|
v-decorator="['eta', { rules: [{ required: true, message: '请选择预抵日期!' }] }]"
|
|
|
|
@ -144,43 +180,16 @@
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="实际离港日期" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-form-item label="实际离港时间" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-date-picker
|
|
|
|
|
show-time
|
|
|
|
|
:style="{ width: '100%' }"
|
|
|
|
|
placeholder="请选择实际离港日期"
|
|
|
|
|
v-decorator="['atd', { rules: [{ required: true, message: '请选择实际离港日期!' }] }]"
|
|
|
|
|
placeholder="请选择实际离港时间"
|
|
|
|
|
v-decorator="['atd', { rules: [{ required: true, message: '请选择实际离港时间!' }] }]"
|
|
|
|
|
valueFormat="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="船公司" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-select
|
|
|
|
|
placeholder="请选择船公司"
|
|
|
|
|
v-decorator="['carrierid', { rules: [{ required: true, message: '请选择船公司!' }] }]"
|
|
|
|
|
show-search
|
|
|
|
|
@focus="carrierSearch"
|
|
|
|
|
@search="carrierSearch"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="item in carrierData" :key="item.code" :value="item.code">
|
|
|
|
|
{{ item.cnName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-item label="内部航次" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="请输入内部航次"
|
|
|
|
|
v-decorator="['voynoInside', { rules: [{ required: true, message: '请输入内部航次!' }] }]"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-form>
|
|
|
|
|
</a-spin>
|
|
|
|
@ -193,7 +202,8 @@ import {
|
|
|
|
|
SysTenantPage,
|
|
|
|
|
GetPortloadlist,
|
|
|
|
|
GetPortlist,
|
|
|
|
|
GetCarrierlist
|
|
|
|
|
GetCarrierlist,
|
|
|
|
|
GetVessellist
|
|
|
|
|
} from '@/api/modular/main/vesselinfo'
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
@ -218,11 +228,12 @@ export default {
|
|
|
|
|
visible: false,
|
|
|
|
|
confirmLoading: false,
|
|
|
|
|
form: this.$form.createForm(this),
|
|
|
|
|
tenantData: [],
|
|
|
|
|
// tenantData: [],
|
|
|
|
|
portLoadingData: [],
|
|
|
|
|
portTransitData: [],
|
|
|
|
|
portDischargeData: [],
|
|
|
|
|
carrierData: []
|
|
|
|
|
carrierData: [],
|
|
|
|
|
vesselData: []
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {},
|
|
|
|
@ -254,11 +265,11 @@ export default {
|
|
|
|
|
console.log(this.form.getFieldsValue())
|
|
|
|
|
}, 100)
|
|
|
|
|
},
|
|
|
|
|
tenantSearch(data) {
|
|
|
|
|
SysTenantPage({ Name: data }).then(res => {
|
|
|
|
|
this.tenantData = res.data.rows
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// tenantSearch(data) {
|
|
|
|
|
// SysTenantPage({ Name: data }).then(res => {
|
|
|
|
|
// this.tenantData = res.data.rows
|
|
|
|
|
// })
|
|
|
|
|
// },
|
|
|
|
|
portLoadingSearch(data) {
|
|
|
|
|
GetPortloadlist({ KeyWord: data }).then(res => {
|
|
|
|
|
this.portLoadingData = res.data
|
|
|
|
@ -279,6 +290,11 @@ export default {
|
|
|
|
|
this.carrierData = res.data
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
vesselSearch(data) {
|
|
|
|
|
GetVessellist({ KeyWord: data }).then(res => {
|
|
|
|
|
this.vesselData = res.data
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleSubmit() {
|
|
|
|
|
const {
|
|
|
|
|
form: { validateFields }
|
|
|
|
|