|
@@ -37,7 +37,8 @@
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hShipperDetails"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="4"
|
|
|
- clearable placeholder="发货人提单描述" ></el-input>
|
|
|
+ clearable placeholder="发货人提单描述"
|
|
|
+ @blur="textareaBlur('hShipperDetails')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<el-form-item label="收货人" prop="hConsigneeCnName" >
|
|
@@ -64,7 +65,7 @@
|
|
|
<el-input type="age" style="width: 100%;" v-model="assemblyForm.hConsigneeCntyName"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
- clearable placeholder="收货人提单描述" ></el-input>
|
|
|
+ clearable placeholder="收货人" ></el-input>
|
|
|
</el-col>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
@@ -73,7 +74,8 @@
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hConsigneeDetails"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="4"
|
|
|
- clearable placeholder="收货人提单描述" ></el-input>
|
|
|
+ clearable placeholder="收货人提单描述"
|
|
|
+ @blur="textareaBlur('hConsigneeDetails')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<el-form-item label="通知人" prop="hNotifyCnName" >
|
|
@@ -101,7 +103,7 @@
|
|
|
<el-input type="age" style="width: 100%;" v-model="assemblyForm.hNotifyCntyName"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
- clearable placeholder="通知人提单描述" ></el-input>
|
|
|
+ clearable placeholder="通知人" ></el-input>
|
|
|
</div>
|
|
|
<div style="flex: 1;margin-left: 10px">
|
|
|
<div class="addbuttonClass" @click="hNotifyClick">+</div>
|
|
@@ -115,7 +117,8 @@
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hNotifyDetails"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="5"
|
|
|
- clearable placeholder="通知人提单描述" ></el-input>
|
|
|
+ clearable placeholder="通知人提单描述"
|
|
|
+ @blur="textareaBlur('hNotifyDetails')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-row>
|
|
@@ -129,7 +132,8 @@
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.marks"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="5"
|
|
|
- clearable placeholder="备注唛头" ></el-input>
|
|
|
+ clearable placeholder="备注唛头"
|
|
|
+ @blur="textareaBlur('marks')" ></el-input>
|
|
|
</div>
|
|
|
<div style="margin-top: 4px">
|
|
|
<el-form-item label="HS CODE" prop="commodityCnName" >
|
|
@@ -196,7 +200,8 @@
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.commodityDescr"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="8"
|
|
|
- clearable placeholder="提单上货物描述" ></el-input>
|
|
|
+ clearable placeholder="提单上货物描述"
|
|
|
+ @blur="textareaBlur('commodityDescr')" ></el-input>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
@@ -374,7 +379,7 @@
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
@remoteMethod="remoteMethod($event,'placeReceipt')"
|
|
|
@corpChange="corpChange($event,'placeReceipt')"
|
|
|
@corpFocus="remoteMethod($event,'placeReceipt')" >
|
|
@@ -396,13 +401,13 @@
|
|
|
<el-row>
|
|
|
<el-col :span="16">
|
|
|
<search-query :datalist="polData"
|
|
|
- :selectValue="assemblyForm.polCnName"
|
|
|
+ :selectValue="assemblyForm.polEnName"
|
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
@remoteMethod="remoteMethod($event,'pol')"
|
|
|
@corpChange="corpChange($event,'pol')"
|
|
|
@corpFocus="remoteMethod($event,'pol')" >
|
|
@@ -424,13 +429,13 @@
|
|
|
<el-row>
|
|
|
<el-col :span="16">
|
|
|
<search-query :datalist="podData"
|
|
|
- :selectValue="assemblyForm.podCnName"
|
|
|
+ :selectValue="assemblyForm.podEnName"
|
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
@remoteMethod="remoteMethod($event,'pod')"
|
|
|
@corpChange="corpChange($event,'pod')"
|
|
|
@corpFocus="remoteMethod($event,'pod')" >
|
|
@@ -458,7 +463,7 @@
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
@remoteMethod="remoteMethod($event,'destination')"
|
|
|
@corpChange="corpChange($event,'destination')"
|
|
|
@corpFocus="remoteMethod($event,'destination')" >
|
|
@@ -486,7 +491,7 @@
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
@remoteMethod="remoteMethod($event,'placeDelivery')"
|
|
|
@corpChange="corpChange($event,'placeDelivery')"
|
|
|
@corpFocus="remoteMethod($event,'placeDelivery')" >
|
|
@@ -501,6 +506,35 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="中转港" prop="placeDeliveryName" >
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">中转港</span>
|
|
|
+ </span>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="16">
|
|
|
+ <search-query :datalist="potData"
|
|
|
+ :selectValue="assemblyForm.potEnName"
|
|
|
+ :filterable="true"
|
|
|
+ :clearable="true"
|
|
|
+ :remote="true"
|
|
|
+ :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
+ @remoteMethod="remoteMethod($event,'pot')"
|
|
|
+ @corpChange="corpChange($event,'pot')"
|
|
|
+ @corpFocus="remoteMethod($event,'pot')" >
|
|
|
+ </search-query>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <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="中转港" ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
</el-col>
|
|
|
<el-col :span="16">
|
|
|
<precontainers :assemblyForm="assemblyForm"
|
|
@@ -517,7 +551,8 @@
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.remarks"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="3"
|
|
|
- clearable placeholder="备注" ></el-input>
|
|
|
+ clearable placeholder="备注"
|
|
|
+ @blur="textareaBlur('remarks')" ></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-row :gutter="20">
|
|
@@ -572,7 +607,8 @@
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.bookingRemarks"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="3"
|
|
|
- clearable placeholder="订舱备注" ></el-input>
|
|
|
+ clearable placeholder="订舱备注"
|
|
|
+ @blur="textareaBlur('bookingRemarks')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
@@ -604,7 +640,8 @@
|
|
|
<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>
|
|
|
+ clearable placeholder="SI备注"
|
|
|
+ @blur="textareaBlur('siRemarks')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -649,7 +686,8 @@
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hNotify2Details"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="4"
|
|
|
- clearable placeholder="通知人提单描述" ></el-input>
|
|
|
+ clearable placeholder="通知人提单描述"
|
|
|
+ @blur="textareaBlur('hNotify2Details')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
@@ -757,6 +795,8 @@ import {getBvesselsList} from "@/api/iosBasicData/bvessels";
|
|
|
import {blinesList} from "@/api/iosBasicData/blines";
|
|
|
import {bcorpstypedefineList} from "@/api/iosBasicData/bcorpstypedefine";
|
|
|
import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
+import {textareaWrap} from "@/util/messageReminder";
|
|
|
+import Vue from "vue";
|
|
|
|
|
|
export default {
|
|
|
props:{
|
|
@@ -792,6 +832,8 @@ import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
destinationData:[],
|
|
|
// 交货地
|
|
|
placeDeliveryData:[],
|
|
|
+ // 中转港
|
|
|
+ potData:[],
|
|
|
// 商品 HS-CODE
|
|
|
commodityData:[],
|
|
|
// 货物类别
|
|
@@ -823,6 +865,8 @@ import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
lineData:[],
|
|
|
// COLOADER
|
|
|
coloaderCnNameData:[],
|
|
|
+
|
|
|
+ marksIndex:1
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -857,7 +901,7 @@ import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
// 远程搜索
|
|
|
remoteMethod(value,name){
|
|
|
let arr = ['hShipper','hConsignee','hNotify','hNotify2','bookingAgent']
|
|
|
- let portArr = ['placeReceipt','pol','pod','destination','placeDelivery']
|
|
|
+ let portArr = ['placeReceipt','pol','pod','destination','placeDelivery','pot']
|
|
|
if (arr.indexOf(name) != -1) {
|
|
|
this[name + 'BcorpsListfun'](value)
|
|
|
}
|
|
@@ -895,7 +939,7 @@ import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
corpChange(value,name) {
|
|
|
let arr = ['hShipper','hConsignee','hNotify','hNotify2']
|
|
|
let portArr = ['placeReceipt','destination','placeDelivery']
|
|
|
- let cnPorArr = ['pol','pod']
|
|
|
+ let cnPorArr = ['pol','pod','pot']
|
|
|
if (arr.indexOf(name) != -1) {
|
|
|
for(let item of this[name + 'Data']) {
|
|
|
if (item.cnName == value) {
|
|
@@ -914,7 +958,7 @@ import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
// 有中文名称的港口
|
|
|
else if (cnPorArr.indexOf(name) != -1) {
|
|
|
for(let item of this[name + 'Data']) {
|
|
|
- if (item.cnName == value) {
|
|
|
+ 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)
|
|
@@ -931,9 +975,9 @@ import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
// 没有中文名的港口
|
|
|
else if (portArr.indexOf(name) != -1) {
|
|
|
for(let item of this[name + 'Data']) {
|
|
|
- if (item.cnName == value) {
|
|
|
+ if (item.enName == value) {
|
|
|
this.$set(this.assemblyForm,name + 'Id',item.id)
|
|
|
- this.$set(this.assemblyForm,name + 'Name',item.cnName)
|
|
|
+ this.$set(this.assemblyForm,name + 'Name',item.enName)
|
|
|
this.$set(this.assemblyForm,name + 'Code',item.code)
|
|
|
this.$set(this.assemblyForm,name + 'NamePrint',item.enName)
|
|
|
}
|
|
@@ -1076,8 +1120,20 @@ import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
})
|
|
|
.catch(_ => {});
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
+ // text文本框input
|
|
|
+ textareaBlur(name){
|
|
|
+ if (this.assemblyForm[name].length > (35 * 5)) {
|
|
|
+ this.$message({
|
|
|
+ message: '输入的字体已经超出五行',
|
|
|
+ type: 'warning'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ let arr = ['hShipperDetails','hConsigneeDetails','hNotifyDetails','marks','commodityDescr','hNotify2Details']
|
|
|
+ if (arr.indexOf(name) != -1) {
|
|
|
+ this.assemblyForm[name] = this.assemblyForm[name].toUpperCase()
|
|
|
+ }
|
|
|
+ this.assemblyForm[name] = textareaWrap(this.assemblyForm[name])
|
|
|
+ },
|
|
|
// 接口数据请求🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
|
|
|
// 获取发货人数据 (往来单位 前四个代理)
|
|
|
hShipperBcorpsListfun(cnName){
|
|
@@ -1137,6 +1193,12 @@ import bcorpstypedefine from "@/views/iosBasicData/bcorps/bcorpstypedefine.vue";
|
|
|
this.placeDeliveryData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
+ // 交货地
|
|
|
+ potBportsListfun(enName){
|
|
|
+ bportsList(1,10,{enName}).then(res=>{
|
|
|
+ this.potData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
// 获取类别 COLOADER 数据
|
|
|
bcorpstypedefineListfun(cnName){
|
|
|
bcorpstypedefineList(1,10,{cnName}).then(res=>{
|