whm
/
BookingHeChuanFront
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改问题

Browse Source
szh_change
sunzehua 1 year ago
parent 973d88d9ae
commit 55d6b7b942
2 changed files with 576 additions and 593 deletions
Show Stats Download Patch File Download Diff File

633
src/views/main/BookingLedger/detail/modules/basicInfo.vue
Unescape Escape View File

@ -10,8 +10,8 @@
:model="details"
:rules="rules"
>
<a-row class="from-box" :gutter="10">
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<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"
@ -41,19 +41,43 @@
</div>
</a-form-model-item>
</a-col>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<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"
prop="thirdPay"
label="第三方"
:labelCol="labelCol2"
:wrapperCol="wrapperCol2"
has-feedback
>
<inputView type="mblno" :parentVal="details.mblno" :ishd="ishd" @getInputChange="inputChange" />
<div class="customer-box" style="padding-right: 24px">
<selectView
type="thirdPay"
:defaultVal="details.thirdPay"
searchApi="DjyCustomerSuggest"
:searchQuery="{ keyword: '', type: 'consignor' }"
:showLabel="['shortName']"
: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="8" :xl="8">
<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 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="船公司"
@ -75,40 +99,52 @@
></selectView>
</a-form-model-item>
</a-col>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<a-col :xs="12" :sm="12" :md="12" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
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"
>
<div class="date-box">
<a-radio-group size="small" v-model="details.zhanCangFlag">
<a-radio size="small" value="是"> 是 </a-radio>
<a-radio size="small" value="否"> 否 </a-radio>
</a-radio-group>
</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="订舱编号"
:labelCol="labelCol2"
:wrapperCol="wrapperCol2"
has-feedback
prop="forwarder"
prop="custno"
>
<selectView
type="forwarder"
:defaultVal="details.forwarder"
searchApi="DjyCustomerSuggest"
:searchQuery="{ keyword: '', type: 'booking_agent' }"
:showLabel="['shortName']"
:openSearch="true"
@change="getSelectViewRes"
style="flex: 1; margin-top: -4px"
></selectView>
<inputView type="custno" :parentVal="details.custno" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<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"
label="提单号"
prop="mblno"
:labelCol="labelCol2"
:wrapperCol="wrapperCol2"
has-feedback
prop="pono"
>
<inputView type="pono" :parentVal="details.pono" @getInputChange="inputChange" />
<inputView type="mblno" :parentVal="details.mblno" :ishd="ishd" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<a-col :xs="12" :sm="12" :md="12" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="分提单号"
@ -120,34 +156,29 @@
<inputView type="hblno" :parentVal="details.hblno" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<a-col :xs="12" :sm="12" :md="12" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="订舱编号"
label="订舱代理"
:labelCol="labelCol2"
:wrapperCol="wrapperCol2"
has-feedback
prop="custno"
prop="forwarder"
>
<inputView type="custno" :parentVal="details.custno" @getInputChange="inputChange" />
<selectView
type="forwarder"
:defaultVal="details.forwarder"
searchApi="DjyCustomerSuggest"
: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 v-if="details.carrierid === 'ESL'">
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<a-form-model-item
class="from-label"
label="EP号"
:labelCol="labelCol2"
:wrapperCol="wrapperCol2"
has-feedback
prop="epCode"
>
<inputView type="epCode" :parentVal="details.epCode" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
</template>
<template v-else>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<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="运费协议号"
@ -173,32 +204,8 @@
</a-form-model-item>
</a-col>
</template>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="8">
<a-form-model-item
class="from-label"
prop="thirdPay"
label="第三方"
:labelCol="labelCol2"
:wrapperCol="wrapperCol2"
has-feedback
>
<div class="customer-box" style="padding-right: 24px">
<selectView
type="thirdPay"
:defaultVal="details.thirdPay"
searchApi="DjyCustomerSuggest"
:searchQuery="{ keyword: '', type: 'consignor' }"
:showLabel="['shortName']"
:openSearch="true"
:isCopy="true"
@change="getSelectViewRes"
style="flex: 1; margin-top: -4px"
></selectView>
</div>
</a-form-model-item>
</a-col>
<template v-if="details.carrierid === 'ESL'">
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="7">
<a-col :xs="12" :sm="12" :md="12" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="运费协议号"
@ -224,8 +231,22 @@
</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="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="EP号"
:labelCol="labelCol2"
:wrapperCol="wrapperCol2"
has-feedback
prop="epCode"
>
<inputView type="epCode" :parentVal="details.epCode" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
</template>
<template v-if="['VOLTA', 'WHL', 'CSL', 'MSC'].includes(details.carrierid)">
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="7">
<a-col :xs="12" :sm="12" :md="12" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="真提单号"
@ -240,8 +261,34 @@
</template>
</a-row>
<div class="from-box2">
<a-row :gutter="6">
<a-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6">
<a-row >
<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: 8 },
md: { span: 8 }}"
:wrapperCol="{ xs: { span: 24 },
sm: { span: 12 },
md: { span: 12 }}"
has-feedback
prop="etd"
>
<div class="date-box">
<datePickerView
class="date-picker"
: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="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="船名"
@ -274,7 +321,7 @@
</a-form-model-item>
</a-col>
<template v-if="details.carrierid === 'ESL'">
<a-col :xs="12" :sm="12" :md="8" :lg="5" :xl="4">
<a-col :xs="12" :sm="12" :md="8" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="内部航次"
@ -293,7 +340,7 @@
</a-col>
</template>
<template v-else>
<a-col :xs="12" :sm="12" :md="8" :lg="5" :xl="4">
<a-col :xs="12" :sm="12" :md="8" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="内部航次"
@ -312,7 +359,7 @@
</a-col>
</template>
<template v-if="details.carrierid === 'ESL'">
<a-col :xs="12" :sm="12" :md="12" :lg="5" :xl="4">
<a-col :xs="12" :sm="12" :md="12" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="航次"
@ -330,7 +377,7 @@
</a-col>
</template>
<template v-else>
<a-col :xs="12" :sm="12" :md="12" :lg="5" :xl="4">
<a-col :xs="12" :sm="12" :md="12" :lg="{span: '4-8'}" :xl="{span: '4-8'}">
<a-form-model-item
class="from-label"
label="海关航次"
@ -347,121 +394,182 @@
</a-form-model-item>
</a-col>
</template>
<a-col :xs="12" :sm="12" :md="12" :lg="5" :xl="5">
<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: 8 },
md: { span: 8 }}"
:wrapperCol="{ xs: { span: 24 },
sm: { span: 12 },
md: { span: 12 }}"
label="船司航线"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="etd"
prop="lanename"
>
<div class="date-box">
<datePickerView
class="date-picker"
: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>
<!-- 航线暂无接口， 暂时改为输入框-->
<inputView type="lanename" :parentVal="details.lanename" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :xs="12" :sm="12" :md="12" :lg="5" :xl="5">
</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="{ xs: { span: 24 },
sm: { span: 9 },
md: { span: 9 }}"
:wrapperCol="{ xs: { span: 24 },
sm: { span: 12 },
md: { span: 12 }}"
label="揽货人"
:labelCol="userLabelCol"
:wrapperCol="userWrapperCol"
has-feedback
prop="zhanCangFlag"
prop="sale"
>
<!-- style="margin-left:10px;margin-top:-6px;" -->
<div class="date-box">
<!-- <a-checkbox size="small" v-model="details.zhanCangFlag">
<template v-if="details.zhanCangFlag">是</template>
<template v-else>否</template>
</a-checkbox> -->
<a-radio-group size="small" v-model="details.zhanCangFlag">
<a-radio size="small" value="是"> 是 </a-radio>
<a-radio size="small" value="否"> 否 </a-radio>
</a-radio-group>
</div>
<selectView
type="sale"
: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"
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"
: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"
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"
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"
searchApi="GetSysUserPage"
:searchQuery="{ name: '' }"
:showLabel="['name']"
:openSearch="true"
@change="getSelectViewRes"
></selectView>
</a-form-model-item>
</a-col>
<!-- <template v-if="details.carrierid === 'ESL'">
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="5">
<a-form-model-item
class="from-label"
label="实际开船"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="atd"
>
<div class="date-box">
<datePickerView
class="date-picker"
:parentVal="details.atd"
type="atd"
format="YYYY-MM-DD"
@dateChange="dateChangeFun"
style="margin-top: -5px;"
></datePickerView>
</div>
</a-form-model-item>
</a-col>
</template> -->
</a-row>
<a-row :gutter="10">
<!-- <template>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="5">
<a-form-model-item
class="from-label"
label="实际开船"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="atd"
>
<div class="date-box">
<datePickerView
class="date-picker"
:parentVal="details.atd"
type="atd"
format="YYYY-MM-DD"
@dateChange="dateChangeFun"
style="margin-top: -5px;"
></datePickerView>
</div>
</a-form-model-item>
</a-col>
</template> -->
<template>
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
<a-form-model-item
class="from-label"
label="船司航线"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="lanename"
>
<!-- 航线暂无接口， 暂时改为输入框-->
<inputView type="lanename" :parentVal="details.lanename" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
</template>
<a-row :gutter="10">
<a-col :xs="24" :sm="9" :md="9" :lg="9" :xl="8">
<a-form-model-item
class="from-label"
label="操作备注"
:labelCol="labelCol3"
:wrapperCol="wrapperCol3"
has-feedback
prop="czRemark"
>
<inputView type="czRemark" :parentVal="details.czRemark" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :xs="24" :sm="9" :md="9" :lg="9" :xl="8">
<a-form-model-item
class="from-label"
label="单证备注"
:labelCol="labelCol3"
:wrapperCol="wrapperCol3"
has-feedback
prop="dzRemark"
>
<inputView type="dzRemark" :parentVal="details.dzRemark" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :xs="24" :sm="6" :md="6" :lg="6" :xl="8">
<a-form-model-item
class="from-label"
label="申请箱使"
:labelCol="labelCol3"
:wrapperCol="wrapperCol3"
has-feedback
prop="shenQingXiangShi"
>
<inputView type="shenQingXiangShi" :parentVal="details.shenQingXiangShi" @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="6">
<a-form-model-item
class="from-label"
@ -523,173 +631,11 @@
></selectView>
</a-form-model-item>
</a-col>
</a-row>
</a-row> -->
</div>
<a-row class="from-box3" :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"
: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="op"
>
<selectView
type="op"
:defaultVal="details.op"
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="doc"
>
<selectView
type="doc"
:defaultVal="details.doc"
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"
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"
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"
searchApi="GetSysUserPage"
:searchQuery="{ name: '' }"
:showLabel="['name']"
:openSearch="true"
@change="getSelectViewRes"
></selectView>
</a-form-model-item>
</a-col>
</a-row>
<a-row class="from-box4" :gutter="10">
<a-col :xs="24" :sm="9" :md="9" :lg="9" :xl="9">
<a-form-model-item
class="from-label"
label="单证备注"
:labelCol="labelCol3"
:wrapperCol="wrapperCol3"
has-feedback
prop="dzRemark"
>
<inputView type="dzRemark" :parentVal="details.dzRemark" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :xs="24" :sm="9" :md="9" :lg="9" :xl="9">
<a-form-model-item
class="from-label"
label="操作备注"
:labelCol="labelCol3"
:wrapperCol="wrapperCol3"
has-feedback
prop="czRemark"
>
<inputView type="czRemark" :parentVal="details.czRemark" @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 type="shenQingXiangShi" :parentVal="details.shenQingXiangShi" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
</a-row>
</a-form-model>
</div>
</x-card>
<a-modal
:title="customerType === 'add' ? '添加委托单位' : '关系人'"
:width="1200"
@ -1352,4 +1298,7 @@ export default {
<style lang="less" scoped>
@import url('../index.less');
@import url('../style/basicInfo.less');
.ant-col-xl-4-8{
width: 20%;
}
</style>

536
src/views/main/BookingLedger/detail/modules/mailingInfo.vue
Unescape Escape View File

@ -19,7 +19,7 @@
:sm="24"
:md="24"
:lg="10"
:xl="11">
:xl="8">
<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,237 +181,14 @@
:sm="24"
:md="24"
:lg="14"
: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="labelCol"
:wrapperCol="wrapperCol"
has-feedback
style="overflow: visible"
prop="yard">
<div class="yard-box" style="display: flex">
<selectView
type="yard"
:defaultVal="details.yard"
searchApi="GetYardlist"
:searchQuery="{ keyword: '' }"
:showLabel="['name', 'showCode']"
:openSearch="false"
@change="getSelectViewRes"
style="flex: 1; margin-top: -4px"></selectView>
<i class="iconfont icon-touxiang" style="margin: 0 4px" @click="changeYard('content')"></i>
<i class="iconfont icon-bianji1" @click="changeYard('remark')"></i>
</div>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="场站费自结"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="feeself">
<a-radio-group size="small" v-model="details.feeself">
<a-radio size="small" :value="true"> 是 </a-radio>
<a-radio size="small" :value="false"> 否 </a-radio>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="报关行"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="customser">
<selectView
type="customser"
:defaultVal="details.customser"
searchApi="DjyCustomerpage"
:searchQuery="{ SearchValue: '', PropString: 'customs_broker' }"
:showLabel="['shortName']"
:openSearch="true"
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="车队"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="trucker">
<selectView
type="trucker"
:defaultVal="details.trucker"
searchApi="DjyCustomerpage"
:searchQuery="{ SearchValue: '', PropString: 'fleet' }"
:showLabel="['shortName']"
:openSearch="true"
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="国外代理"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="agentname">
<div style="display: flex;align-items: center;">
<selectView
type="agentname"
:defaultVal="details.agentname"
searchApi="DjyCustomerpage"
:searchQuery="{ SearchValue: '', PropString: 'out_agent' }"
:showLabel="['shortName']"
:openSearch="true"
@change="getSelectViewRes"
style="flex: 1;"></selectView>
<a-icon
v-if="ishd"
@click="handleOpenFd"
style="color: #13c2c2;cursor: pointer;"
theme="filled"
type="diff" />
</div>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-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>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="装运方式"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="shippingMethod">
<selectView
type="shippingMethod"
:defaultVal="details.shippingMethod"
searchApi="ShippingMethod"
:searchQuery="{ name: '' }"
:showLabel="['name']"
:openSearch="false"
:isCopy="true"
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
</div>
<a-row>
<a-col :span="12">
<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-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="12">
<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-date-picker
style="min-width:100px"
show-time
format="YYYY-MM-DD HH:00"
v-model="details.closedocdate"
@change="closedocdateChange"
>
<a-icon slot="suffixIcon" type="time" style="display: none" />
</a-date-picker> -->
</a-form-model-item>
</a-col>
<a-col :span="12">
<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-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-row>
<a-col :span="12">
:xl="16">
<a-row :gutter="4">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="收货地代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
:labelCol="labelColCode"
:wrapperCol="wrapperColCode"
has-feedback
prop="placereceiptid">
<selectView
@ -424,7 +201,7 @@
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="收货地"
@ -439,13 +216,51 @@
@getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="装货港代码"
class="from-label yarn-label"
label="场站"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
style="overflow: visible"
prop="yard">
<div class="yard-box" style="display: flex">
<selectView
type="yard"
:defaultVal="details.yard"
searchApi="GetYardlist"
:searchQuery="{ keyword: '' }"
:showLabel="['name', 'showCode']"
:openSearch="false"
@change="getSelectViewRes"
style="flex: 1; margin-top: -4px"></selectView>
<i class="iconfont icon-touxiang" style="margin: 0 4px" @click="changeYard('content')"></i>
<i class="iconfont icon-bianji1" @click="changeYard('remark')"></i>
</div>
</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="feeself">
<a-radio-group size="small" v-model="details.feeself">
<a-radio size="small" :value="true"> 是 </a-radio>
<a-radio size="small" :value="false"> 否 </a-radio>
</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"
@ -458,7 +273,7 @@
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="装货港"
@ -469,13 +284,61 @@
<inputView type="portload" size="small" :parentVal="details.portload" @getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
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-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="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"
@ -487,7 +350,7 @@
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="中转港"
@ -502,13 +365,49 @@
@getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
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-form-model-item
class="from-label"
label="报关行"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="customser">
<selectView
type="customser"
:defaultVal="details.customser"
searchApi="DjyCustomerpage"
:searchQuery="{ SearchValue: '', PropString: 'customs_broker' }"
: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="labelColCode"
:wrapperCol="wrapperColCode"
has-feedback
prop="portdischargeid">
<selectView
type="portdischargeid"
@ -520,7 +419,7 @@
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="卸货港"
@ -535,13 +434,49 @@
@getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
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-form-model-item
class="from-label"
label="车队"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="trucker">
<selectView
type="trucker"
:defaultVal="details.trucker"
searchApi="DjyCustomerpage"
:searchQuery="{ SearchValue: '', PropString: 'fleet' }"
: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="labelColCode"
:wrapperCol="wrapperColCode"
has-feedback
prop="destinationid">
<selectView
type="destinationid"
@ -553,7 +488,7 @@
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="目的地"
@ -568,13 +503,60 @@
@getInputChange="inputChange" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
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-form-model-item
class="from-label"
label="国外代理"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="agentname">
<div style="display: flex;align-items: center;">
<selectView
type="agentname"
:defaultVal="details.agentname"
searchApi="DjyCustomerpage"
:searchQuery="{ SearchValue: '', PropString: 'out_agent' }"
:showLabel="['shortName']"
:openSearch="true"
@change="getSelectViewRes"
style="flex: 1;"></selectView>
<a-icon
v-if="ishd"
@click="handleOpenFd"
style="color: #13c2c2;cursor: pointer;"
theme="filled"
type="diff" />
</div>
</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="placedeliveryid">
<selectView
type="placedeliveryid"
@ -586,7 +568,7 @@
@change="getSelectViewRes"></selectView>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="交货地"
@ -602,7 +584,45 @@
<!-- <a-input :allowClear="true" v-model="details.placedelivery" /> -->
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-col :span="6">
<a-form-model-item
class="from-label"
label="装运方式"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="shippingMethod">
<selectView
type="shippingMethod"
:defaultVal="details.shippingMethod"
searchApi="ShippingMethod"
:searchQuery="{ name: '' }"
:showLabel="['name']"
:openSearch="false"
: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="warehouse">
<selectView
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="12">
<a-form-model-item
class="from-label pkgs-line-box"
label="件数"
@ -611,7 +631,6 @@
has-feedback
prop="pkgs">
<div class="line-box">
<!-- <inputView type="pkgs" :parentVal="details.pkgs" inputType="number" @getInputChange="inputChange"/> -->
<a-input
:allowClear="true"
size="small"
@ -650,7 +669,6 @@
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>
@ -666,13 +684,12 @@
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>
@ -1002,6 +1019,16 @@ 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 },
@ -1117,6 +1144,7 @@ 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)
@ -1642,6 +1670,12 @@ 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)
}
},
dateChangeFun({ type, value }) {

Write Preview
Loading…
Cancel
Save