|
|
@@ -15,9 +15,11 @@
|
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
+ :addIf="true"
|
|
|
+ :tableIf="false"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ @addJump="addJump('hshipper')"
|
|
|
@remoteMethod="remoteMethod($event,'hshipper')"
|
|
|
@corpChange="corpChange($event,'hshipper')"
|
|
|
@corpFocus="remoteMethod($event,'hshipper')">
|
|
|
@@ -53,8 +55,10 @@
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
+ :addIf="true"
|
|
|
+ :tableIf="false"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ @addJump="addJump('hconsignee')"
|
|
|
@remoteMethod="remoteMethod($event,'hconsignee')"
|
|
|
@corpChange="corpChange($event,'hconsignee')"
|
|
|
@corpFocus="remoteMethod($event,'hconsignee')">
|
|
|
@@ -95,8 +99,10 @@
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
+ :addIf="true"
|
|
|
+ :tableIf="false"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
+ @addJump="addJump('hconsignee')"
|
|
|
@remoteMethod="remoteMethod($event,'hnotify')"
|
|
|
@corpChange="corpChange($event,'hnotify')"
|
|
|
@corpFocus="remoteMethod($event,'hnotify')">
|
|
|
@@ -260,7 +266,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="船公司" prop="carrierCnName" >
|
|
|
<span slot="label">
|
|
|
- <span style="color: #1e9fff">船公司</span>
|
|
|
+ <span style="color: #1e9fff" @click="emailJump('carrier')">船公司</span>
|
|
|
</span>
|
|
|
<search-query :datalist="carrierData"
|
|
|
:selectValue="assemblyForm.carrierCnName"
|
|
|
@@ -526,7 +532,7 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="中转港" prop="placeDeliveryName" >
|
|
|
+ <el-form-item label="中转港" prop="potEnName" >
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">中转港</span>
|
|
|
</span>
|
|
|
@@ -795,6 +801,38 @@
|
|
|
</el-form-item>
|
|
|
</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 placeholder="危险品净重" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="危险品外包装" prop="dgTel" >
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.dgPackage"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled"
|
|
|
+ clearable placeholder="危险品外包装" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="危险品邮箱" prop="dgTel" >
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.dgMailbox"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled"
|
|
|
+ clearable placeholder="危险品邮箱" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="危险品备注" prop="dgTel" >
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.dgRemarks"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled"
|
|
|
+ clearable placeholder="危险品备注" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="是否海洋污染物" prop="dgIsMarinePollutant" >
|
|
|
<el-checkbox size="medium" :true-label="1" :false-label="0" v-model="assemblyForm.dgIsMarinePollutant"></el-checkbox>
|
|
|
</el-form-item>
|
|
|
@@ -970,7 +1008,7 @@ import Vue from "vue";
|
|
|
let cnPorArr = ['pol','pod','pot']
|
|
|
if (arr.indexOf(name) != -1) {
|
|
|
for(let item of this[name + 'Data']) {
|
|
|
- if (item.cnName == value) {
|
|
|
+ if (item.id == 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)
|
|
|
@@ -1181,6 +1219,30 @@ import Vue from "vue";
|
|
|
this.$set(this.assemblyForm,'hnotifyCntyName',this.assemblyForm.hconsigneeCntyName)
|
|
|
this.$set(this.assemblyForm,'hnotifyCntyCode',this.assemblyForm.hconsigneeCntyCode)
|
|
|
},
|
|
|
+ // 邮箱跳转
|
|
|
+ emailJump(name){
|
|
|
+ if (name == 'carrier') {
|
|
|
+ if (!this.assemblyForm.carrierId) {
|
|
|
+ this.$message({
|
|
|
+ message: '请先选择船公司',
|
|
|
+ type: 'warning'
|
|
|
+ });
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // getBcorpslistByType().then(res=>{
|
|
|
+ //
|
|
|
+ // })
|
|
|
+ // this.assemblyForm.carrierId
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 添加跳转
|
|
|
+ addJump(name){
|
|
|
+ let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
+ this.$router.push({
|
|
|
+ path: "/iosBasicData/bcorps/index?corpType=" + corpType
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
// 接口数据请求🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
|
|
|
// 获取发货人数据 （往来单位 前四个代理）
|
|
|
hshipperBcorpsListfun(cnName){
|
|
|
@@ -1222,37 +1284,55 @@ import Vue from "vue";
|
|
|
// 收货地数据 （港口表）
|
|
|
placeReceiptBportsListfun(enName){
|
|
|
bportsList(1,10,{enName}).then(res=>{
|
|
|
- this.placeReceiptData = res.data.data.records
|
|
|
+ this.placeReceiptData = res.data.data.records.map(item=>{
|
|
|
+ item.enName = item.enName + ' - ' + item.code
|
|
|
+ return item
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
// 装货港数据
|
|
|
polBportsListfun(enName){
|
|
|
bportsList(1,10,{enName}).then(res=>{
|
|
|
- this.polData = res.data.data.records
|
|
|
+ this.polData = res.data.data.records.map(item=>{
|
|
|
+ item.enName = item.enName + ' - ' + item.code
|
|
|
+ return item
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
// 卸货港数据
|
|
|
podBportsListfun(enName){
|
|
|
bportsList(1,10,{enName}).then(res=>{
|
|
|
- this.podData = res.data.data.records
|
|
|
+ this.podData = res.data.data.records.map(item=>{
|
|
|
+ item.enName = item.enName + ' - ' + item.code
|
|
|
+ return item
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
// 目的地
|
|
|
destinationBportsListfun(enName){
|
|
|
bportsList(1,10,{enName}).then(res=>{
|
|
|
- this.destinationData = res.data.data.records
|
|
|
+ this.destinationData = res.data.data.records.map(item=>{
|
|
|
+ item.enName = item.enName + ' - ' + item.code
|
|
|
+ return item
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
// 交货地
|
|
|
placeDeliveryBportsListfun(enName){
|
|
|
bportsList(1,10,{enName}).then(res=>{
|
|
|
- this.placeDeliveryData = res.data.data.records
|
|
|
+ this.placeDeliveryData = res.data.data.records.map(item=>{
|
|
|
+ item.enName = item.enName + ' - ' + item.code
|
|
|
+ return item
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
- // 交货地
|
|
|
+ // 中转港
|
|
|
potBportsListfun(enName){
|
|
|
bportsList(1,10,{enName}).then(res=>{
|
|
|
- this.potData = res.data.data.records
|
|
|
+ this.potData = res.data.data.records.map(item=>{
|
|
|
+ item.enName = item.enName + ' - ' + item.code
|
|
|
+ return item
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
// 获取类别 COLOADER 数据
|
|
|
@@ -1286,7 +1366,10 @@ import Vue from "vue";
|
|
|
// 船名
|
|
|
vesselBvesselsListfun(cnName){
|
|
|
getBvesselsList(1,10,{cnName}).then(res=>{
|
|
|
- this.vesselData = res.data.data.records
|
|
|
+ this.vesselData = res.data.data.records.map(item=>{
|
|
|
+ item.cnName = item.cnName + ' - ' + item.code
|
|
|
+ return item
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
// 订舱代理
|
caojunjie