|
|
@ -34,9 +34,10 @@
|
|
|
|
<div class="bottom">
|
|
|
|
<div class="bottom">
|
|
|
|
<a-textarea
|
|
|
|
<a-textarea
|
|
|
|
id="shipper-scroll"
|
|
|
|
id="shipper-scroll"
|
|
|
|
v-model="details.shipper"
|
|
|
|
:defaultValue="details.shipper"
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
style="height: 100px"
|
|
|
|
style="height: 100px"
|
|
|
|
|
|
|
|
@blur="textareaChange($event, 'shipper')"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="line-count"
|
|
|
|
class="line-count"
|
|
|
@ -72,9 +73,10 @@
|
|
|
|
<div class="bottom">
|
|
|
|
<div class="bottom">
|
|
|
|
<a-textarea
|
|
|
|
<a-textarea
|
|
|
|
id="consignee-scroll"
|
|
|
|
id="consignee-scroll"
|
|
|
|
v-model="details.consignee"
|
|
|
|
:defaultValue="details.consignee"
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
style="height: 100px"
|
|
|
|
style="height: 100px"
|
|
|
|
|
|
|
|
@blur="textareaChange($event, 'consignee')"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="line-count"
|
|
|
|
class="line-count"
|
|
|
@ -108,9 +110,10 @@
|
|
|
|
<div class="bottom">
|
|
|
|
<div class="bottom">
|
|
|
|
<a-textarea
|
|
|
|
<a-textarea
|
|
|
|
id="notifyparty-scroll"
|
|
|
|
id="notifyparty-scroll"
|
|
|
|
v-model="details.notifyparty"
|
|
|
|
:defaultValue="details.notifyparty"
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 5 }"
|
|
|
|
style="height: 100px"
|
|
|
|
style="height: 100px"
|
|
|
|
|
|
|
|
@blur="textareaChange($event, 'notifyparty')"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="line-count"
|
|
|
|
class="line-count"
|
|
|
@ -123,7 +126,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="14" :xl="12">
|
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="14" :xl="12">
|
|
|
|
<a-form>
|
|
|
|
<a-form :selfUpdate="true">
|
|
|
|
<a-row :gutter="16">
|
|
|
|
<a-row :gutter="16">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
@ -298,193 +301,193 @@
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="装货港"
|
|
|
|
label="收货代码"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<auto-complete
|
|
|
|
<auto-complete
|
|
|
|
:allowClear="true"
|
|
|
|
:allowClear="true"
|
|
|
|
v-model="details.portload"
|
|
|
|
v-model="details.placereceiptid"
|
|
|
|
class="customer-input"
|
|
|
|
class="customer-input"
|
|
|
|
:data-source="portloadDataArr"
|
|
|
|
:data-source="placereceiptDataArr"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
@select="portloadSelect"
|
|
|
|
@select="placereceiptSelect"
|
|
|
|
@change="portloadChange"
|
|
|
|
@change="placereceiptChange"
|
|
|
|
@focus="portloadChange"
|
|
|
|
@focus="placereceiptChange"
|
|
|
|
></auto-complete>
|
|
|
|
></auto-complete>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="装货港代码"
|
|
|
|
label="收货地"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.portloadid" />
|
|
|
|
<a-input :allowClear="true" v-model="details.placereceipt" />
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="中转港"
|
|
|
|
label="装货港代码"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<auto-complete
|
|
|
|
<auto-complete
|
|
|
|
:allowClear="true"
|
|
|
|
:allowClear="true"
|
|
|
|
v-model="details.transport"
|
|
|
|
v-model="details.portloadid"
|
|
|
|
class="customer-input"
|
|
|
|
class="customer-input"
|
|
|
|
:data-source="transportDataArr"
|
|
|
|
:data-source="portloadDataArr"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
@select="transportSelect"
|
|
|
|
@select="portloadSelect"
|
|
|
|
@change="transportChange"
|
|
|
|
@change="portloadChange"
|
|
|
|
@focus="transportChange"
|
|
|
|
@focus="portloadChange"
|
|
|
|
/>
|
|
|
|
></auto-complete>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="中转港代码"
|
|
|
|
label="装货港"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.transportid" />
|
|
|
|
<a-input :allowClear="true" v-model="details.portload" />
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="卸货港"
|
|
|
|
label="中转港代码"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<auto-complete
|
|
|
|
<auto-complete
|
|
|
|
:allowClear="true"
|
|
|
|
:allowClear="true"
|
|
|
|
v-model="details.portdischarge"
|
|
|
|
v-model="details.transportid"
|
|
|
|
class="customer-input"
|
|
|
|
class="customer-input"
|
|
|
|
:data-source="portdischargeDataArr"
|
|
|
|
:data-source="transportDataArr"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
@select="portdischargeSelect"
|
|
|
|
@select="transportSelect"
|
|
|
|
@change="portdischargeChange"
|
|
|
|
@change="transportChange"
|
|
|
|
@focus="portdischargeChange"
|
|
|
|
@focus="transportChange"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="卸货港代码"
|
|
|
|
label="中转港"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.portdischargeid" />
|
|
|
|
<a-input :allowClear="true" v-model="details.transport" />
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="目的地"
|
|
|
|
label="卸货港代码"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<auto-complete
|
|
|
|
<auto-complete
|
|
|
|
:allowClear="true"
|
|
|
|
:allowClear="true"
|
|
|
|
v-model="details.destination"
|
|
|
|
v-model="details.portdischargeid"
|
|
|
|
class="customer-input"
|
|
|
|
class="customer-input"
|
|
|
|
:data-source="destinationDataArr"
|
|
|
|
:data-source="portdischargeDataArr"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
@select="destinationSelect"
|
|
|
|
@select="portdischargeSelect"
|
|
|
|
@change="destinationChange"
|
|
|
|
@change="portdischargeChange"
|
|
|
|
@focus="destinationChange"
|
|
|
|
@focus="portdischargeChange"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="目的代码"
|
|
|
|
label="卸货港"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.destinationid" />
|
|
|
|
<a-input :allowClear="true" v-model="details.portdischarge" />
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="交货地"
|
|
|
|
label="目的代码"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<auto-complete
|
|
|
|
<auto-complete
|
|
|
|
:allowClear="true"
|
|
|
|
:allowClear="true"
|
|
|
|
v-model="details.placedelivery"
|
|
|
|
v-model="details.destinationid"
|
|
|
|
class="customer-input"
|
|
|
|
class="customer-input"
|
|
|
|
:data-source="placedeliveryDataArr"
|
|
|
|
:data-source="destinationDataArr"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
@select="placedeliverySelect"
|
|
|
|
@select="destinationSelect"
|
|
|
|
@change="placedeliveryChange"
|
|
|
|
@change="destinationChange"
|
|
|
|
@focus="placedeliveryChange"
|
|
|
|
@focus="destinationChange"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="交货代码"
|
|
|
|
label="目的地"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.placedeliveryid" />
|
|
|
|
<a-input :allowClear="true" v-model="details.destination" />
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="收货地"
|
|
|
|
label="交货代码"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<auto-complete
|
|
|
|
<auto-complete
|
|
|
|
:allowClear="true"
|
|
|
|
:allowClear="true"
|
|
|
|
v-model="details.placereceipt"
|
|
|
|
v-model="details.placedeliveryid"
|
|
|
|
class="customer-input"
|
|
|
|
class="customer-input"
|
|
|
|
:data-source="placereceiptDataArr"
|
|
|
|
:data-source="placedeliveryDataArr"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
:dropdown-style="{ width: '300px'}"
|
|
|
|
@select="placereceiptSelect"
|
|
|
|
@select="placedeliverySelect"
|
|
|
|
@change="placereceiptChange"
|
|
|
|
@change="placedeliveryChange"
|
|
|
|
@focus="placereceiptChange"
|
|
|
|
@focus="placedeliveryChange"
|
|
|
|
></auto-complete>
|
|
|
|
/>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
class="from-label"
|
|
|
|
class="from-label"
|
|
|
|
label="收货代码"
|
|
|
|
label="交货地"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:labelCol="labelCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.placereceiptid" />
|
|
|
|
<a-input :allowClear="true" v-model="details.placedelivery" />
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
@ -495,7 +498,7 @@
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.pkgs" />
|
|
|
|
<a-input :allowClear="true" v-model="details.pkgs" type="number"/>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
@ -527,7 +530,9 @@
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.kgs" />
|
|
|
|
<div class="line-box">
|
|
|
|
|
|
|
|
<a-input :allowClear="true" v-model="details.kgs" /><span class="unit">KGS</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="12">
|
|
|
|
<a-col :span="12">
|
|
|
@ -538,7 +543,9 @@
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
has-feedback
|
|
|
|
has-feedback
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-input :allowClear="true" v-model="details.cbm" />
|
|
|
|
<div class="line-box">
|
|
|
|
|
|
|
|
<a-input :allowClear="true" v-model="details.cbm" /><span class="unit">CBM</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
</a-row>
|
|
|
|
</a-row>
|
|
|
@ -1395,6 +1402,10 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
this.details[type] = subValue
|
|
|
|
this.details[type] = subValue
|
|
|
|
this.$forceUpdate()
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
textareaChange (e, type) {
|
|
|
|
|
|
|
|
this.details[type] = e.target.value
|
|
|
|
|
|
|
|
console.log(type, this.details[type])
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -1572,6 +1583,17 @@ export default {
|
|
|
|
border-bottom: none;
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.line-box{
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
span.unit{
|
|
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
|
|
color: #999;
|
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
|
|
|
padding-left: 5px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media (max-width: 1700px) {
|
|
|
|
@media (max-width: 1700px) {
|
|
|
|
.feeself{
|
|
|
|
.feeself{
|
|
|
|
top: 15px !important;
|
|
|
|
top: 15px !important;
|
|
|
|