|
|
|
@ -10,7 +10,7 @@
|
|
|
|
|
<template slot="extra">
|
|
|
|
|
<div class="tab-change"><i class="iconfont icon-xia" :class="{ active: !showKey.includes('1') }"></i></div>
|
|
|
|
|
</template>
|
|
|
|
|
<div class="mail-info" style="padding-bottom: 18px;">
|
|
|
|
|
<div class="mail-info">
|
|
|
|
|
<a-form-model :selfUpdate="true" ref="mailingFrom" :model="details" :rules="rules">
|
|
|
|
|
<a-row :gutter="10">
|
|
|
|
|
<a-col
|
|
|
|
@ -19,7 +19,7 @@
|
|
|
|
|
:sm="24"
|
|
|
|
|
:md="24"
|
|
|
|
|
:lg="10"
|
|
|
|
|
:xl="8">
|
|
|
|
|
:xl="11">
|
|
|
|
|
<a-form-model-item has-feedback prop="shipper" class="sender-label" style="overflow: hidden">
|
|
|
|
|
<div class="sender">
|
|
|
|
|
<a-tooltip v-if="details.carrierid === 'PIL'">
|
|
|
|
@ -181,51 +181,15 @@
|
|
|
|
|
:sm="24"
|
|
|
|
|
:md="24"
|
|
|
|
|
:lg="14"
|
|
|
|
|
:xl="16">
|
|
|
|
|
<a-row :gutter="4">
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="收货地代码"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="placereceiptid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="placereceiptid"
|
|
|
|
|
:defaultVal="details.placereceiptid"
|
|
|
|
|
searchApi="GetPortloadlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="收货地"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="placereceipt">
|
|
|
|
|
<inputView
|
|
|
|
|
type="placereceipt"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.placereceipt"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
:xl="13">
|
|
|
|
|
<a-row :gutter="16">
|
|
|
|
|
<div class="right-content-top">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label yarn-label"
|
|
|
|
|
label="场站"
|
|
|
|
|
:labelCol="{ xs: { span: 24 },
|
|
|
|
|
sm: { span: 5 },
|
|
|
|
|
md: { span: 5 }}"
|
|
|
|
|
:wrapperCol="{ xs: { span: 24 },
|
|
|
|
|
sm: { span: 19 },
|
|
|
|
|
md: { span: 19 }}"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
style="overflow: visible"
|
|
|
|
|
prop="yard">
|
|
|
|
@ -244,12 +208,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="场站费自结"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="feeself">
|
|
|
|
|
<a-radio-group size="small" v-model="details.feeself">
|
|
|
|
@ -258,127 +222,7 @@
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="装货港代码"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="portloadid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="portloadid"
|
|
|
|
|
:defaultVal="details.portloadid"
|
|
|
|
|
searchApi="GetPortloadlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="装货港"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="portload">
|
|
|
|
|
<inputView type="portload" size="small" :parentVal="details.portload" @getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="截港时间"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="closingdate">
|
|
|
|
|
<datePickerView
|
|
|
|
|
class="date-picker"
|
|
|
|
|
style="min-width: 100px"
|
|
|
|
|
:showTime="true"
|
|
|
|
|
:parentVal="details.closingdate"
|
|
|
|
|
type="closingdate"
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
@dateChange="dateChangeFun"></datePickerView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6" >
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="船代"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="shipagency"
|
|
|
|
|
>
|
|
|
|
|
<selectView
|
|
|
|
|
ref="shipagency"
|
|
|
|
|
type="shipagency"
|
|
|
|
|
:defaultVal="details.shipagency"
|
|
|
|
|
searchApi="GetForwarderlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['name', 'showCode']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="中转港代码"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="transportid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="transportid"
|
|
|
|
|
:defaultVal="details.transportid"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="中转港"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="transport">
|
|
|
|
|
<inputView
|
|
|
|
|
type="transport"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.transport"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="截单时间"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="closedocdate">
|
|
|
|
|
<datePickerView
|
|
|
|
|
class="date-picker"
|
|
|
|
|
style="min-width: 100px"
|
|
|
|
|
:showTime="true"
|
|
|
|
|
:parentVal="details.closedocdate"
|
|
|
|
|
type="closedocdate"
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
@dateChange="dateChangeFun"></datePickerView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="报关行"
|
|
|
|
@ -396,58 +240,7 @@
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="卸货港代码"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="portdischargeid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="portdischargeid"
|
|
|
|
|
:defaultVal="details.portdischargeid"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="卸货港"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="portdischarge">
|
|
|
|
|
<inputView
|
|
|
|
|
type="portdischarge"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.portdischarge"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="VGM时间"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="closevgmdate">
|
|
|
|
|
<datePickerView
|
|
|
|
|
class="date-picker"
|
|
|
|
|
style="min-width: 100px"
|
|
|
|
|
:showTime="true"
|
|
|
|
|
:parentVal="details.closevgmdate"
|
|
|
|
|
type="closevgmdate"
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
@dateChange="dateChangeFun"></datePickerView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="车队"
|
|
|
|
@ -465,60 +258,7 @@
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="目的地代码"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="destinationid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="destinationid"
|
|
|
|
|
:defaultVal="details.destinationid"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="目的地"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="destination">
|
|
|
|
|
<inputView
|
|
|
|
|
type="destination"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.destination"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="航线"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="lineName"
|
|
|
|
|
>
|
|
|
|
|
<selectView
|
|
|
|
|
type="lineName"
|
|
|
|
|
:defaultVal="details.lineName"
|
|
|
|
|
searchApi="GetTenantLineList"
|
|
|
|
|
:searchQuery="{ LineName: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="false"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="国外代理"
|
|
|
|
@ -545,41 +285,25 @@
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="交货地代码"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
label="仓库"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="placedeliveryid">
|
|
|
|
|
prop="warehouse">
|
|
|
|
|
<selectView
|
|
|
|
|
type="placedeliveryid"
|
|
|
|
|
:defaultVal="details.placedeliveryid"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
type="warehouse"
|
|
|
|
|
:defaultVal="details.warehouse"
|
|
|
|
|
searchApi="DjyCustomerpage"
|
|
|
|
|
:searchQuery="{ SearchValue: '', PropString: 'warehouse' }"
|
|
|
|
|
:showLabel="['shortName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="交货地"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="placedelivery">
|
|
|
|
|
<inputView
|
|
|
|
|
type="placedelivery"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.placedelivery"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.placedelivery" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="装运方式"
|
|
|
|
@ -598,248 +322,287 @@
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
</div>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="仓库"
|
|
|
|
|
label="截港时间"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="warehouse">
|
|
|
|
|
<selectView
|
|
|
|
|
type="warehouse"
|
|
|
|
|
:defaultVal="details.warehouse"
|
|
|
|
|
searchApi="DjyCustomerpage"
|
|
|
|
|
:searchQuery="{ SearchValue: '', PropString: 'warehouse' }"
|
|
|
|
|
:showLabel="['shortName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
prop="closingdate">
|
|
|
|
|
<datePickerView
|
|
|
|
|
class="date-picker"
|
|
|
|
|
style="min-width: 100px"
|
|
|
|
|
:showTime="true"
|
|
|
|
|
:parentVal="details.closingdate"
|
|
|
|
|
type="closingdate"
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
@dateChange="dateChangeFun"></datePickerView>
|
|
|
|
|
<!-- <a-date-picker
|
|
|
|
|
style="min-width:100px"
|
|
|
|
|
show-time
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
v-model="details.closingdate"
|
|
|
|
|
@change="closingdateChange"
|
|
|
|
|
>
|
|
|
|
|
<a-icon slot="suffixIcon" type="time" style="display: none" />
|
|
|
|
|
</a-date-picker> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<div style="height: 1px;background: rgb(170 176 185);margin: 5px 0;"></div>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="签单方式"
|
|
|
|
|
label="截单时间"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="issuetype"
|
|
|
|
|
prop="closedocdate">
|
|
|
|
|
<datePickerView
|
|
|
|
|
class="date-picker"
|
|
|
|
|
style="min-width: 100px"
|
|
|
|
|
:showTime="true"
|
|
|
|
|
:parentVal="details.closedocdate"
|
|
|
|
|
type="closedocdate"
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
@dateChange="dateChangeFun"></datePickerView>
|
|
|
|
|
<!-- <a-date-picker
|
|
|
|
|
style="min-width:100px"
|
|
|
|
|
show-time
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
v-model="details.closedocdate"
|
|
|
|
|
@change="closedocdateChange"
|
|
|
|
|
>
|
|
|
|
|
<selectView
|
|
|
|
|
type="issuetype"
|
|
|
|
|
:defaultVal="details.issuetype"
|
|
|
|
|
searchApi="Codeissuetypelist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['enName', 'cnName']"
|
|
|
|
|
:openSearch="false"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
<a-icon slot="suffixIcon" type="time" style="display: none" />
|
|
|
|
|
</a-date-picker> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="签单日期"
|
|
|
|
|
label="VGM时间"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="issuedate"
|
|
|
|
|
>
|
|
|
|
|
prop="closevgmdate">
|
|
|
|
|
<datePickerView
|
|
|
|
|
class="date-picker"
|
|
|
|
|
:parentVal="details.issuedate"
|
|
|
|
|
type="issuedate"
|
|
|
|
|
format="YYYY-MM-DD"
|
|
|
|
|
@dateChange="dateChangeFun"
|
|
|
|
|
></datePickerView>
|
|
|
|
|
<!-- <a-date-picker size="small" v-model="details.issuedate" format="YYYY-MM-DD" /> -->
|
|
|
|
|
style="min-width: 100px"
|
|
|
|
|
:showTime="true"
|
|
|
|
|
:parentVal="details.closevgmdate"
|
|
|
|
|
type="closevgmdate"
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
@dateChange="dateChangeFun"></datePickerView>
|
|
|
|
|
<!-- <a-date-picker
|
|
|
|
|
style="min-width:100px"
|
|
|
|
|
show-time
|
|
|
|
|
format="YYYY-MM-DD HH:00"
|
|
|
|
|
v-model="details.closevgmdate"
|
|
|
|
|
@change="closevgmdateChange"
|
|
|
|
|
>
|
|
|
|
|
<a-icon slot="suffixIcon" type="time" style="display: none" />
|
|
|
|
|
</a-date-picker> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="签单地点"
|
|
|
|
|
label="收货地代码"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="issueplace"
|
|
|
|
|
>
|
|
|
|
|
prop="placereceiptid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="issueplace"
|
|
|
|
|
:defaultVal="details.issueplace"
|
|
|
|
|
type="placereceiptid"
|
|
|
|
|
:defaultVal="details.placereceiptid"
|
|
|
|
|
searchApi="GetPortloadlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['enName']"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="签单地代码"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
label="收货地"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="issueplaceid"
|
|
|
|
|
>
|
|
|
|
|
<inputView type="issueplaceid" size="small" :parentVal="details.issueplaceid" @getInputChange="inputChange"/>
|
|
|
|
|
prop="placereceipt">
|
|
|
|
|
<inputView
|
|
|
|
|
type="placereceipt"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.placereceipt"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="付费方式"
|
|
|
|
|
label="装货港代码"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="blfrt"
|
|
|
|
|
>
|
|
|
|
|
prop="portloadid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="blfrt"
|
|
|
|
|
:defaultVal="details.blfrt"
|
|
|
|
|
searchApi="GetFrt"
|
|
|
|
|
type="portloadid"
|
|
|
|
|
:defaultVal="details.portloadid"
|
|
|
|
|
searchApi="GetPortloadlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['enName']"
|
|
|
|
|
:openSearch="false"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="预付地点"
|
|
|
|
|
label="装货港"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="prepardat"
|
|
|
|
|
>
|
|
|
|
|
<selectView
|
|
|
|
|
type="prepardat"
|
|
|
|
|
:defaultVal="details.prepardat"
|
|
|
|
|
searchApi="GetPortloadlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
prop="portload">
|
|
|
|
|
<inputView type="portload" size="small" :parentVal="details.portload" @getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="到付地点"
|
|
|
|
|
label="中转港代码"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="payableat"
|
|
|
|
|
>
|
|
|
|
|
prop="transportid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="payableat"
|
|
|
|
|
:defaultVal="details.payableat"
|
|
|
|
|
type="transportid"
|
|
|
|
|
:defaultVal="details.transportid"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['enName']"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="第三付款地"
|
|
|
|
|
:labelCol="labelColCode"
|
|
|
|
|
:wrapperCol="wrapperColCode"
|
|
|
|
|
label="中转港"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="thirdpayaddr"
|
|
|
|
|
>
|
|
|
|
|
<inputView type="thirdpayaddr" size="small" :parentVal="details.thirdpayaddr" @getInputChange="inputChange"/>
|
|
|
|
|
prop="transport">
|
|
|
|
|
<inputView
|
|
|
|
|
type="transport"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.transport"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="运输条款"
|
|
|
|
|
label="卸货港代码"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="service"
|
|
|
|
|
>
|
|
|
|
|
prop="portdischargeid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="service"
|
|
|
|
|
:defaultVal="details.service"
|
|
|
|
|
searchApi="GetService"
|
|
|
|
|
type="portdischargeid"
|
|
|
|
|
:defaultVal="details.portdischargeid"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="提单份数"
|
|
|
|
|
label="卸货港"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="nobill"
|
|
|
|
|
>
|
|
|
|
|
<selectView
|
|
|
|
|
type="nobill"
|
|
|
|
|
:defaultVal="details.nobill"
|
|
|
|
|
searchApi="nobillData"
|
|
|
|
|
:searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="false"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
prop="portdischarge">
|
|
|
|
|
<inputView
|
|
|
|
|
type="portdischarge"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.portdischarge"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="副本份数"
|
|
|
|
|
label="目的地代码"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="copynobill"
|
|
|
|
|
>
|
|
|
|
|
prop="destinationid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="copynobill"
|
|
|
|
|
:defaultVal="details.copynobill"
|
|
|
|
|
searchApi="copynobilllData"
|
|
|
|
|
:searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="false"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
></selectView>
|
|
|
|
|
type="destinationid"
|
|
|
|
|
:defaultVal="details.destinationid"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="24">
|
|
|
|
|
<div style="height: 1px;background: rgb(170 176 185);margin: 5px 0;"></div>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="目的地"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="destination">
|
|
|
|
|
<inputView
|
|
|
|
|
type="destination"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.destination"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item prop="soremark">
|
|
|
|
|
<div class="tit" :class="{'required':rules['soremark'] && rules['soremark'][0].required}"><span class="iconfont icon-bianji"></span>订舱备注</div>
|
|
|
|
|
<a-textarea style="height: 120px !important;" class="input-box" v-model="details.soremark" />
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="交货地代码"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="placedeliveryid">
|
|
|
|
|
<selectView
|
|
|
|
|
type="placedeliveryid"
|
|
|
|
|
:defaultVal="details.placedeliveryid"
|
|
|
|
|
searchApi="GetPortlist"
|
|
|
|
|
:searchQuery="{ KeyWord: '' }"
|
|
|
|
|
:showLabel="['ediCode', 'enName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item prop="siremark">
|
|
|
|
|
<div class="tit" :class="{'required':rules['siremark'] && rules['siremark'][0].required}"><span class="iconfont icon-bianji"></span>截单备注</div>
|
|
|
|
|
<a-textarea style="height: 120px !important;" class="input-box" v-model="details.siremark" data-next="box-ctnall"/>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="交货地"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="placedelivery">
|
|
|
|
|
<inputView
|
|
|
|
|
type="placedelivery"
|
|
|
|
|
size="small"
|
|
|
|
|
:parentVal="details.placedelivery"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
<!-- <a-input :allowClear="true" v-model="details.placedelivery" /> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<!-- <a-col :span="12">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label pkgs-line-box"
|
|
|
|
|
label="件数"
|
|
|
|
@ -848,6 +611,7 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="pkgs">
|
|
|
|
|
<div class="line-box">
|
|
|
|
|
<!-- <inputView type="pkgs" :parentVal="details.pkgs" inputType="number" @getInputChange="inputChange"/> -->
|
|
|
|
|
<a-input
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
size="small"
|
|
|
|
@ -886,6 +650,7 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="kgs">
|
|
|
|
|
<div class="line-box">
|
|
|
|
|
<!-- <inputView type="kgs" :parentVal="details.kgs" @getInputChange="inputChange"/> -->
|
|
|
|
|
<a-input size="small" :allowClear="true" v-model="details.kgs" />
|
|
|
|
|
<i class="iconfont icon-bianji1 edit-icon" @click="editTextEntryModel('kgs')"></i>
|
|
|
|
|
<span class="unit">KGS</span>
|
|
|
|
@ -901,12 +666,13 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="cbm">
|
|
|
|
|
<div class="line-box">
|
|
|
|
|
<!-- <inputView type="cbm" :parentVal="details.cbm" @getInputChange="inputChange"/> -->
|
|
|
|
|
<a-input size="small" :allowClear="true" v-model="details.cbm" />
|
|
|
|
|
<i class="iconfont icon-bianji1 edit-icon" @click="editTextEntryModel('cbm')"></i>
|
|
|
|
|
<span class="unit">CBM</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col> -->
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
@ -1236,16 +1002,6 @@ export default {
|
|
|
|
|
sm: { span: 16 },
|
|
|
|
|
md: { span: 16 }
|
|
|
|
|
},
|
|
|
|
|
labelColCode: {
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 8 },
|
|
|
|
|
md: { span: 10 }
|
|
|
|
|
},
|
|
|
|
|
wrapperColCode: {
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 16 },
|
|
|
|
|
md: { span: 14 }
|
|
|
|
|
},
|
|
|
|
|
YardlabelCol: {
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 1 },
|
|
|
|
@ -1361,7 +1117,6 @@ export default {
|
|
|
|
|
this.details.portload = 'QINGDAO,CHINA'
|
|
|
|
|
this.details.placereceipt = 'QINGDAO,CHINA'
|
|
|
|
|
}
|
|
|
|
|
this.$refs.shipagency.value = this.frompre[0].forwarder
|
|
|
|
|
},
|
|
|
|
|
debounce(func, wait, ...args) {
|
|
|
|
|
if (timer) clearTimeout(timer)
|
|
|
|
@ -1887,30 +1642,6 @@ export default {
|
|
|
|
|
this.$emit('pkgsEnCapital', enCapitalRes)
|
|
|
|
|
} else if (['shippingMethod'].includes(type)) {
|
|
|
|
|
this.details.shippingMethod = res['name'] || ''
|
|
|
|
|
} else if (type === 'shipagency') {
|
|
|
|
|
this.details.shipagency = res.name || ''
|
|
|
|
|
this.details.shipagencyid = res.code || ''
|
|
|
|
|
} else if (type === 'lineName') {
|
|
|
|
|
this.details[type] = res.name || ''
|
|
|
|
|
this.$emit('editLineName', true)
|
|
|
|
|
} else if (['issuetype', 'blfrt'].includes(type)) {
|
|
|
|
|
this.details[type] = res.enName || ''
|
|
|
|
|
if (type === 'blfrt') {
|
|
|
|
|
if (this.details.blfrt === 'FREIGHT COLLECT') {
|
|
|
|
|
this.details.payableat = this.details.payableat ? this.details.payableat : this.details.portdischarge || ''
|
|
|
|
|
this.details.payableatid = this.details.payableatid ? this.details.payableatid : this.details.portdischargeid || ''
|
|
|
|
|
} else {
|
|
|
|
|
this.details.prepardat = this.details.prepardat ? this.details.prepardat : this.details.portload || ''
|
|
|
|
|
this.details.prepardatid = this.details.prepardatid ? this.details.prepardatid : this.details.portloadid || ''
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else if (['issueplace', 'prepardat', 'payableat'].includes(type)) {
|
|
|
|
|
this.details[type] = res.enName || ''
|
|
|
|
|
this.details[`${type}id`] = res.ediCode || ''
|
|
|
|
|
} else if (['service'].includes(type)) {
|
|
|
|
|
this.details[type] = res.name || ''
|
|
|
|
|
} else if (['nobill', 'copynobill'].includes(type)) {
|
|
|
|
|
this.details[type] = res.code || ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
dateChangeFun({ type, value }) {
|
|
|
|
@ -1940,7 +1671,4 @@ export default {
|
|
|
|
|
color: @primary-color;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.tit{
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|