|
@@ -10,27 +10,30 @@
|
|
|
</span>
|
|
|
<div>
|
|
|
<el-col :span="16">
|
|
|
- <search-query :datalist="hshipperData" :selectValue="assemblyForm.detail.hshipperCnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true" :addIf="true" :tableIf="false"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择发货人"
|
|
|
- @addJump="addJump('hshipper')" @remoteMethod="remoteMethod($event, 'hshipper')"
|
|
|
+ <search-query :datalist="hshipperData"
|
|
|
+ :selectValue="assemblyForm.detail.hshipperCnName" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :addIf="true" :tableIf="false"
|
|
|
+ :disabled="detailData.seeDisabled" :joinData="true"
|
|
|
+ :forParameter="{ key: 'id', short: 'code', label: 'cnName', value: 'cnName' }"
|
|
|
+ placeholder="请选择发货人" @addJump="addJump('hshipper')"
|
|
|
+ @remoteMethod="remoteMethod($event, 'hshipper')"
|
|
|
@corpChange="corpChange($event, 'hshipper')"
|
|
|
@corpFocus="remoteMethod($event, 'hshipper')">
|
|
|
</search-query>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.hshipperCntyName"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="发货人"></el-input>
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.hshipperCntyName" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" clearable placeholder="发货人"></el-input>
|
|
|
</el-col>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 4px">
|
|
|
<el-form-item label="" prop="hshipperDetails">
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.hshipperDetails"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="5" clearable
|
|
|
- placeholder="请输入发货人提单描述" @blur="textareaBlur('hshipperDetails')"></el-input>
|
|
|
+ <el-input type="textarea" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.hshipperDetails" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" rows="5" clearable placeholder="请输入发货人提单描述"
|
|
|
+ @blur="textareaBlur('hshipperDetails')"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<el-form-item label="收货人" prop="hconsigneeCnName">
|
|
@@ -39,20 +42,23 @@
|
|
|
</span>
|
|
|
<div>
|
|
|
<el-col :span="16">
|
|
|
- <search-query :datalist="hconsigneeData" :selectValue="assemblyForm.detail.hconsigneeCnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true"
|
|
|
+ <search-query :datalist="hconsigneeData"
|
|
|
+ :selectValue="assemblyForm.detail.hconsigneeCnName" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :joinData="true"
|
|
|
:disabled="detailData.seeDisabled" :addIf="true" :tableIf="false"
|
|
|
- placeholder="请选择收货人" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
- @addJump="addJump('hconsignee')" @remoteMethod="remoteMethod($event, 'hconsignee')"
|
|
|
+ placeholder="请选择收货人"
|
|
|
+ :forParameter="{ key: 'id', short: 'code', label: 'cnName', value: 'cnName' }"
|
|
|
+ @addJump="addJump('hconsignee')"
|
|
|
+ @remoteMethod="remoteMethod($event, 'hconsignee')"
|
|
|
@corpChange="corpChange($event, 'hconsignee')"
|
|
|
@corpFocus="remoteMethod($event, 'hconsignee')">
|
|
|
</search-query>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
<span style="padding-left: 10px"></span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.hconsigneeCntyName"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="收货人"></el-input>
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.hconsigneeCntyName" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" clearable placeholder="收货人"></el-input>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
<span style="margin-left: 20px"></span>
|
|
@@ -63,9 +69,10 @@
|
|
|
</el-form-item>
|
|
|
<div>
|
|
|
<el-form-item label="" prop="hconsigneeDetails">
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.hconsigneeDetails"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="5" clearable
|
|
|
- placeholder="请输入收货人提单描述" @blur="textareaBlur('hconsigneeDetails')"></el-input>
|
|
|
+ <el-input type="textarea" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.hconsigneeDetails" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" rows="5" clearable placeholder="请输入收货人提单描述"
|
|
|
+ @blur="textareaBlur('hconsigneeDetails')"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<el-form-item label="通知人" prop="hnotifyCnName">
|
|
@@ -74,10 +81,12 @@
|
|
|
</span>
|
|
|
<div>
|
|
|
<el-col :span="16">
|
|
|
- <search-query :datalist="hnotifyData" :selectValue="assemblyForm.detail.hnotifyCnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true"
|
|
|
+ <search-query :datalist="hnotifyData"
|
|
|
+ :selectValue="assemblyForm.detail.hnotifyCnName" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :joinData="true"
|
|
|
:disabled="detailData.seeDisabled" :addIf="true" :tableIf="false"
|
|
|
- placeholder="请选择通知人" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ placeholder="请选择通知人"
|
|
|
+ :forParameter="{ key: 'id', short: 'code', label: 'cnName', value: 'cnName' }"
|
|
|
@addJump="addJump('hconsignee')" @remoteMethod="remoteMethod($event, 'hnotify')"
|
|
|
@corpChange="corpChange($event, 'hnotify')"
|
|
|
@corpFocus="remoteMethod($event, 'hnotify')">
|
|
@@ -87,12 +96,14 @@
|
|
|
<div
|
|
|
style="display: flex;align-items: center;justify-content: space-between;padding-left: 10px">
|
|
|
<div style="flex: 4">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail.hnotifyCntyName"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.hnotifyCntyName" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
placeholder="通知人"></el-input>
|
|
|
</div>
|
|
|
<div style="flex: 1;margin-left: 10px">
|
|
|
- <el-button type="primary" icon="el-icon-plus" size="mini" @click="hnotifyClick"></el-button>
|
|
|
+ <el-button type="primary" icon="el-icon-plus" size="mini"
|
|
|
+ @click="hnotifyClick"></el-button>
|
|
|
<!-- <div class="addbuttonClass" @click="hnotifyClick">+</div> -->
|
|
|
</div>
|
|
|
</div>
|
|
@@ -101,9 +112,10 @@
|
|
|
</el-form-item>
|
|
|
<div>
|
|
|
<el-form-item label="" prop="hnotifyDetails">
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.hnotifyDetails"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="5" clearable
|
|
|
- placeholder="请输入通知人提单描述" @blur="textareaBlur('hnotifyDetails')"></el-input>
|
|
|
+ <el-input type="textarea" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.hnotifyDetails" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" rows="5" clearable placeholder="请输入通知人提单描述"
|
|
|
+ @blur="textareaBlur('hnotifyDetails')"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-row>
|
|
@@ -121,10 +133,11 @@
|
|
|
</span>
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
- <search-query :datalist="placeReceiptData" :selectValue="assemblyForm.placeReceiptName"
|
|
|
- :filterable="true" :clearable="true" :remote="true"
|
|
|
+ <search-query :datalist="placeReceiptData"
|
|
|
+ :selectValue="assemblyForm.placeReceiptCode" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :joinData="true"
|
|
|
:disabled="detailData.seeDisabled" :buttonIf="false" placeholder="请选择收货地"
|
|
|
- :forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
+ :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
|
|
|
@remoteMethod="remoteMethod($event, 'placeReceipt')"
|
|
|
@corpChange="corpChange($event, 'placeReceipt')"
|
|
|
@corpFocus="remoteMethod($event, 'placeReceipt')">
|
|
@@ -132,9 +145,9 @@
|
|
|
</el-col>
|
|
|
<el-col :span="13">
|
|
|
<span style="padding-left: 20px"></span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.placeReceiptNamePrint"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="收货地"></el-input>
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.placeReceiptNamePrint" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" clearable placeholder="收货地"></el-input>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form-item>
|
|
@@ -151,11 +164,13 @@
|
|
|
</span>
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
- <search-query :datalist="polData" :selectValue="assemblyForm.polEnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true"
|
|
|
+ <search-query :datalist="polData" :selectValue="assemblyForm.polCode"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :joinData="true"
|
|
|
:disabled="detailData.seeDisabled || generateBillsfalse" :buttonIf="false"
|
|
|
- placeholder="请选择装货港" :forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
- @remoteMethod="remoteMethod($event, 'pol')" @corpChange="corpChange($event, 'pol')"
|
|
|
+ placeholder="请选择装货港"
|
|
|
+ :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'pol')"
|
|
|
+ @corpChange="corpChange($event, 'pol')"
|
|
|
@corpFocus="remoteMethod($event, 'pol')">
|
|
|
</search-query>
|
|
|
</el-col>
|
|
@@ -181,11 +196,12 @@
|
|
|
</span>
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
- <search-query :datalist="podData" :selectValue="assemblyForm.podEnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true"
|
|
|
+ <search-query :datalist="podData" :selectValue="assemblyForm.podCode"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :joinData="true"
|
|
|
:disabled="detailData.seeDisabled" :buttonIf="false" placeholder="请选择卸货港"
|
|
|
- :forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
- @remoteMethod="remoteMethod($event, 'pod')" @corpChange="corpChange($event, 'pod')"
|
|
|
+ :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'pod')"
|
|
|
+ @corpChange="corpChange($event, 'pod')"
|
|
|
@corpFocus="remoteMethod($event, 'pod')">
|
|
|
</search-query>
|
|
|
</el-col>
|
|
@@ -210,10 +226,12 @@
|
|
|
</span>
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
- <search-query :datalist="destinationData" :selectValue="assemblyForm.destinationName"
|
|
|
- :filterable="true" :clearable="true" :remote="true"
|
|
|
+ <search-query :datalist="destinationData"
|
|
|
+ :selectValue="assemblyForm.destinationCode" :filterable="true" :clearable="true"
|
|
|
+ :remote="true" :joinData="true"
|
|
|
:disabled="detailData.seeDisabled || generateBillsfalse" :buttonIf="false"
|
|
|
- placeholder="请选择目的地" :forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
+ placeholder="请选择目的地"
|
|
|
+ :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
|
|
|
@remoteMethod="remoteMethod($event, 'destination')"
|
|
|
@corpChange="corpChange($event, 'destination')"
|
|
|
@corpFocus="remoteMethod($event, 'destination')">
|
|
@@ -221,8 +239,8 @@
|
|
|
</el-col>
|
|
|
<el-col :span="13">
|
|
|
<span style="padding-left: 20px"></span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.destinationNamePrint"
|
|
|
- size="small" autocomplete="off"
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.destinationNamePrint" size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled || generateBillsfalse" clearable
|
|
|
placeholder="目的地"></el-input>
|
|
|
</el-col>
|
|
@@ -241,10 +259,11 @@
|
|
|
</span>
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
- <search-query :datalist="placeDeliveryData"
|
|
|
- :selectValue="assemblyForm.placeDeliveryName" :filterable="true" :clearable="true"
|
|
|
- :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
- placeholder="请选择交货地" :forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
+ <search-query :datalist="placeDeliveryData" :joinData="true"
|
|
|
+ :selectValue="assemblyForm.placeDeliveryCode" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" placeholder="请选择交货地"
|
|
|
+ :forParameter="{ key: 'id', short: 'enName', label: 'code', value: 'enName' }"
|
|
|
@remoteMethod="remoteMethod($event, 'placeDelivery')"
|
|
|
@corpChange="corpChange($event, 'placeDelivery')"
|
|
|
@corpFocus="remoteMethod($event, 'placeDelivery')">
|
|
@@ -252,9 +271,9 @@
|
|
|
</el-col>
|
|
|
<el-col :span="13">
|
|
|
<span style="padding-left: 20px"></span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.placeDeliveryNamePrint"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- placeholder="交货地"></el-input>
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.placeDeliveryNamePrint" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" clearable placeholder="交货地"></el-input>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form-item>
|
|
@@ -271,11 +290,12 @@
|
|
|
</span>
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
- <search-query :datalist="potData" :selectValue="assemblyForm.potEnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true"
|
|
|
+ <search-query :datalist="potData" :selectValue="assemblyForm.potCode"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :joinData="true"
|
|
|
:disabled="detailData.seeDisabled" :buttonIf="false" placeholder="请选择中转港"
|
|
|
- :forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
- @remoteMethod="remoteMethod($event, 'pot')" @corpChange="corpChange($event, 'pot')"
|
|
|
+ :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>
|
|
@@ -367,8 +387,9 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.commodityDescr"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="5" clearable
|
|
|
- placeholder="请输入提单上货物描述" @blur="textareaBlur('commodityDescr')"></el-input>
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="5"
|
|
|
+ clearable placeholder="请输入提单上货物描述"
|
|
|
+ @blur="textareaBlur('commodityDescr')"></el-input>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
@@ -389,7 +410,8 @@
|
|
|
<span slot="label">
|
|
|
<el-popover placement="right" width="400" trigger="hover"
|
|
|
@show="delShow(assemblyForm.vesselId, 3)">
|
|
|
- <avue-crud :data="delData" :option="delOption" :table-loading="loading"></avue-crud>
|
|
|
+ <avue-crud :data="delData" :option="delOption"
|
|
|
+ :table-loading="loading"></avue-crud>
|
|
|
<!-- <el-button slot="reference">click 激活</el-button> -->
|
|
|
<span style="color:rgb(76, 158, 68);text-decoration: underline;"
|
|
|
slot="reference">船名</span>
|
|
@@ -401,7 +423,8 @@
|
|
|
:disabled="detailData.seeDisabled || generateBillsfalse" :buttonIf="false"
|
|
|
placeholder="请选择船名" :forParameter="{ key: 'id', label: 'enName', value: 'enName' }"
|
|
|
@remoteMethod="remoteMethod($event, 'vessel')"
|
|
|
- @corpChange="corpChange($event, 'vessel')" @corpFocus="remoteMethod($event, 'vessel')">
|
|
|
+ @corpChange="corpChange($event, 'vessel')"
|
|
|
+ @corpFocus="remoteMethod($event, 'vessel')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="航次" prop="voyageNo" label-width="90px">
|
|
@@ -409,16 +432,16 @@
|
|
|
<span style="color: #1e9fff">航次</span>
|
|
|
</span>
|
|
|
<el-input type="age" style="width: 100%;" v-model="assemblyForm.voyageNo" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled || generateBillsfalse" clearable
|
|
|
- placeholder="请输入航次"></el-input>
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled || generateBillsfalse"
|
|
|
+ clearable placeholder="请输入航次"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<el-form-item label="客户约号" prop="corpArgreementNo" label-width="90px">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">客户约号</span>
|
|
|
</span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.corpArgreementNo" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.corpArgreementNo"
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
placeholder="请输入客户约号"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="船公司" prop="carrierCnName">
|
|
@@ -427,10 +450,12 @@
|
|
|
@click="emailJump('carrier')">船公司</span>
|
|
|
</span>
|
|
|
<search-query :datalist="carrierData" :selectValue="assemblyForm.carrierCnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :joinData="true"
|
|
|
:disabled="detailData.seeDisabled || generateBillsfalse" :buttonIf="false"
|
|
|
- placeholder="请选择船公司" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
- @remoteMethod="remoteMethod($event, 'carrier')" @corpChange="corpChange($event, 'carrier')"
|
|
|
+ placeholder="请选择船公司"
|
|
|
+ :forParameter="{ key: 'id', short: 'shortName', label: 'cnName', value: 'cnName' }"
|
|
|
+ @remoteMethod="remoteMethod($event, 'carrier')"
|
|
|
+ @corpChange="corpChange($event, 'carrier')"
|
|
|
@corpFocus="remoteMethod($event, 'carrier')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
@@ -447,9 +472,10 @@
|
|
|
<span style="color: #1e9fff">订舱代理</span>
|
|
|
</span>
|
|
|
<el-col :span="9" style="margin-left: -10px">
|
|
|
- <search-query :datalist="bookingAgentData" :selectValue="assemblyForm.bookingAgentCnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false" placeholder="请选择订舱代理"
|
|
|
+ <search-query :datalist="bookingAgentData"
|
|
|
+ :selectValue="assemblyForm.bookingAgentCnName" :filterable="true" :clearable="true"
|
|
|
+ :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ placeholder="请选择订舱代理"
|
|
|
:forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
@remoteMethod="remoteMethod($event, 'bookingAgent')"
|
|
|
@corpChange="corpChange($event, 'bookingAgent')"
|
|
@@ -596,8 +622,8 @@
|
|
|
</span>
|
|
|
<search-query :datalist="coloaderCnNameData" :selectValue="assemblyForm.coloaderCnName"
|
|
|
:filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="true" :addIf="true" placeholder="请选择COLOADER" @addJump="addJump"
|
|
|
- :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ :buttonIf="true" :addIf="true" placeholder="请选择COLOADER" @addJump="addJump" :joinData="true"
|
|
|
+ :forParameter="{ key: 'id', short: 'shortName', label: 'cnName', value: 'cnName' }"
|
|
|
@remoteMethod="remoteMethod($event, 'coloaderCnName')"
|
|
|
@corpChange="corpChange($event, 'coloaderCnName')"
|
|
|
@corpFocus="remoteMethod($event, 'coloaderCnName')">
|
|
@@ -612,8 +638,8 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff;">FORWARDING</span>
|
|
|
</span>
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.forwarding" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled" rows="2" clearable
|
|
|
+ <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.forwarding"
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="2" clearable
|
|
|
placeholder="请输入FORWARDING" @blur="textareaBlur('FORWARDING')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -623,8 +649,8 @@
|
|
|
<span style="color: #1e9fff">备注</span>
|
|
|
</span>
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.remarks" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled" rows="2" clearable placeholder="请输入备注"
|
|
|
- @blur="textareaBlur('remarks')"></el-input>
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" rows="2" clearable
|
|
|
+ placeholder="请输入备注" @blur="textareaBlur('remarks')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -639,10 +665,11 @@
|
|
|
@click="emailJump('cy')">场站</span>
|
|
|
</span>
|
|
|
<search-query :datalist="cyData" :selectValue="assemblyForm.cyCnName" :filterable="true"
|
|
|
- :clearable="true" :remote="true" :disabled="detailData.seeDisabled || generateBillsfalse"
|
|
|
- :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
- placeholder="请选择场站" @remoteMethod="remoteMethod($event, 'cy')"
|
|
|
- @corpChange="corpChange($event, 'cy')" @corpFocus="remoteMethod($event, 'cy')">
|
|
|
+ :clearable="true" :remote="true"
|
|
|
+ :disabled="detailData.seeDisabled || generateBillsfalse" :buttonIf="false"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择场站"
|
|
|
+ @remoteMethod="remoteMethod($event, 'cy')" @corpChange="corpChange($event, 'cy')"
|
|
|
+ @corpFocus="remoteMethod($event, 'cy')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -696,8 +723,9 @@
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="通知人" prop="hnotify2CnName">
|
|
|
<search-query :datalist="hnotify2Data" :selectValue="assemblyForm.detail.hnotify2CnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ :joinData="true" :filterable="true" :clearable="true" :remote="true"
|
|
|
+ :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ :forParameter="{ key: 'id', short: 'code', label: 'cnName', value: 'cnName' }"
|
|
|
placeholder="请选择通知人" @remoteMethod="remoteMethod($event, 'hnotify2')"
|
|
|
@corpChange="corpChange($event, 'hnotify2')"
|
|
|
@corpFocus="remoteMethod($event, 'hnotify2')">
|
|
@@ -713,9 +741,10 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="提单描述" prop="hnotify2Details">
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.hnotify2Details"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="4" clearable
|
|
|
- placeholder="请输入通知人提单描述" @blur="textareaBlur('hnotify2Details')"></el-input>
|
|
|
+ <el-input type="textarea" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.hnotify2Details" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" rows="4" clearable placeholder="请输入通知人提单描述"
|
|
|
+ @blur="textareaBlur('hnotify2Details')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
@@ -759,9 +788,9 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="易燃易爆品闪点" prop="dgFlashPoint">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.dgFlashPoint" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled" @input="dgFlashPointInput"
|
|
|
- clearable placeholder="请输入易燃易爆品闪点"></el-input>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.dgFlashPoint"
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled"
|
|
|
+ @input="dgFlashPointInput" clearable placeholder="请输入易燃易爆品闪点"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
@@ -787,8 +816,8 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="危险品净重" prop="dgTel">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.dgNetWeight" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.dgNetWeight"
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
placeholder="请输入危险品净重"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -1157,7 +1186,7 @@ export default {
|
|
|
}
|
|
|
for (let item of this[name + 'Data']) {
|
|
|
if (item.cnName == value) {
|
|
|
- console.log(item.cntyCode,1231231)
|
|
|
+ console.log(item.cntyCode, 1231231)
|
|
|
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)
|
|
@@ -1188,7 +1217,7 @@ export default {
|
|
|
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.split('-')[1])
|
|
|
+ this.$set(this.assemblyForm, name + 'NamePrint', item.enName)
|
|
|
// 签单地点 默认 装货港
|
|
|
if (name == 'pol') {
|
|
|
this.$set(this.assemblyForm, 'issueAt', this.assemblyForm.polCnName)
|
|
@@ -1217,7 +1246,7 @@ export default {
|
|
|
this.$set(this.assemblyForm, name + 'Id', item.id)
|
|
|
this.$set(this.assemblyForm, name + 'Name', item.enName)
|
|
|
this.$set(this.assemblyForm, name + 'Code', item.code)
|
|
|
- this.$set(this.assemblyForm, name + 'NamePrint', item.enName.split('-')[1])
|
|
|
+ this.$set(this.assemblyForm, name + 'NamePrint', item.enName)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -1415,7 +1444,7 @@ export default {
|
|
|
},
|
|
|
// 通知人
|
|
|
hnotify2HandleClose(done) {
|
|
|
- done();
|
|
|
+ done();
|
|
|
},
|
|
|
// 危险品弹窗开启
|
|
|
DangerousGoodsAdd() {
|
|
@@ -1566,104 +1595,71 @@ export default {
|
|
|
hshipperBcorpsListfun(cnName) {
|
|
|
let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
getBcorpslistByType(1, 10, { cnName, status: 0, corpTypeName }).then(res => {
|
|
|
- this.hshipperData = res.data.data.records.map(item => {
|
|
|
- item.cnName = item.cnName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.hshipperData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 获取收货人数据 (往来单位 前四个代理)
|
|
|
hconsigneeBcorpsListfun(cnName) {
|
|
|
let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
getBcorpslistByType(1, 10, { cnName, status: 0, corpTypeName }).then(res => {
|
|
|
- this.hconsigneeData = res.data.data.records.map(item => {
|
|
|
- item.cnName = item.cnName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.hconsigneeData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 获取通知人数据 (往来单位 前四个代理)
|
|
|
hnotifyBcorpsListfun(cnName) {
|
|
|
let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
getBcorpslistByType(1, 10, { cnName, status: 0, corpTypeName }).then(res => {
|
|
|
- this.hnotifyData = res.data.data.records.map(item => {
|
|
|
- item.cnName = item.cnName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.hnotifyData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 获取第二通知人数据 (往来单位 前四个代理)
|
|
|
hnotify2BcorpsListfun(cnName) {
|
|
|
let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
getBcorpslistByType(1, 10, { cnName, status: 0, corpTypeName }).then(res => {
|
|
|
- this.hnotify2Data = res.data.data.records.map(item => {
|
|
|
- item.cnName = item.cnName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.hnotify2Data = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 收货地数据 (港口表)
|
|
|
placeReceiptBportsListfun(enName) {
|
|
|
bportsList(1, 10, { enName, status: 0 }).then(res => {
|
|
|
- this.placeReceiptData = res.data.data.records.map(item => {
|
|
|
- item.enName =item.code + ' - ' + item.enName
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.placeReceiptData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 装货港数据
|
|
|
polBportsListfun(enName) {
|
|
|
bportsList(1, 10, { enName, status: 0 }).then(res => {
|
|
|
- this.polData = res.data.data.records.map(item => {
|
|
|
- item.enName = item.code + ' - ' + item.enName
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.polData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 卸货港数据
|
|
|
podBportsListfun(enName) {
|
|
|
bportsList(1, 10, { enName, status: 0 }).then(res => {
|
|
|
- this.podData = res.data.data.records.map(item => {
|
|
|
- item.enName = item.code + ' - ' + item.enName
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.podData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 目的地
|
|
|
destinationBportsListfun(enName) {
|
|
|
bportsList(1, 10, { enName, status: 0 }).then(res => {
|
|
|
- this.destinationData = res.data.data.records.map(item => {
|
|
|
- item.enName = item.code + ' - ' + item.enName
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.destinationData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 交货地
|
|
|
placeDeliveryBportsListfun(enName) {
|
|
|
bportsList(1, 10, { enName, status: 0 }).then(res => {
|
|
|
- this.placeDeliveryData = res.data.data.records.map(item => {
|
|
|
- item.enName = item.code + ' - ' + item.enName
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.placeDeliveryData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 中转港
|
|
|
potBportsListfun(enName) {
|
|
|
bportsList(1, 10, { enName, status: 0 }).then(res => {
|
|
|
- this.potData = res.data.data.records.map(item => {
|
|
|
- item.enName = item.code + ' - ' + item.enName
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.potData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 获取类别 COLOADER 数据
|
|
|
bcorpstypedefineListfun(cnName) {
|
|
|
let corpTypeName = '国内直接客户,国内同行及代理,国外直接客户,国外同行及代理'
|
|
|
getBcorpslistByType(1, 10, { cnName, status: 0, corpTypeName }).then(res => {
|
|
|
- this.coloaderCnNameData = res.data.data.records.map(item => {
|
|
|
- item.cnName = item.cnName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.coloaderCnNameData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 包装数据
|
|
@@ -1713,19 +1709,13 @@ export default {
|
|
|
carrierBcorpslistByTypefun(cnName) {
|
|
|
let corpTypeName = '船公司'
|
|
|
getBcorpslistByType(1, 10, { cnName, status: 0, corpTypeName }).then(res => {
|
|
|
- this.carrierData = res.data.data.records.map(item => {
|
|
|
- item.cnName = item.cnName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.carrierData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 船名
|
|
|
vesselBvesselsListfun(cnName) {
|
|
|
getBvesselsList(1, 10, { cnName, status: 0 }).then(res => {
|
|
|
- this.vesselData = res.data.data.records.map(item => {
|
|
|
- item.cnName = item.cnName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
+ this.vesselData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
// 订舱代理
|