|
|
@@ -3,185 +3,181 @@
|
|
|
<el-form :model="assemblyForm" ref="form" label-width="90px" class="demo-ruleForm">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="提单号" prop="mblno" >
|
|
|
+ <el-form-item label="提单号" prop="mblno">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">提单号</span>
|
|
|
</span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.mblno"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- clearable placeholder="请填写提单号" ></el-input>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.mblno" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ placeholder="请填写提单号"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="船名" prop="vesselCnName" >
|
|
|
+ <el-form-item label="船名" prop="vesselCnName">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">船名</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="vesselData"
|
|
|
- :selectValue="assemblyForm.vesselCnName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'vessel')"
|
|
|
- @corpChange="corpChange($event,'vessel')"
|
|
|
- @corpFocus="remoteMethod($event,'vessel')" >
|
|
|
+ <search-query :datalist="vesselData" :selectValue="assemblyForm.vesselCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true"
|
|
|
+ :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'vessel')"
|
|
|
+ @corpChange="corpChange($event, 'vessel')"
|
|
|
+ @corpFocus="remoteMethod($event, 'vessel')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="航次" prop="voyageNo" >
|
|
|
+ <el-form-item label="航次" prop="voyageNo">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">航次</span>
|
|
|
</span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.voyageNo"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- clearable placeholder="请填写航次" ></el-input>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.voyageNo" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ placeholder="请填写航次"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-form-item label="船公司" prop="carrierCnName" >
|
|
|
+ <el-form-item label="船公司" prop="carrierCnName">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">船公司</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="carrierData"
|
|
|
- :selectValue="assemblyForm.carrierCnName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'carrier')"
|
|
|
- @corpChange="corpChange($event,'carrier')"
|
|
|
- @corpFocus="remoteMethod($event,'carrier')" >
|
|
|
+ <search-query :datalist="carrierData" :selectValue="assemblyForm.carrierCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'carrier')" @corpChange="corpChange($event, 'carrier')"
|
|
|
+ @corpFocus="remoteMethod($event, 'carrier')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="订舱代理" prop="bookingAgentCnName" >
|
|
|
+ <el-form-item label="订舱代理" prop="bookingAgentCnName">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">订舱代理</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="bookingAgentData"
|
|
|
- :selectValue="assemblyForm.bookingAgentCnName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'bookingAgent')"
|
|
|
- @corpChange="corpChange($event,'bookingAgent')"
|
|
|
- @corpFocus="remoteMethod($event,'bookingAgent')" >
|
|
|
+ <search-query :datalist="bookingAgentData" :selectValue="assemblyForm.bookingAgentCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'bookingAgent')"
|
|
|
+ @corpChange="corpChange($event, 'bookingAgent')"
|
|
|
+ @corpFocus="remoteMethod($event, 'bookingAgent')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="订舱备注" prop="bookingRemarks" >
|
|
|
+ <el-form-item label="订舱备注" prop="bookingRemarks">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">订舱备注</span>
|
|
|
</span>
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.bookingRemarks"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled" rows="3"
|
|
|
- clearable placeholder="请输入订舱备注" ></el-input>
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="3" clearable
|
|
|
+ placeholder="请输入订舱备注"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="REF MBLNO" prop="refno" >
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">REF MBLNO</span>
|
|
|
- </span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.refno"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- clearable placeholder="请填写REF MBLNO" ></el-input>
|
|
|
- </el-form-item>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="ETD" prop="etd" >
|
|
|
+ <el-form-item label="REF MBLNO" prop="refno">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">REF MBLNO</span>
|
|
|
+ </span>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.refno" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ placeholder="请输入REF MBLNOs"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="中转港" prop="potEnName">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">中转港</span>
|
|
|
+ </span>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="10">
|
|
|
+ <search-query :datalist="potData" :selectValue="assemblyForm.potEnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :joinData="true"
|
|
|
+ :disabled="detailData.seeDisabled" :buttonIf="false" placeholder="请选择中转港"
|
|
|
+ :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'pot')"
|
|
|
+ @corpChange="corpChange($event, 'pot')"
|
|
|
+ @corpFocus="remoteMethod($event, 'pot')">
|
|
|
+ </search-query>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="13">
|
|
|
+ <span style="padding-left: 20px"></span>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.potNamePrint"
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ placeholder="中转港" @change="textareaBlur('potNamePrint')"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="ETD" prop="etd">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">ETD</span>
|
|
|
</span>
|
|
|
- <el-date-picker v-model="assemblyForm.etd"
|
|
|
- clearable type="date" size="small"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- :picker-options="etdPickerOptions"
|
|
|
- placeholder="选择日期">
|
|
|
+ <el-date-picker v-model="assemblyForm.etd" clearable type="date" size="small"
|
|
|
+ :disabled="detailData.seeDisabled" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ :picker-options="etdPickerOptions" placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="ETA" prop="eta" >
|
|
|
+ <el-form-item label="ETA" prop="eta">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">ETA</span>
|
|
|
</span>
|
|
|
- <el-date-picker v-model="assemblyForm.eta"
|
|
|
- clearable type="date" size="small"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择日期">
|
|
|
+ <el-date-picker v-model="assemblyForm.eta" clearable type="date" size="small"
|
|
|
+ :disabled="detailData.seeDisabled" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="订舱日期" prop="bookingDate" >
|
|
|
+ <el-form-item label="订舱日期" prop="bookingDate">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">订舱日期</span>
|
|
|
</span>
|
|
|
- <el-date-picker v-model="assemblyForm.bookingDate"
|
|
|
- clearable type="date" size="small"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择日期">
|
|
|
+ <el-date-picker v-model="assemblyForm.bookingDate" clearable type="date" size="small"
|
|
|
+ :disabled="detailData.seeDisabled" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="航线" prop="lineCnName" >
|
|
|
+ <el-form-item label="航线" prop="lineCnName">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">航线</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="lineData"
|
|
|
- :selectValue="assemblyForm.lineCnName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'line')"
|
|
|
- @corpChange="corpChange($event,'line')"
|
|
|
- @corpFocus="remoteMethod($event,'line')" >
|
|
|
+ <search-query :datalist="lineData" :selectValue="assemblyForm.lineCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true"
|
|
|
+ :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'line')"
|
|
|
+ @corpChange="corpChange($event, 'line')" @corpFocus="remoteMethod($event, 'line')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="船司约号" prop="carrierArgreementNo" >
|
|
|
+ <el-form-item label="船司约号" prop="carrierArgreementNo">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">船司约号</span>
|
|
|
</span>
|
|
|
<el-input type="age" style="width: 100%;" v-model="assemblyForm.carrierArgreementNo"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- clearable placeholder="船公司约号" ></el-input>
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ placeholder="船公司约号"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-form-item label="SI备注" prop="siRemarks" >
|
|
|
+ <el-form-item label="SI备注" prop="siRemarks">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">SI备注</span>
|
|
|
</span>
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.siRemarks"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled" rows="3"
|
|
|
- clearable placeholder="SI备注" ></el-input>
|
|
|
+ <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.siRemarks" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" rows="3" clearable
|
|
|
+ placeholder="SI备注"></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
|
@@ -189,110 +185,83 @@
|
|
|
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="MB/L 发货人" prop="mshipperCnName" >
|
|
|
+ <el-form-item label="MB/L 发货人" prop="mshipperCnName">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">MB/L 发货人</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="mshipperData"
|
|
|
- :selectValue="assemblyForm.detail.mshipperCnName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'mshipper')"
|
|
|
- @corpChange="corpChange($event,'mshipper')"
|
|
|
- @corpFocus="remoteMethod($event,'mshipper')" >
|
|
|
+ <search-query :datalist="mshipperData" :selectValue="assemblyForm.detail.mshipperCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'mshipper')"
|
|
|
+ @corpChange="corpChange($event, 'mshipper')" @corpFocus="remoteMethod($event, 'mshipper')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
- <el-form-item label="" prop="mshipperDetails" >
|
|
|
+ <el-form-item label="" prop="mshipperDetails">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.mshipperDetails"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled" rows="4"
|
|
|
- clearable placeholder="发货人提单描述" ></el-input>
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="4" clearable
|
|
|
+ placeholder="发货人提单描述"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="MB/L 收货人" prop="mconsigneeCnName" >
|
|
|
+ <el-form-item label="MB/L 收货人" prop="mconsigneeCnName">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">MB/L 收货人</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="mconsigneeData"
|
|
|
- :selectValue="assemblyForm.detail.mconsigneeCnName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'mconsignee')"
|
|
|
- @corpChange="corpChange($event,'mconsignee')"
|
|
|
- @corpFocus="remoteMethod($event,'mconsignee')" >
|
|
|
+ <search-query :datalist="mconsigneeData" :selectValue="assemblyForm.detail.mconsigneeCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'mconsignee')"
|
|
|
+ @corpChange="corpChange($event, 'mconsignee')"
|
|
|
+ @corpFocus="remoteMethod($event, 'mconsignee')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
- <el-form-item label="" prop="mconsigneeCntyName" >
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.mconsigneeCntyName"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled" rows="4"
|
|
|
- clearable placeholder="发货人提单描述" ></el-input>
|
|
|
+ <el-form-item label="" prop="mconsigneeCntyName">
|
|
|
+ <el-input type="textarea" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.mconsigneeCntyName" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" rows="4" clearable placeholder="发货人提单描述"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="MB/L 通知人" prop="mnotifyCnName" >
|
|
|
+ <el-form-item label="MB/L 通知人" prop="mnotifyCnName">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">MB/L 通知人</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="mnotifyData"
|
|
|
- :selectValue="assemblyForm.detail.mnotifyCnName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'mnotify')"
|
|
|
- @corpChange="corpChange($event,'mnotify')"
|
|
|
- @corpFocus="remoteMethod($event,'mnotify')" >
|
|
|
+ <search-query :datalist="mnotifyData" :selectValue="assemblyForm.detail.mnotifyCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'mnotify')" @corpChange="corpChange($event, 'mnotify')"
|
|
|
+ @corpFocus="remoteMethod($event, 'mnotify')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
- <el-form-item label="" prop="mnotifyCntyName" >
|
|
|
+ <el-form-item label="" prop="mnotifyCntyName">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.mnotifyCntyName"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled" rows="4"
|
|
|
- clearable placeholder="通知人提单描述" ></el-input>
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="4" clearable
|
|
|
+ placeholder="通知人提单描述"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-form-item label="第二通知人" prop="mnotify2CnName" >
|
|
|
+ <el-form-item label="第二通知人" prop="mnotify2CnName">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">第二通知人</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="mnotify2Data"
|
|
|
- :selectValue="assemblyForm.detail.mnotify2CnName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'mnotify2')"
|
|
|
- @corpChange="corpChange($event,'mnotify2')"
|
|
|
- @corpFocus="remoteMethod($event,'mnotify2')" >
|
|
|
+ <search-query :datalist="mnotify2Data" :selectValue="assemblyForm.detail.mnotify2CnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'mnotify2')"
|
|
|
+ @corpChange="corpChange($event, 'mnotify2')" @corpFocus="remoteMethod($event, 'mnotify2')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
- <el-form-item label="" prop="mnotify2Details" >
|
|
|
+ <el-form-item label="" prop="mnotify2Details">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.mnotify2Details"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled" rows="4"
|
|
|
- clearable placeholder="第二通知人提单描述" ></el-input>
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="4" clearable
|
|
|
+ placeholder="第二通知人提单描述"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -302,193 +271,220 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
|
|
|
- import {getBvesselsList} from "@/api/iosBasicData/bvessels";
|
|
|
- import {getBcorpsList, getBcorpslistByType} from "@/api/iosBasicData/bcorps";
|
|
|
- import {blinesList} from "@/api/iosBasicData/blines";
|
|
|
- import {NdayDate} from "@/util/date";
|
|
|
-
|
|
|
- export default {
|
|
|
- components: {SearchQuery},
|
|
|
- props:{
|
|
|
- assemblyForm:{
|
|
|
- type:Object
|
|
|
- },
|
|
|
- detailData:{
|
|
|
- type:Object,
|
|
|
- }
|
|
|
+import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
|
|
|
+import { getBvesselsList } from "@/api/iosBasicData/bvessels";
|
|
|
+import { getBcorpsList, getBcorpslistByType } from "@/api/iosBasicData/bcorps";
|
|
|
+import { blinesList } from "@/api/iosBasicData/blines";
|
|
|
+import { NdayDate } from "@/util/date";
|
|
|
+import { bportsList } from "@/api/iosBasicData/bports";
|
|
|
+export default {
|
|
|
+ components: { SearchQuery },
|
|
|
+ props: {
|
|
|
+ assemblyForm: {
|
|
|
+ type: Object
|
|
|
},
|
|
|
- data(){
|
|
|
- return {
|
|
|
- // 设置当前时间选择的范围
|
|
|
- etdPickerOptions:{
|
|
|
- disabledDate(time) {
|
|
|
- // 获取当前后45天 Date.parse(NdayDate(45))
|
|
|
- return time.getTime() < Date.parse(NdayDate(-45)) - 86400000 || time.getTime() > Date.parse(NdayDate(45))
|
|
|
- }
|
|
|
- },
|
|
|
- vesselData:[], // 船名数据
|
|
|
- carrierData:[], // 船公司
|
|
|
- lineData:[], // 航线
|
|
|
- bookingAgentData:[], // 订舱代理
|
|
|
+ detailData: {
|
|
|
+ type: Object,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 设置当前时间选择的范围
|
|
|
+ etdPickerOptions: {
|
|
|
+ disabledDate(time) {
|
|
|
+ // 获取当前后45天 Date.parse(NdayDate(45))
|
|
|
+ return time.getTime() < Date.parse(NdayDate(-45)) - 86400000 || time.getTime() > Date.parse(NdayDate(45))
|
|
|
+ }
|
|
|
+ },
|
|
|
+ vesselData: [], // 船名数据
|
|
|
+ carrierData: [], // 船公司
|
|
|
+ lineData: [], // 航线
|
|
|
+ bookingAgentData: [], // 订舱代理
|
|
|
|
|
|
- // MB/L 发货人
|
|
|
- mshipperData:[],
|
|
|
- // MB/L 收货人
|
|
|
- mconsigneeData:[],
|
|
|
- // MB/L 通知人
|
|
|
- mnotifyData:[],
|
|
|
- // MB/L 第二通知人
|
|
|
- mnotify2Data:[],
|
|
|
+ // MB/L 发货人
|
|
|
+ mshipperData: [],
|
|
|
+ // MB/L 收货人
|
|
|
+ mconsigneeData: [],
|
|
|
+ // MB/L 通知人
|
|
|
+ mnotifyData: [],
|
|
|
+ // MB/L 第二通知人
|
|
|
+ mnotify2Data: [],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.potBportsListfun()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ /* 远程模糊查询操作用户 */
|
|
|
+ remoteMethod(value, name) {
|
|
|
+ let arr = ['mshipper', 'mconsignee', 'mnotify', 'mnotify2']
|
|
|
+ let portArr = ['pot']
|
|
|
+ if (name == 'vessel') {
|
|
|
+ this.vesselBvesselsListfun(value)
|
|
|
}
|
|
|
- },
|
|
|
- created() {
|
|
|
+ else if (portArr.indexOf(name) != -1) {
|
|
|
+ this[name + 'BportsListfun'](value)
|
|
|
+ }
|
|
|
+ else if (name == 'carrier') {
|
|
|
+ this.carrierBcorpsListfun(value)
|
|
|
+ }
|
|
|
+ else if (name == 'line') {
|
|
|
+ this.lineblinesListfun(value)
|
|
|
+ }
|
|
|
+ else if (name == 'bookingAgent') {
|
|
|
+ this.bookingAgentBcorpsListfun(value)
|
|
|
+ }
|
|
|
+ else if (arr.indexOf(name) != -1) {
|
|
|
+ this[name + 'BcorpsListfun'](value)
|
|
|
+ }
|
|
|
+ else { }
|
|
|
|
|
|
},
|
|
|
- methods:{
|
|
|
- /* 远程模糊查询操作用户 */
|
|
|
- remoteMethod(value,name){
|
|
|
- let arr = ['mshipper','mconsignee','mnotify','mnotify2']
|
|
|
- if (name == 'vessel'){
|
|
|
- this.vesselBvesselsListfun(value)
|
|
|
- }
|
|
|
- else if (name == 'carrier'){
|
|
|
- this.carrierBcorpsListfun(value)
|
|
|
- }
|
|
|
- else if (name == 'line'){
|
|
|
- this.lineblinesListfun(value)
|
|
|
- }
|
|
|
- else if (name == 'bookingAgent'){
|
|
|
- this.bookingAgentBcorpsListfun(value)
|
|
|
+ // 下拉的监听事件
|
|
|
+ corpChange(value, name) {
|
|
|
+ let arr = ['mshipper', 'mconsignee', 'mnotify', 'mnotify2']
|
|
|
+ let cnPorArr = ['pot']
|
|
|
+ if (name == 'vessel') {
|
|
|
+ for (let item of this[name + 'Data']) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.assemblyForm, 'vesselId', item.id)
|
|
|
+ this.$set(this.assemblyForm, 'vesselCnName', item.cnName)
|
|
|
+ this.$set(this.assemblyForm, 'vesselEnName', item.enName)
|
|
|
+ }
|
|
|
}
|
|
|
- else if (arr.indexOf(name) != -1) {
|
|
|
- this[name + 'BcorpsListfun'](value)
|
|
|
+ }
|
|
|
+ // 有中文名称的港口
|
|
|
+ else if (cnPorArr.indexOf(name) != -1) {
|
|
|
+ if (!value) {
|
|
|
+ this.$set(this.assemblyForm, name + 'Id', '')
|
|
|
+ this.$set(this.assemblyForm, name + 'CnName', '')
|
|
|
+ this.$set(this.assemblyForm, name + 'EnName', '')
|
|
|
+ this.$set(this.assemblyForm, name + 'Code', '')
|
|
|
+ this.$set(this.assemblyForm, name + 'NamePrint', '')
|
|
|
}
|
|
|
- else {}
|
|
|
-
|
|
|
- },
|
|
|
- // 下拉的监听事件
|
|
|
- corpChange(value,name){
|
|
|
- let arr = ['mshipper','mconsignee','mnotify','mnotify2']
|
|
|
- if (name == 'vessel') {
|
|
|
- for(let item of this[name + 'Data']) {
|
|
|
- if (item.cnName == value) {
|
|
|
- this.$set(this.assemblyForm,'vesselId',item.id)
|
|
|
- this.$set(this.assemblyForm,'vesselCnName',item.cnName)
|
|
|
- this.$set(this.assemblyForm,'vesselEnName',item.enName)
|
|
|
- }
|
|
|
+ for (let item of this[name + 'Data']) {
|
|
|
+ if (item.enName == value) {
|
|
|
+ this.$set(this.assemblyForm, name + 'Id', item.id)
|
|
|
+ this.$set(this.assemblyForm, name + 'CnName', item.cnName)
|
|
|
+ this.$set(this.assemblyForm, name + 'EnName', item.enName)
|
|
|
+ this.$set(this.assemblyForm, name + 'Code', item.code)
|
|
|
+ this.$set(this.assemblyForm, name + 'NamePrint', item.enName)
|
|
|
}
|
|
|
}
|
|
|
- else if (name == 'carrier') {
|
|
|
- for(let item of this[name + 'Data']) {
|
|
|
- if (item.cnName == value) {
|
|
|
- this.$set(this.assemblyForm,'carrierId',item.id)
|
|
|
- this.$set(this.assemblyForm,'carrierCnName',item.cnName)
|
|
|
- this.$set(this.assemblyForm,'carrierEnName',item.enName)
|
|
|
- this.$set(this.assemblyForm,'carrierArgreementNo',item.agreementNo)
|
|
|
- }
|
|
|
+ }
|
|
|
+ else if (name == 'carrier') {
|
|
|
+ for (let item of this[name + 'Data']) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.assemblyForm, 'carrierId', item.id)
|
|
|
+ this.$set(this.assemblyForm, 'carrierCnName', item.cnName)
|
|
|
+ this.$set(this.assemblyForm, 'carrierEnName', item.enName)
|
|
|
+ this.$set(this.assemblyForm, 'carrierArgreementNo', item.agreementNo)
|
|
|
}
|
|
|
}
|
|
|
- // 订舱代理
|
|
|
- else if (name == 'bookingAgent') {
|
|
|
- for(let item of this[name + 'Data']) {
|
|
|
- if (item.cnName == value) {
|
|
|
- this.$set(this.assemblyForm,'bookingAgentId',item.id)
|
|
|
- this.$set(this.assemblyForm,'bookingAgentCnName',item.cnName)
|
|
|
- this.$set(this.assemblyForm,'bookingAgentEnName',item.enName)
|
|
|
- this.$set(this.assemblyForm,'bookingRemarks',item.remarks)
|
|
|
- }
|
|
|
+ }
|
|
|
+ // 订舱代理
|
|
|
+ else if (name == 'bookingAgent') {
|
|
|
+ for (let item of this[name + 'Data']) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.assemblyForm, 'bookingAgentId', item.id)
|
|
|
+ this.$set(this.assemblyForm, 'bookingAgentCnName', item.cnName)
|
|
|
+ this.$set(this.assemblyForm, 'bookingAgentEnName', item.enName)
|
|
|
+ this.$set(this.assemblyForm, 'bookingRemarks', item.remarks)
|
|
|
}
|
|
|
}
|
|
|
- // 航线
|
|
|
- else if (name == 'line') {
|
|
|
- for(let item of this[name + 'Data']) {
|
|
|
- if (item.cnName == value) {
|
|
|
- this.$set(this.assemblyForm,'lineId',item.id)
|
|
|
- this.$set(this.assemblyForm,'lineCnName',item.cnName)
|
|
|
- this.$set(this.assemblyForm,'lineEnName',item.enName)
|
|
|
- }
|
|
|
+ }
|
|
|
+ // 航线
|
|
|
+ else if (name == 'line') {
|
|
|
+ for (let item of this[name + 'Data']) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.assemblyForm, 'lineId', item.id)
|
|
|
+ this.$set(this.assemblyForm, 'lineCnName', item.cnName)
|
|
|
+ this.$set(this.assemblyForm, 'lineEnName', item.enName)
|
|
|
}
|
|
|
}
|
|
|
- // 四个主表
|
|
|
- else if (arr.indexOf(name) != -1) {
|
|
|
- for(let item of this[name + 'Data']) {
|
|
|
- if (item.cnName == value) {
|
|
|
- this.$set(this.assemblyForm.detail,name + 'Id',item.id)
|
|
|
- this.$set(this.assemblyForm.detail,name + 'CnName',item.cnName)
|
|
|
- this.$set(this.assemblyForm.detail,name + 'EnName',item.enName)
|
|
|
- this.$set(this.assemblyForm.detail,name + 'Code',item.code)
|
|
|
- this.$set(this.assemblyForm.detail,name + 'Details',item.details)
|
|
|
- // 国家名称
|
|
|
- this.$set(this.assemblyForm.detail,name + 'CntyName',item.cntyName)
|
|
|
- // 国家代码
|
|
|
- this.$set(this.assemblyForm.detail,name + 'CntyCode',item.cntyCode)
|
|
|
- }
|
|
|
+ }
|
|
|
+ // 四个主表
|
|
|
+ else if (arr.indexOf(name) != -1) {
|
|
|
+ for (let item of this[name + 'Data']) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.assemblyForm.detail, name + 'Id', item.id)
|
|
|
+ this.$set(this.assemblyForm.detail, name + 'CnName', item.cnName)
|
|
|
+ this.$set(this.assemblyForm.detail, name + 'EnName', item.enName)
|
|
|
+ this.$set(this.assemblyForm.detail, name + 'Code', item.code)
|
|
|
+ this.$set(this.assemblyForm.detail, name + 'Details', item.details)
|
|
|
+ // 国家名称
|
|
|
+ this.$set(this.assemblyForm.detail, name + 'CntyName', item.cntyName)
|
|
|
+ // 国家代码
|
|
|
+ this.$set(this.assemblyForm.detail, name + 'CntyCode', item.cntyCode)
|
|
|
}
|
|
|
}
|
|
|
- else {}
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- // 接口数据请求🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
|
|
|
- // 获取船名数据
|
|
|
- vesselBvesselsListfun(cnName){
|
|
|
- getBvesselsList(1,10,{cnName}).then(res=>{
|
|
|
- this.vesselData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取船公司数据
|
|
|
- carrierBcorpsListfun(cnName){
|
|
|
- let corpTypeName = '船公司'
|
|
|
- getBcorpslistByType(1,10,{cnName,corpTypeName}).then(res=>{
|
|
|
- this.carrierData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 中转港
|
|
|
+ potBportsListfun(enName) {
|
|
|
+ bportsList(1, 10, { enName, status: 0 }).then(res => {
|
|
|
+ this.potData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 接口数据请求🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
|
|
|
+ // 获取船名数据
|
|
|
+ vesselBvesselsListfun(cnName) {
|
|
|
+ getBvesselsList(1, 10, { cnName }).then(res => {
|
|
|
+ this.vesselData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取船公司数据
|
|
|
+ carrierBcorpsListfun(cnName) {
|
|
|
+ let corpTypeName = '船公司'
|
|
|
+ getBcorpslistByType(1, 10, { cnName, corpTypeName }).then(res => {
|
|
|
+ this.carrierData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- // 获取航线数据
|
|
|
- lineblinesListfun(cnName){
|
|
|
- blinesList(1,10,{cnName}).then(res=>{
|
|
|
- this.lineData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取订舱代理数据
|
|
|
- bookingAgentBcorpsListfun(cnName){
|
|
|
- let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
- getBcorpslistByType(1,10,{cnName,corpTypeName}).then(res=>{
|
|
|
- this.bookingAgentData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取MB/L 发货人数据 （往来单位 前四个代理）
|
|
|
- mshipperBcorpsListfun(cnName){
|
|
|
- let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
- getBcorpslistByType(1,10,{cnName,corpTypeName}).then(res=>{
|
|
|
- this.mshipperData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取收货人数据 （往来单位 前四个代理）
|
|
|
- mconsigneeBcorpsListfun(cnName){
|
|
|
- let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
- getBcorpslistByType(1,10,{cnName,corpTypeName}).then(res=>{
|
|
|
- this.mconsigneeData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取通知人数据 （往来单位 前四个代理）
|
|
|
- mnotifyBcorpsListfun(cnName){
|
|
|
- let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
- getBcorpslistByType(1,10,{cnName,corpTypeName}).then(res=>{
|
|
|
- this.mnotifyData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取第二通知人数据 （往来单位 前四个代理）
|
|
|
- mnotify2BcorpsListfun(cnName){
|
|
|
- let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
- getBcorpslistByType(1,10,{cnName,corpTypeName}).then(res=>{
|
|
|
- this.mnotify2Data = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
+ // 获取航线数据
|
|
|
+ lineblinesListfun(cnName) {
|
|
|
+ blinesList(1, 10, { cnName }).then(res => {
|
|
|
+ this.lineData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取订舱代理数据
|
|
|
+ bookingAgentBcorpsListfun(cnName) {
|
|
|
+ let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
+ getBcorpslistByType(1, 10, { cnName, corpTypeName }).then(res => {
|
|
|
+ this.bookingAgentData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取MB/L 发货人数据 （往来单位 前四个代理）
|
|
|
+ mshipperBcorpsListfun(cnName) {
|
|
|
+ let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
+ getBcorpslistByType(1, 10, { cnName, corpTypeName }).then(res => {
|
|
|
+ this.mshipperData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取收货人数据 （往来单位 前四个代理）
|
|
|
+ mconsigneeBcorpsListfun(cnName) {
|
|
|
+ let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
+ getBcorpslistByType(1, 10, { cnName, corpTypeName }).then(res => {
|
|
|
+ this.mconsigneeData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取通知人数据 （往来单位 前四个代理）
|
|
|
+ mnotifyBcorpsListfun(cnName) {
|
|
|
+ let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
+ getBcorpslistByType(1, 10, { cnName, corpTypeName }).then(res => {
|
|
|
+ this.mnotifyData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取第二通知人数据 （往来单位 前四个代理）
|
|
|
+ mnotify2BcorpsListfun(cnName) {
|
|
|
+ let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
+ getBcorpslistByType(1, 10, { cnName, corpTypeName }).then(res => {
|
|
|
+ this.mnotify2Data = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- }
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
Qukatie