|
|
|
@ -2,62 +2,121 @@
|
|
|
|
|
<div class="basic-info">
|
|
|
|
|
<x-card style="padding-top: 15px;">
|
|
|
|
|
<div slot="content" style="margin-top: -24px;">
|
|
|
|
|
<a-form-model style="margin-bottom: 10px" size="small" ref="basicFrom" :selfUpdate="true" :model="details"
|
|
|
|
|
<a-form-model
|
|
|
|
|
style="margin-bottom: 10px"
|
|
|
|
|
size="small"
|
|
|
|
|
ref="basicFrom"
|
|
|
|
|
:selfUpdate="true"
|
|
|
|
|
:model="details"
|
|
|
|
|
:rules="rules">
|
|
|
|
|
<a-row class="from-box">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" prop="customername" label="委托单位" :labelCol="labelCol4"
|
|
|
|
|
:wrapperCol="wrapperCol4" has-feedback>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
prop="customername"
|
|
|
|
|
label="委托单位"
|
|
|
|
|
:labelCol="labelCol4"
|
|
|
|
|
:wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<div class="customer-box">
|
|
|
|
|
<selectView type="customername" :defaultVal="details.customername" searchApi="DjyCustomerSuggest"
|
|
|
|
|
:searchQuery="{ keyword: '', type: 'consignor' }" :showLabel="['shortName']" :openSearch="true"
|
|
|
|
|
:disabled="BookingLockOrder['CUSTOMERNAME'] && isLockBooking" :isCopy="true"
|
|
|
|
|
@change="getSelectViewRes" style="flex: 1; margin-top: -4px"></selectView>
|
|
|
|
|
<span class="customer-btn iconfont icon-touxiang" @click.stop="changeCustomer('select')"
|
|
|
|
|
<selectView
|
|
|
|
|
type="customername"
|
|
|
|
|
:defaultVal="details.customername"
|
|
|
|
|
searchApi="DjyCustomerSuggest"
|
|
|
|
|
:searchQuery="{ keyword: '', type: 'consignor' }"
|
|
|
|
|
:showLabel="['shortName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:disabled="BookingLockOrder['CUSTOMERNAME'] && isLockBooking"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
style="flex: 1; margin-top: -4px"></selectView>
|
|
|
|
|
<span
|
|
|
|
|
class="customer-btn iconfont icon-touxiang"
|
|
|
|
|
@click.stop="changeCustomer('select')"
|
|
|
|
|
:style="{ paddingRight: '0px' }"></span>
|
|
|
|
|
<span class="customer-btn iconfont icon-jiahao2fill" @click.stop="changeCustomer('add')"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" prop="thirdPay" label="第三方" :labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
prop="thirdPay"
|
|
|
|
|
label="第三方"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<div class="customer-box">
|
|
|
|
|
<selectView type="thirdPay" :defaultVal="details.thirdPay" searchApi="DjyCustomerSuggest"
|
|
|
|
|
:searchQuery="{ keyword: '', type: 'consignor' }" :showLabel="['shortName']"
|
|
|
|
|
:disabled="BookingLockOrder['thirdPay'] && isLockBooking" :openSearch="true" :isCopy="true"
|
|
|
|
|
@change="getSelectViewRes" style="flex: 1; margin-top: -4px"></selectView>
|
|
|
|
|
<selectView
|
|
|
|
|
type="thirdPay"
|
|
|
|
|
:defaultVal="details.thirdPay"
|
|
|
|
|
searchApi="DjyCustomerSuggest"
|
|
|
|
|
:searchQuery="{ keyword: '', type: 'consignor' }"
|
|
|
|
|
:showLabel="['shortName']"
|
|
|
|
|
:disabled="BookingLockOrder['thirdPay'] && isLockBooking"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
style="flex: 1; margin-top: -4px"></selectView>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="PO NO" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback prop="pono">
|
|
|
|
|
<inputView :ishd="BookingLockOrder['pono'] && isLockBooking" type="pono" :parentVal="details.pono"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="PO NO"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="pono">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['pono'] && isLockBooking"
|
|
|
|
|
type="pono"
|
|
|
|
|
:parentVal="details.pono"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="船公司" prop="carrierid" :labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<selectView ref="carrierid" type="carrierid" :defaultVal="details.carrierid" searchApi="GetCarrierlist"
|
|
|
|
|
:searchQuery="{ keyword: '', type: 'consignor' }" :showLabel="['cnName', 'code']"
|
|
|
|
|
:disabled="BookingLockOrder['carrier'] && isLockBooking" :openSearch="false"
|
|
|
|
|
@change="getSelectViewRes" style="flex: 1; margin-top: -4px"></selectView>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="船公司"
|
|
|
|
|
prop="carrierid"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<selectView
|
|
|
|
|
ref="carrierid"
|
|
|
|
|
type="carrierid"
|
|
|
|
|
:defaultVal="details.carrierid"
|
|
|
|
|
searchApi="GetCarrierlist"
|
|
|
|
|
:searchQuery="{ keyword: '', type: 'consignor' }"
|
|
|
|
|
:showLabel="['cnName', 'code']"
|
|
|
|
|
:disabled="BookingLockOrder['carrier'] && isLockBooking"
|
|
|
|
|
:openSearch="false"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
style="flex: 1; margin-top: -4px"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="是否占舱" :labelCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 9 },
|
|
|
|
|
md: { span: 9 }
|
|
|
|
|
}" :wrapperCol="{
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="是否占舱"
|
|
|
|
|
:labelCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 9 },
|
|
|
|
|
md: { span: 9 }
|
|
|
|
|
}"
|
|
|
|
|
:wrapperCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 12 },
|
|
|
|
|
md: { span: 12 }
|
|
|
|
|
}" has-feedback prop="zhanCangFlag">
|
|
|
|
|
}"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="zhanCangFlag">
|
|
|
|
|
<div class="date-box">
|
|
|
|
|
<a-radio-group :disabled="BookingLockOrder['zhanCangFlag'] && isLockBooking" size="small"
|
|
|
|
|
<a-radio-group
|
|
|
|
|
:disabled="BookingLockOrder['zhanCangFlag'] && isLockBooking"
|
|
|
|
|
size="small"
|
|
|
|
|
v-model="details.zhanCangFlag">
|
|
|
|
|
<a-radio size="small" value="是"> 是 </a-radio>
|
|
|
|
|
<a-radio size="small" value="否"> 否 </a-radio>
|
|
|
|
@ -66,55 +125,101 @@
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="订舱编号" :labelCol="labelCol4" :wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback prop="custno">
|
|
|
|
|
<inputView :ishd="BookingLockOrder['custno'] && isLockBooking" type="custno" :parentVal="details.custno"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="订舱编号"
|
|
|
|
|
:labelCol="labelCol4"
|
|
|
|
|
:wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="custno">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['custno'] && isLockBooking"
|
|
|
|
|
type="custno"
|
|
|
|
|
:parentVal="details.custno"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="提单号" prop="mblno" :labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2" has-feedback>
|
|
|
|
|
<inputView type="mblno" :parentVal="details.mblno" :ishd="BookingLockOrder['mblno'] && isLockBooking"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="提单号"
|
|
|
|
|
prop="mblno"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<inputView
|
|
|
|
|
type="mblno"
|
|
|
|
|
:parentVal="details.mblno"
|
|
|
|
|
:ishd="BookingLockOrder['mblno'] && isLockBooking"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="分提单号" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback prop="hblno">
|
|
|
|
|
<inputView :ishd="BookingLockOrder['hblno'] && isLockBooking" type="hblno" :parentVal="details.hblno"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="分提单号"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="hblno">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['hblno'] && isLockBooking"
|
|
|
|
|
type="hblno"
|
|
|
|
|
:parentVal="details.hblno"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="订舱代理" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback prop="forwarder">
|
|
|
|
|
<selectView type="forwarder" ref="forwarder" :defaultVal="details.forwarder" :agentFilter="agentFilter"
|
|
|
|
|
:details="details" searchApi="DjyCustomerSuggest"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="订舱代理"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="forwarder">
|
|
|
|
|
<selectView
|
|
|
|
|
type="forwarder"
|
|
|
|
|
ref="forwarder"
|
|
|
|
|
:defaultVal="details.forwarder"
|
|
|
|
|
:agentFilter="agentFilter"
|
|
|
|
|
:details="details"
|
|
|
|
|
searchApi="DjyCustomerSuggest"
|
|
|
|
|
:disabled="BookingLockOrder['forwarder'] && isLockBooking"
|
|
|
|
|
:searchQuery="{ keyword: '', type: 'booking_agent' }" :showLabel="['shortName']" :openSearch="true"
|
|
|
|
|
@change="getSelectViewRes" style="flex: 1; margin-top: -4px"></selectView>
|
|
|
|
|
:searchQuery="{ keyword: '', type: 'booking_agent' }"
|
|
|
|
|
:showLabel="['shortName']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"
|
|
|
|
|
style="flex: 1; margin-top: -4px"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<template>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" :labelCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 10 },
|
|
|
|
|
md: { span: 10 }
|
|
|
|
|
}" :wrapperCol="{
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
:labelCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 10 },
|
|
|
|
|
md: { span: 10 }
|
|
|
|
|
}"
|
|
|
|
|
:wrapperCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 14 },
|
|
|
|
|
md: { span: 14 }
|
|
|
|
|
}" has-feedback>
|
|
|
|
|
}"
|
|
|
|
|
has-feedback>
|
|
|
|
|
<span slot="label"> <span class="mustRed">运费协议号</span> </span>
|
|
|
|
|
<div class="copy-box">
|
|
|
|
|
<template>
|
|
|
|
|
<autoView class="copy-input" type="contractno"
|
|
|
|
|
:disabled="BookingLockOrder['contractno'] && isLockBooking" :defaultVal="details.contractno"
|
|
|
|
|
:dropdownStyle="{ width: '300px' }" searchApi="getContractno"
|
|
|
|
|
<autoView
|
|
|
|
|
class="copy-input"
|
|
|
|
|
type="contractno"
|
|
|
|
|
:disabled="BookingLockOrder['contractno'] && isLockBooking"
|
|
|
|
|
:defaultVal="details.contractno"
|
|
|
|
|
:dropdownStyle="{ width: '300px' }"
|
|
|
|
|
searchApi="getContractno"
|
|
|
|
|
:searchQuery="{ queryItem: '', top: 50, laneCName: this.details.lineName, carrier: this.details.carrierid, pod: this.details.destinationid }"
|
|
|
|
|
:showLabel="['contractNo']" @select="getAutoViewRes"></autoView>
|
|
|
|
|
:showLabel="['contractNo']"
|
|
|
|
|
@select="getAutoViewRes"></autoView>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
@ -122,20 +227,36 @@
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="details.carrierid === 'ESL'">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="EP号" :labelCol="labelCol4" :wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback prop="epCode">
|
|
|
|
|
<inputView :ishd="BookingLockOrder['epCode'] && isLockBooking" type="epCode"
|
|
|
|
|
:parentVal="details.epCode" @getInputChange="inputChange" />
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="EP号"
|
|
|
|
|
:labelCol="labelCol4"
|
|
|
|
|
:wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="epCode">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['epCode'] && isLockBooking"
|
|
|
|
|
type="epCode"
|
|
|
|
|
:parentVal="details.epCode"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
<template
|
|
|
|
|
v-if="['VOLTA', 'WHL', 'CSL', 'MSC', 'VOL', 'MSCFD', 'REL', 'FCS', 'YML'].includes(details.carrierid)">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="{ span: '4-8' }">
|
|
|
|
|
<a-form-model-item class="from-label" label="真提单号" :labelCol="labelCol4" :wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback prop="tmblno">
|
|
|
|
|
<inputView :ishd="BookingLockOrder['tmblno'] && isLockBooking" type="tmblno"
|
|
|
|
|
:parentVal="details.tmblno" @getInputChange="inputChange" />
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="真提单号"
|
|
|
|
|
:labelCol="labelCol4"
|
|
|
|
|
:wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="tmblno">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['tmblno'] && isLockBooking"
|
|
|
|
|
type="tmblno"
|
|
|
|
|
:parentVal="details.tmblno"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
@ -143,163 +264,326 @@
|
|
|
|
|
<div class="from-box2">
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="5">
|
|
|
|
|
<a-form-model-item class="from-label" label="开船日期" :labelCol="labelCol4" :wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback prop="etd">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="开船日期"
|
|
|
|
|
:labelCol="labelCol4"
|
|
|
|
|
:wrapperCol="wrapperCol4"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="etd">
|
|
|
|
|
<div class="date-box">
|
|
|
|
|
<datePickerView class="date-picker" :disabled="BookingLockOrder['etd'] && isLockBooking"
|
|
|
|
|
:parentVal="details.etd" type="etd" format="YYYY-MM-DD" @dateChange="dateChangeFun"
|
|
|
|
|
<datePickerView
|
|
|
|
|
class="date-picker"
|
|
|
|
|
:disabled="BookingLockOrder['etd'] && isLockBooking"
|
|
|
|
|
:parentVal="details.etd"
|
|
|
|
|
type="etd"
|
|
|
|
|
format="YYYY-MM-DD"
|
|
|
|
|
@dateChange="dateChangeFun"
|
|
|
|
|
style="margin-top: -5px"></datePickerView>
|
|
|
|
|
<span class="week" v-if="etdWeek && etdWeek !== 'NaN'">W{{ etdWeek || '--' }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="6">
|
|
|
|
|
<a-form-model-item class="from-label" label="船名" :labelCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 4 },
|
|
|
|
|
md: { span: 4 }
|
|
|
|
|
}" :wrapperCol="{
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="船名"
|
|
|
|
|
:labelCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 4 },
|
|
|
|
|
md: { span: 4 }
|
|
|
|
|
}"
|
|
|
|
|
:wrapperCol="{
|
|
|
|
|
xs: { span: 24 },
|
|
|
|
|
sm: { span: 20 },
|
|
|
|
|
md: { span: 20 }
|
|
|
|
|
}" has-feedback prop="vessel">
|
|
|
|
|
}"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="vessel">
|
|
|
|
|
<div class="copy-box">
|
|
|
|
|
<selectView class="copy-input" ref="vesselView" type="vessel"
|
|
|
|
|
:disabled="BookingLockOrder['vessel'] && isLockBooking" :defaultVal="details.vessel"
|
|
|
|
|
searchApi="getVesselInfoService" :searchQuery="{
|
|
|
|
|
<selectView
|
|
|
|
|
class="copy-input"
|
|
|
|
|
ref="vesselView"
|
|
|
|
|
type="vessel"
|
|
|
|
|
:disabled="BookingLockOrder['vessel'] && isLockBooking"
|
|
|
|
|
:defaultVal="details.vessel"
|
|
|
|
|
searchApi="getVesselInfoService"
|
|
|
|
|
:searchQuery="{
|
|
|
|
|
KeyWord: '',
|
|
|
|
|
CarrierID: this.details.carrierid || 'CMA',
|
|
|
|
|
ETD: this.details.etd || ''
|
|
|
|
|
}" :showLabel="['vessel']" :openSearch="true" @change="getSelectViewRes"></selectView>
|
|
|
|
|
}"
|
|
|
|
|
:showLabel="['vessel']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<template v-if="details.carrierid === 'ESL'">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="8" :lg="{ span: '4-8' }" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="内部航次" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback prop="voynoinner">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="内部航次"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="voynoinner">
|
|
|
|
|
<!-- 内部航次暂无接口, 暂时改为输入框 -->
|
|
|
|
|
<inputView :ishd="true" type="voynoinner" :parentVal="details.voynoinner"
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="true"
|
|
|
|
|
type="voynoinner"
|
|
|
|
|
:parentVal="details.voynoinner"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="8" :lg="{ span: '4-8' }" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="内部航次" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback prop="voynoinner">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="内部航次"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="voynoinner">
|
|
|
|
|
<!-- 内部航次暂无接口, 暂时改为输入框 -->
|
|
|
|
|
<inputView :ishd="true" type="voynoinner" :parentVal="details.voynoinner"
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="true"
|
|
|
|
|
type="voynoinner"
|
|
|
|
|
:parentVal="details.voynoinner"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="details.carrierid === 'ESL'">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="航次" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback prop="voyno">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="航次"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="voyno">
|
|
|
|
|
<inputView :ishd="true" type="voyno" :parentVal="details.voyno" @getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="海关航次" :labelCol="labelCol2" :wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback prop="voyno">
|
|
|
|
|
<inputView :ishd="true" ref="voyno" type="voyno" :parentVal="details.voyno"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="海关航次"
|
|
|
|
|
:labelCol="labelCol2"
|
|
|
|
|
:wrapperCol="wrapperCol2"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="voyno">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="true"
|
|
|
|
|
ref="voyno"
|
|
|
|
|
type="voyno"
|
|
|
|
|
:parentVal="details.voyno"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</template>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="{ span: '4-8' }" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="船司航线" :labelCol="labelCol" :wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback prop="lanename">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="船司航线"
|
|
|
|
|
:labelCol="labelCol"
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="lanename">
|
|
|
|
|
<!-- 航线暂无接口, 暂时改为输入框-->
|
|
|
|
|
<inputView :ishd="BookingLockOrder['lanename'] && isLockBooking" type="lanename"
|
|
|
|
|
:parentVal="details.lanename" @getInputChange="inputChange" />
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['lanename'] && isLockBooking"
|
|
|
|
|
type="lanename"
|
|
|
|
|
:parentVal="details.lanename"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row :gutter="10">
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="揽货人" :labelCol="userLabelCol" :wrapperCol="userWrapperCol"
|
|
|
|
|
has-feedback prop="sale">
|
|
|
|
|
<selectView type="sale" :disabled="true" :defaultVal="details.sale" searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }" :showLabel="['name']" :openSearch="true" @change="getSelectViewRes">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="揽货人"
|
|
|
|
|
:labelCol="userLabelCol"
|
|
|
|
|
:wrapperCol="userWrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="sale">
|
|
|
|
|
<selectView
|
|
|
|
|
type="sale"
|
|
|
|
|
:disabled="true"
|
|
|
|
|
:defaultVal="details.sale"
|
|
|
|
|
searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes">
|
|
|
|
|
</selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="客服" :labelCol="userLabelCol1" :wrapperCol="userWrapperCol1"
|
|
|
|
|
has-feedback prop="custservice">
|
|
|
|
|
<selectView type="custservice" :defaultVal="details.custservice"
|
|
|
|
|
:disabled="BookingLockOrder['custservice'] && isLockBooking" searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }" :showLabel="['name']" :openSearch="true" @change="getSelectViewRes">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="客服"
|
|
|
|
|
:labelCol="userLabelCol1"
|
|
|
|
|
:wrapperCol="userWrapperCol1"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="custservice">
|
|
|
|
|
<selectView
|
|
|
|
|
type="custservice"
|
|
|
|
|
:defaultVal="details.custservice"
|
|
|
|
|
:disabled="BookingLockOrder['custservice'] && isLockBooking"
|
|
|
|
|
searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes">
|
|
|
|
|
</selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="操作" :labelCol="userLabelCol1" :wrapperCol="userWrapperCol1"
|
|
|
|
|
has-feedback prop="op">
|
|
|
|
|
<selectView type="op" :defaultVal="details.op" searchApi="GetSysUserPage"
|
|
|
|
|
:disabled="BookingLockOrder['op'] && isLockBooking" :searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']" :openSearch="true" @change="getSelectViewRes"></selectView>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="操作"
|
|
|
|
|
:labelCol="userLabelCol1"
|
|
|
|
|
:wrapperCol="userWrapperCol1"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="op">
|
|
|
|
|
<selectView
|
|
|
|
|
type="op"
|
|
|
|
|
:defaultVal="details.op"
|
|
|
|
|
searchApi="GetSysUserPage"
|
|
|
|
|
:disabled="BookingLockOrder['op'] && isLockBooking"
|
|
|
|
|
:searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="单证" :labelCol="userLabelCol1" :wrapperCol="userWrapperCol1"
|
|
|
|
|
has-feedback prop="doc">
|
|
|
|
|
<selectView type="doc" :defaultVal="details.doc" :disabled="BookingLockOrder['doc'] && isLockBooking"
|
|
|
|
|
searchApi="GetSysUserPage" :searchQuery="{ name: '' }" :showLabel="['name']" :openSearch="true"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="单证"
|
|
|
|
|
:labelCol="userLabelCol1"
|
|
|
|
|
:wrapperCol="userWrapperCol1"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="doc">
|
|
|
|
|
<selectView
|
|
|
|
|
type="doc"
|
|
|
|
|
:defaultVal="details.doc"
|
|
|
|
|
:disabled="BookingLockOrder['doc'] && isLockBooking"
|
|
|
|
|
searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="航线操作" :labelCol="userLabelCol" :wrapperCol="userWrapperCol"
|
|
|
|
|
has-feedback prop="route">
|
|
|
|
|
<selectView type="route" :defaultVal="details.route"
|
|
|
|
|
:disabled="BookingLockOrder['route'] && isLockBooking" searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }" :showLabel="['name']" :openSearch="true" :isCopy="true"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="航线操作"
|
|
|
|
|
:labelCol="userLabelCol"
|
|
|
|
|
:wrapperCol="userWrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="route">
|
|
|
|
|
<selectView
|
|
|
|
|
type="route"
|
|
|
|
|
:defaultVal="details.route"
|
|
|
|
|
:disabled="BookingLockOrder['route'] && isLockBooking"
|
|
|
|
|
searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
:isCopy="true"
|
|
|
|
|
@change="getSelectViewRes"></selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="航线管理" :labelCol="userLabelCol" :wrapperCol="userWrapperCol"
|
|
|
|
|
has-feedback prop="lineManage">
|
|
|
|
|
<selectView type="lineManage" :defaultVal="details.lineManage"
|
|
|
|
|
:disabled="BookingLockOrder['LineManage'] && isLockBooking" searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }" :showLabel="['name']" :openSearch="true" @change="getSelectViewRes">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="航线管理"
|
|
|
|
|
:labelCol="userLabelCol"
|
|
|
|
|
:wrapperCol="userWrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="lineManage">
|
|
|
|
|
<selectView
|
|
|
|
|
type="lineManage"
|
|
|
|
|
:defaultVal="details.lineManage"
|
|
|
|
|
:disabled="BookingLockOrder['LineManage'] && isLockBooking"
|
|
|
|
|
searchApi="GetSysUserPage"
|
|
|
|
|
:searchQuery="{ name: '' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes">
|
|
|
|
|
</selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row :gutter="10">
|
|
|
|
|
<a-col :xs="24" :sm="9" :md="9" :lg="9" :xl="7">
|
|
|
|
|
<a-form-model-item class="from-label" label="操作备注" :labelCol="labelCol3" :wrapperCol="wrapperCol3"
|
|
|
|
|
has-feedback prop="czRemark">
|
|
|
|
|
<inputView :ishd="BookingLockOrder['czRemark'] && isLockBooking" type="czRemark"
|
|
|
|
|
:parentVal="details.czRemark" @getInputChange="inputChange" />
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="操作备注"
|
|
|
|
|
:labelCol="labelCol3"
|
|
|
|
|
:wrapperCol="wrapperCol3"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="czRemark">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['czRemark'] && isLockBooking"
|
|
|
|
|
type="czRemark"
|
|
|
|
|
:parentVal="details.czRemark"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="24" :sm="9" :md="9" :lg="9" :xl="7">
|
|
|
|
|
<a-form-model-item class="from-label" label="单证备注" :labelCol="labelCol3" :wrapperCol="wrapperCol3"
|
|
|
|
|
has-feedback prop="dzRemark">
|
|
|
|
|
<inputView :ishd="BookingLockOrder['dzRemark'] && isLockBooking" type="dzRemark"
|
|
|
|
|
:parentVal="details.dzRemark" @getInputChange="inputChange" />
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="单证备注"
|
|
|
|
|
:labelCol="labelCol3"
|
|
|
|
|
:wrapperCol="wrapperCol3"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="dzRemark">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['dzRemark'] && isLockBooking"
|
|
|
|
|
type="dzRemark"
|
|
|
|
|
:parentVal="details.dzRemark"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6">
|
|
|
|
|
<a-form-model-item class="from-label" label="申请箱使" :labelCol="labelCol3" :wrapperCol="wrapperCol3"
|
|
|
|
|
has-feedback prop="shenQingXiangShi">
|
|
|
|
|
<inputView :ishd="BookingLockOrder['shenQingXiangShi'] && isLockBooking" type="shenQingXiangShi"
|
|
|
|
|
:parentVal="details.shenQingXiangShi" @getInputChange="inputChange" />
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="申请箱使"
|
|
|
|
|
:labelCol="labelCol3"
|
|
|
|
|
:wrapperCol="wrapperCol3"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="shenQingXiangShi">
|
|
|
|
|
<inputView
|
|
|
|
|
:ishd="BookingLockOrder['shenQingXiangShi'] && isLockBooking"
|
|
|
|
|
type="shenQingXiangShi"
|
|
|
|
|
:parentVal="details.shenQingXiangShi"
|
|
|
|
|
@getInputChange="inputChange" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xs="24" :sm="9" :md="9" :lg="9" :xl="4">
|
|
|
|
|
<a-form-model-item class="from-label" label="分单操作" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }"
|
|
|
|
|
has-feedback prop="subOp">
|
|
|
|
|
<selectView type="subOp" :defaultVal="details.subOp" searchApi="GetTenantUserByRole"
|
|
|
|
|
:searchQuery="{ keyword: '', roleCode: 'OpFen' }" :showLabel="['name']" :openSearch="true"
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
class="from-label"
|
|
|
|
|
label="分单操作"
|
|
|
|
|
:labelCol="{ span: 8 }"
|
|
|
|
|
:wrapperCol="{ span: 16 }"
|
|
|
|
|
has-feedback
|
|
|
|
|
prop="subOp">
|
|
|
|
|
<selectView
|
|
|
|
|
type="subOp"
|
|
|
|
|
:defaultVal="details.subOp"
|
|
|
|
|
searchApi="GetTenantUserByRole"
|
|
|
|
|
:searchQuery="{ keyword: '', roleCode: 'OpFen' }"
|
|
|
|
|
:showLabel="['name']"
|
|
|
|
|
:openSearch="true"
|
|
|
|
|
@change="getSelectViewRes">
|
|
|
|
|
</selectView>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
@ -309,8 +593,14 @@
|
|
|
|
|
</a-form-model>
|
|
|
|
|
</div>
|
|
|
|
|
</x-card>
|
|
|
|
|
<a-modal :title="customerType === 'add' ? '添加委托单位' : '关系人'" :width="1200" :visible="customerVisible"
|
|
|
|
|
:confirmLoading="customerModelconfirm" :maskClosable="false" @ok="handleModelSubmit" @cancel="handleModelCancel">
|
|
|
|
|
<a-modal
|
|
|
|
|
:title="customerType === 'add' ? '添加委托单位' : '关系人'"
|
|
|
|
|
:width="1200"
|
|
|
|
|
:visible="customerVisible"
|
|
|
|
|
:confirmLoading="customerModelconfirm"
|
|
|
|
|
:maskClosable="false"
|
|
|
|
|
@ok="handleModelSubmit"
|
|
|
|
|
@cancel="handleModelCancel">
|
|
|
|
|
<template slot="footer">
|
|
|
|
|
<a-button key="back" @click="handleModelCancel"> 关闭 </a-button>
|
|
|
|
|
</template>
|
|
|
|
@ -324,9 +614,16 @@
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-toolbar>
|
|
|
|
|
|
|
|
|
|
<ve-table borderY :columns="columns" :table-data="tableData" :cell-autofill-option="cellAutofillOption"
|
|
|
|
|
:editOption="editOption" rowKeyFieldName="rowKey" :rowStyleOption="rowStyleOption"
|
|
|
|
|
:checkbox-option="checkboxOption" :clipboard-option="clipboardOption" />
|
|
|
|
|
<ve-table
|
|
|
|
|
borderY
|
|
|
|
|
:columns="columns"
|
|
|
|
|
:table-data="tableData"
|
|
|
|
|
:cell-autofill-option="cellAutofillOption"
|
|
|
|
|
:editOption="editOption"
|
|
|
|
|
rowKeyFieldName="rowKey"
|
|
|
|
|
:rowStyleOption="rowStyleOption"
|
|
|
|
|
:checkbox-option="checkboxOption"
|
|
|
|
|
:clipboard-option="clipboardOption" />
|
|
|
|
|
<div class="table-no-data" v-if="tableData.length == 0">暂无数据</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|