|
@@ -4,28 +4,28 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col span="8">
|
|
|
<el-row>
|
|
|
- <el-form-item label="发货人" prop="hShipperCnName" >
|
|
|
+ <el-form-item label="发货人" prop="hshipperCnName" >
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">发货人</span>
|
|
|
</span>
|
|
|
<div>
|
|
|
<el-col :span="16">
|
|
|
- <search-query :datalist="hShipperData"
|
|
|
- :selectValue="assemblyForm.hShipperCnName"
|
|
|
+ <search-query :datalist="hshipperData"
|
|
|
+ :selectValue="assemblyForm.hshipperCnName"
|
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'hShipper')"
|
|
|
- @corpChange="corpChange($event,'hShipper')"
|
|
|
- @corpFocus="remoteMethod($event,'hShipper')">
|
|
|
+ @remoteMethod="remoteMethod($event,'hshipper')"
|
|
|
+ @corpChange="corpChange($event,'hshipper')"
|
|
|
+ @corpFocus="remoteMethod($event,'hshipper')">
|
|
|
</search-query>
|
|
|
</el-col>
|
|
|
<el-col :span="7">
|
|
|
<span style="padding-left: 20px"></span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.hShipperCntyName"
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.hshipperCntyName"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
clearable placeholder="国家" ></el-input>
|
|
@@ -33,36 +33,36 @@
|
|
|
</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.hShipperDetails"
|
|
|
+ <el-form-item label="" prop="hshipperDetails" >
|
|
|
+ <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hshipperDetails"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="4"
|
|
|
clearable placeholder="发货人提单描述"
|
|
|
- @blur="textareaBlur('hShipperDetails')" ></el-input>
|
|
|
+ @blur="textareaBlur('hshipperDetails')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <el-form-item label="收货人" prop="hConsigneeCnName" >
|
|
|
+ <el-form-item label="收货人" prop="hconsigneeCnName" >
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">收货人</span>
|
|
|
</span>
|
|
|
<div>
|
|
|
<el-col :span="16">
|
|
|
- <search-query :datalist="hConsigneeData"
|
|
|
- :selectValue="assemblyForm.hConsigneeCnName"
|
|
|
+ <search-query :datalist="hconsigneeData"
|
|
|
+ :selectValue="assemblyForm.hconsigneeCnName"
|
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'hConsignee')"
|
|
|
- @corpChange="corpChange($event,'hConsignee')"
|
|
|
- @corpFocus="remoteMethod($event,'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.hConsigneeCntyName"
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.hconsigneeCntyName"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
clearable placeholder="收货人" ></el-input>
|
|
@@ -75,55 +75,55 @@
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<div>
|
|
|
- <el-form-item label="" prop="hConsigneeDetails" >
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hConsigneeDetails"
|
|
|
+ <el-form-item label="" prop="hconsigneeDetails" >
|
|
|
+ <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hconsigneeDetails"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="4"
|
|
|
clearable placeholder="收货人提单描述"
|
|
|
- @blur="textareaBlur('hConsigneeDetails')" ></el-input>
|
|
|
+ @blur="textareaBlur('hconsigneeDetails')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <el-form-item label="通知人" prop="hNotifyCnName" >
|
|
|
+ <el-form-item label="通知人" prop="hnotifyCnName" >
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">通知人</span>
|
|
|
</span>
|
|
|
<div>
|
|
|
<el-col :span="16">
|
|
|
- <search-query :datalist="hNotifyData"
|
|
|
- :selectValue="assemblyForm.hNotifyCnName"
|
|
|
+ <search-query :datalist="hnotifyData"
|
|
|
+ :selectValue="assemblyForm.hnotifyCnName"
|
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'hNotify')"
|
|
|
- @corpChange="corpChange($event,'hNotify')"
|
|
|
- @corpFocus="remoteMethod($event,'hNotify')">
|
|
|
+ @remoteMethod="remoteMethod($event,'hnotify')"
|
|
|
+ @corpChange="corpChange($event,'hnotify')"
|
|
|
+ @corpFocus="remoteMethod($event,'hnotify')">
|
|
|
</search-query>
|
|
|
</el-col>
|
|
|
<el-col :span="7">
|
|
|
<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.hNotifyCntyName"
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.hnotifyCntyName"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
clearable placeholder="通知人" ></el-input>
|
|
|
</div>
|
|
|
<div style="flex: 1;margin-left: 10px">
|
|
|
- <div class="addbuttonClass" @click="hNotifyClick">+</div>
|
|
|
+ <div class="addbuttonClass" @click="hnotifyClick">+</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<div>
|
|
|
- <el-form-item label="" prop="hNotifyDetails" >
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hNotifyDetails"
|
|
|
+ <el-form-item label="" prop="hnotifyDetails" >
|
|
|
+ <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hnotifyDetails"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="5"
|
|
|
clearable placeholder="通知人提单描述"
|
|
|
- @blur="textareaBlur('hNotifyDetails')" ></el-input>
|
|
|
+ @blur="textareaBlur('hnotifyDetails')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-row>
|
|
@@ -678,44 +678,44 @@
|
|
|
|
|
|
<el-dialog
|
|
|
title="第二通知人"
|
|
|
- :visible.sync="hNotify2Visible"
|
|
|
+ :visible.sync="hnotify2Visible"
|
|
|
width="30%"
|
|
|
append-to-body
|
|
|
- :before-close="hNotify2HandleClose">
|
|
|
+ :before-close="hnotify2HandleClose">
|
|
|
<div>
|
|
|
<el-form :model="assemblyForm" ref="form" label-width="60px">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="通知人" prop="hNotify2CnName" >
|
|
|
- <search-query :datalist="hNotify2Data"
|
|
|
- :selectValue="assemblyForm.hNotify2CnName"
|
|
|
+ <el-form-item label="通知人" prop="hnotify2CnName" >
|
|
|
+ <search-query :datalist="hnotify2Data"
|
|
|
+ :selectValue="assemblyForm.hnotify2CnName"
|
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'hNotify2')"
|
|
|
- @corpChange="corpChange($event,'hNotify2')"
|
|
|
- @corpFocus="remoteMethod($event,'hNotify2')" >
|
|
|
+ @remoteMethod="remoteMethod($event,'hnotify2')"
|
|
|
+ @corpChange="corpChange($event,'hnotify2')"
|
|
|
+ @corpFocus="remoteMethod($event,'hnotify2')" >
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="国家" prop="hNotify2CntyName" >
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.hNotify2CntyName"
|
|
|
+ <el-form-item label="国家" prop="hnotify2CntyName" >
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.hnotify2CntyName"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
clearable placeholder="国家" ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="提单描述" prop="hNotify2Details" >
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hNotify2Details"
|
|
|
+ <el-form-item label="提单描述" prop="hnotify2Details" >
|
|
|
+ <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.hnotify2Details"
|
|
|
size="small" autocomplete="off"
|
|
|
:disabled="detailData.seeDisabled" rows="4"
|
|
|
clearable placeholder="通知人提单描述"
|
|
|
- @blur="textareaBlur('hNotify2Details')" ></el-input>
|
|
|
+ @blur="textareaBlur('hnotify2Details')" ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
@@ -724,8 +724,8 @@
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button type="danger" @click="hNotify2Cancellation('清除')">清 除</el-button>
|
|
|
- <el-button type="primary" @click="hNotify2Visible = false">确 定</el-button>
|
|
|
+ <el-button type="danger" @click="hnotify2Cancellation('清除')">清 除</el-button>
|
|
|
+ <el-button type="primary" @click="hnotify2Visible = false">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
|
|
@@ -734,7 +734,7 @@
|
|
|
:visible.sync="dgVisible"
|
|
|
width="50%"
|
|
|
append-to-body
|
|
|
- :before-close="hNotify2HandleClose">
|
|
|
+ :before-close="hnotify2HandleClose">
|
|
|
<div>
|
|
|
<el-form :model="assemblyForm" ref="form" label-width="120px">
|
|
|
<el-row :gutter="20">
|
|
@@ -841,15 +841,15 @@ import Vue from "vue";
|
|
|
// 多选的数据
|
|
|
tabsMultipleChoice:[],
|
|
|
// 发货人数据
|
|
|
- hShipperData:[],
|
|
|
+ hshipperData:[],
|
|
|
// 收货人数据
|
|
|
- hConsigneeData:[],
|
|
|
+ hconsigneeData:[],
|
|
|
// 通知人
|
|
|
- hNotifyData:[],
|
|
|
+ hnotifyData:[],
|
|
|
// 第二通知人
|
|
|
- hNotify2Data:[],
|
|
|
+ hnotify2Data:[],
|
|
|
// 通知人弹窗开启关闭
|
|
|
- hNotify2Visible:false,
|
|
|
+ hnotify2Visible:false,
|
|
|
// 收货地
|
|
|
placeReceiptData:[],
|
|
|
// 装货港
|
|
@@ -899,10 +899,10 @@ import Vue from "vue";
|
|
|
},
|
|
|
created() {
|
|
|
// // 往来单位
|
|
|
- // this.hShipperBcorpsListfun()
|
|
|
- // this.hConsigneeBcorpsListfun()
|
|
|
- // this.hNotifyBcorpsListfun()
|
|
|
- // this.hNotify2BcorpsListfun()
|
|
|
+ // this.hshipperBcorpsListfun()
|
|
|
+ // this.hconsigneeBcorpsListfun()
|
|
|
+ // this.hnotifyBcorpsListfun()
|
|
|
+ // this.hnotify2BcorpsListfun()
|
|
|
// this.bookingAgentBcorpsListfun()
|
|
|
// // 港口接口
|
|
|
// this.placeReceiptBportsListfun()
|
|
@@ -928,7 +928,7 @@ import Vue from "vue";
|
|
|
},
|
|
|
// 远程搜索
|
|
|
remoteMethod(value,name){
|
|
|
- let arr = ['hShipper','hConsignee','hNotify','hNotify2','bookingAgent']
|
|
|
+ let arr = ['hshipper','hconsignee','hnotify','hnotify2','bookingAgent']
|
|
|
let portArr = ['placeReceipt','pol','pod','destination','placeDelivery','pot']
|
|
|
if (arr.indexOf(name) != -1) {
|
|
|
this[name + 'BcorpsListfun'](value)
|
|
@@ -965,7 +965,7 @@ import Vue from "vue";
|
|
|
},
|
|
|
// 选择框的回调
|
|
|
corpChange(value,name) {
|
|
|
- let arr = ['hShipper','hConsignee','hNotify','hNotify2']
|
|
|
+ let arr = ['hshipper','hconsignee','hnotify','hnotify2']
|
|
|
let portArr = ['placeReceipt','destination','placeDelivery']
|
|
|
let cnPorArr = ['pol','pod','pot']
|
|
|
if (arr.indexOf(name) != -1) {
|
|
@@ -1094,30 +1094,30 @@ import Vue from "vue";
|
|
|
}
|
|
|
},
|
|
|
// 通知人添加第二个通知人弹窗
|
|
|
- hNotifyClick(){
|
|
|
- this.hNotify2Visible = true
|
|
|
+ hnotifyClick(){
|
|
|
+ this.hnotify2Visible = true
|
|
|
},
|
|
|
// 第二通知人弹窗的清除
|
|
|
- hNotify2Cancellation(name){
|
|
|
+ hnotify2Cancellation(name){
|
|
|
let title = ''
|
|
|
if (name == '清除') {
|
|
|
title = '确认清除吗?'
|
|
|
}
|
|
|
this.$confirm(title)
|
|
|
.then(_ => {
|
|
|
- this.$set(this.assemblyForm,'hNotify2Id','')
|
|
|
- this.$set(this.assemblyForm,'hNotify2CnName','')
|
|
|
- this.$set(this.assemblyForm,'hNotify2EnName','')
|
|
|
- this.$set(this.assemblyForm,'hNotify2Code','')
|
|
|
- this.$set(this.assemblyForm,'hNotify2Details','')
|
|
|
- this.$set(this.assemblyForm,'hNotify2CntyName','')
|
|
|
- this.$set(this.assemblyForm,'hNotify2CntyCode','')
|
|
|
- this.hNotify2Visible = false
|
|
|
+ this.$set(this.assemblyForm,'hnotify2Id','')
|
|
|
+ this.$set(this.assemblyForm,'hnotify2CnName','')
|
|
|
+ this.$set(this.assemblyForm,'hnotify2EnName','')
|
|
|
+ this.$set(this.assemblyForm,'hnotify2Code','')
|
|
|
+ this.$set(this.assemblyForm,'hnotify2Details','')
|
|
|
+ this.$set(this.assemblyForm,'hnotify2CntyName','')
|
|
|
+ this.$set(this.assemblyForm,'hnotify2CntyCode','')
|
|
|
+ this.hnotify2Visible = false
|
|
|
})
|
|
|
.catch(_ => {});
|
|
|
},
|
|
|
// 通知人
|
|
|
- hNotify2HandleClose(done){
|
|
|
+ hnotify2HandleClose(done){
|
|
|
this.$confirm('确认关闭?')
|
|
|
.then(_ => {
|
|
|
done();
|
|
@@ -1157,13 +1157,14 @@ import Vue from "vue";
|
|
|
},
|
|
|
// text文本框input
|
|
|
textareaBlur(name){
|
|
|
+ console.log(name,1160)
|
|
|
if (this.assemblyForm[name].length > (35 * 5)) {
|
|
|
this.$message({
|
|
|
message: '输入的字体已经超出五行',
|
|
|
type: 'warning'
|
|
|
});
|
|
|
}
|
|
|
- let arr = ['hShipperDetails','hConsigneeDetails','hNotifyDetails','marks','commodityDescr','hNotify2Details']
|
|
|
+ let arr = ['hshipperDetails','hconsigneeDetails','hnotifyDetails','marks','commodityDescr','hnotify2Details']
|
|
|
if (arr.indexOf(name) != -1) {
|
|
|
console.log(this.assemblyForm[name],1133)
|
|
|
this.assemblyForm[name] = this.assemblyForm[name].toUpperCase()
|
|
@@ -1172,50 +1173,50 @@ import Vue from "vue";
|
|
|
},
|
|
|
// 同通知人
|
|
|
notifybyfun(){
|
|
|
- this.$set(this.assemblyForm,'hNotifyId',this.assemblyForm.hConsigneeId)
|
|
|
- this.$set(this.assemblyForm,'hNotifyCnName',this.assemblyForm.hConsigneeCnName)
|
|
|
- this.$set(this.assemblyForm,'hNotifyEnName',this.assemblyForm.hConsigneeEnName)
|
|
|
- this.$set(this.assemblyForm,'hNotifyCode',this.assemblyForm.hConsigneeCode)
|
|
|
- this.$set(this.assemblyForm,'hNotifyDetails',this.assemblyForm.hConsigneeDetails)
|
|
|
- this.$set(this.assemblyForm,'hNotifyCntyName',this.assemblyForm.hConsigneeCntyName)
|
|
|
- this.$set(this.assemblyForm,'hNotifyCntyCode',this.assemblyForm.hConsigneeCntyCode)
|
|
|
+ this.$set(this.assemblyForm,'hnotifyId',this.assemblyForm.hconsigneeId)
|
|
|
+ this.$set(this.assemblyForm,'hnotifyCnName',this.assemblyForm.hconsigneeCnName)
|
|
|
+ this.$set(this.assemblyForm,'hnotifyEnName',this.assemblyForm.hconsigneeEnName)
|
|
|
+ this.$set(this.assemblyForm,'hnotifyCode',this.assemblyForm.hconsigneeCode)
|
|
|
+ this.$set(this.assemblyForm,'hnotifyDetails',this.assemblyForm.hconsigneeDetails)
|
|
|
+ this.$set(this.assemblyForm,'hnotifyCntyName',this.assemblyForm.hconsigneeCntyName)
|
|
|
+ this.$set(this.assemblyForm,'hnotifyCntyCode',this.assemblyForm.hconsigneeCntyCode)
|
|
|
},
|
|
|
// 接口数据请求🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
|
|
|
// 获取发货人数据 (往来单位 前四个代理)
|
|
|
- hShipperBcorpsListfun(cnName){
|
|
|
+ hshipperBcorpsListfun(cnName){
|
|
|
let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
- this.hShipperData = res.data.data.records.map(item=>{
|
|
|
+ this.hshipperData = res.data.data.records.map(item=>{
|
|
|
item.cnName = item.cnName + ' - ' + item.code
|
|
|
return item
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
// 获取收货人数据 (往来单位 前四个代理)
|
|
|
- hConsigneeBcorpsListfun(cnName){
|
|
|
+ hconsigneeBcorpsListfun(cnName){
|
|
|
let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
- this.hConsigneeData = res.data.data.records.map(item=>{
|
|
|
+ this.hconsigneeData = res.data.data.records.map(item=>{
|
|
|
item.cnName = item.cnName + ' - ' + item.code
|
|
|
return item
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
// 获取通知人数据 (往来单位 前四个代理)
|
|
|
- hNotifyBcorpsListfun(cnName){
|
|
|
+ hnotifyBcorpsListfun(cnName){
|
|
|
let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
- this.hNotifyData = res.data.data.records.map(item=>{
|
|
|
+ this.hnotifyData = res.data.data.records.map(item=>{
|
|
|
item.cnName = item.cnName + ' - ' + item.code
|
|
|
return item
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
// 获取第二通知人数据 (往来单位 前四个代理)
|
|
|
- hNotify2BcorpsListfun(cnName){
|
|
|
+ hnotify2BcorpsListfun(cnName){
|
|
|
let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
- this.hNotify2Data = res.data.data.records
|
|
|
+ this.hnotify2Data = res.data.data.recordsx
|
|
|
})
|
|
|
},
|
|
|
// 收货地数据 (港口表)
|