|
@@ -245,62 +245,6 @@
|
|
|
</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="placeDeliveryData"
|
|
|
- :selectValue="assemblyForm.placeDeliveryName"
|
|
|
- :filterable="true"
|
|
|
- :clearable="true"
|
|
|
- :remote="true"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false"
|
|
|
- :forParameter="{key:'id',label:'enName',value:'enName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'placeDelivery')"
|
|
|
- @corpChange="corpChange($event,'placeDelivery')"
|
|
|
- @corpFocus="remoteMethod($event,'placeDelivery')" >
|
|
|
- </search-query>
|
|
|
- </el-col>
|
|
|
- <el-col :span="7">
|
|
|
- <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-col>
|
|
|
- </el-row>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="中转港" prop="potEnName" >
|
|
|
- <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-row>
|
|
|
</el-col>
|
|
|
<el-col :span="16">
|
|
@@ -371,6 +315,17 @@
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
+ <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>
|
|
|
+ </el-form-item>
|
|
|
<div>
|
|
|
<el-form-item label="船名" prop="vesselCnName" label-width="90px" >
|
|
|
<span slot="label">
|
|
@@ -425,40 +380,6 @@
|
|
|
@corpFocus="remoteMethod($event,'carrier')" >
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
- <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>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="订舱代理" prop="bookingAgentCnName" >
|
|
|
- <span slot="label">
|
|
|
- <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"
|
|
|
- :forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'bookingAgent')"
|
|
|
- @corpChange="corpChange($event,'bookingAgent')"
|
|
|
- @corpFocus="remoteMethod($event,'bookingAgent')">
|
|
|
- </search-query>
|
|
|
- </el-col>
|
|
|
- <el-col :span="15">
|
|
|
- <el-input type="age" style="width: 100%;margin-left: 20px;" v-model="assemblyForm.bookingAgentEnName"
|
|
|
- size="small" autocomplete="off"
|
|
|
- :disabled="detailData.seeDisabled"
|
|
|
- clearable placeholder="订舱代理" ></el-input>
|
|
|
- </el-col>
|
|
|
- </el-form-item>
|
|
|
<div>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="件数" prop="quantity" label-width="80px"
|
|
@@ -475,7 +396,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="包装" prop="packingUnit" label-width="50px"
|
|
|
- :rules="[{required: true,message: '',trigger: 'blur' }]" >
|
|
|
+ :rules="[{required: true,message: '',trigger: 'blur' }]" >
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">包装</span>
|
|
|
</span>
|
|
@@ -534,104 +455,51 @@
|
|
|
</el-row>
|
|
|
|
|
|
<el-row :gutter="0">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="COLOADER" prop="coloaderCnName" >
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="航线" prop="lineCnName" >
|
|
|
<span slot="label">
|
|
|
- <span style="color: #1e9fff">COLOADER</span>
|
|
|
+ <span style="color: #1e9fff">航线</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="coloaderCnNameData"
|
|
|
- :selectValue="assemblyForm.coloaderCnName"
|
|
|
+ <search-query :datalist="lineData"
|
|
|
+ :selectValue="assemblyForm.lineCnName"
|
|
|
:filterable="true"
|
|
|
:clearable="true"
|
|
|
:remote="true"
|
|
|
:disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="true"
|
|
|
- :addIf="true"
|
|
|
- @addJump="addJump"
|
|
|
+ :buttonIf="false"
|
|
|
:forParameter="{key:'id',label:'cnName',value:'cnName'}"
|
|
|
- @remoteMethod="remoteMethod($event,'coloaderCnName')"
|
|
|
- @corpChange="corpChange($event,'coloaderCnName')"
|
|
|
- @corpFocus="remoteMethod($event,'coloaderCnName')" >
|
|
|
- <bcorps></bcorps>
|
|
|
- <!--<bcorpstypedefine></bcorpstypedefine>-->
|
|
|
+ @remoteMethod="remoteMethod($event,'line')"
|
|
|
+ @corpChange="corpChange($event,'line')"
|
|
|
+ @corpFocus="remoteMethod($event,'line')" >
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="航线" prop="lineCnName" >
|
|
|
+ <el-form-item label="业务编号" prop="billNo">
|
|
|
<span slot="label">
|
|
|
- <span style="color: #1e9fff">航线</span>
|
|
|
+ <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>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.billNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="true"
|
|
|
+ clearable placeholder="业务编号" ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="订舱日期" prop="bookingDate">
|
|
|
+ <el-form-item label="创建日期" prop="billNo">
|
|
|
<span slot="label">
|
|
|
- <span style="color: #1e9fff">订舱日期</span>
|
|
|
+ <span style="color: #1e9fff">创建日期</span>
|
|
|
</span>
|
|
|
- <el-date-picker v-model="assemblyForm.bookingDate" clearable style="width: 100%"
|
|
|
- type="date" size="small" :disabled="detailData.seeDisabled"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择日期">
|
|
|
+ <el-date-picker v-model="assemblyForm.createTime" clearable style="width: 100%;"
|
|
|
+ type="date" size="small" :disabled="true"
|
|
|
+ value-format="yyyy-MM-dd HH:mm"
|
|
|
+ placeholder="创建日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
-
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="FORWARDING" prop="bookingRemarks" >
|
|
|
- <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="3"
|
|
|
- clearable placeholder="FORWARDING"
|
|
|
- @blur="textareaBlur('FORWARDING')" ></el-input>
|
|
|
- </el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <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="订舱备注"
|
|
|
- @blur="textareaBlur('bookingRemarks')" ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <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备注"
|
|
|
- @blur="textareaBlur('siRemarks')" ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
+ <el-col :span="16">
|
|
|
<el-form-item label="备注" prop="remarks" >
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">备注</span>
|
|
@@ -644,6 +512,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
+
|
|
|
</el-form>
|
|
|
|
|
|
|
|
@@ -878,10 +747,6 @@ import {NdayDate} from "@/util/date";
|
|
|
podData:[],
|
|
|
// 目的地
|
|
|
destinationData:[],
|
|
|
- // 交货地
|
|
|
- placeDeliveryData:[],
|
|
|
- // 中转港
|
|
|
- potData:[],
|
|
|
// 货物类别
|
|
|
cargoTypeData:[
|
|
|
{
|
|
@@ -905,39 +770,15 @@ import {NdayDate} from "@/util/date";
|
|
|
vesselData:[],
|
|
|
// 包装
|
|
|
packingUnitData:[],
|
|
|
- // 订舱代理数据
|
|
|
- bookingAgentData:[],
|
|
|
// 航线
|
|
|
lineData:[],
|
|
|
- // COLOADER
|
|
|
- coloaderCnNameData:[],
|
|
|
|
|
|
marksIndex:1
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- // // 往来单位
|
|
|
- // this.hshipperBcorpsListfun()
|
|
|
- // this.hconsigneeBcorpsListfun()
|
|
|
- // this.hnotifyBcorpsListfun()
|
|
|
- // this.hnotify2BcorpsListfun()
|
|
|
- // this.bookingAgentBcorpsListfun()
|
|
|
- // // 港口接口
|
|
|
- // this.placeReceiptBportsListfun()
|
|
|
- // this.polBportsListfun()
|
|
|
- // this.podBportsListfun()
|
|
|
- // this.destinationBportsListfun()
|
|
|
- // this.placeDeliveryBportsListfun()
|
|
|
- // // 货物
|
|
|
- // this.commodityBcommodityListfun()
|
|
|
- // // 包装
|
|
|
- // this.packingUnitBpackagesListfun()
|
|
|
// // 船公司
|
|
|
this.carrierBcorpslistByTypefun()
|
|
|
- // // 船名
|
|
|
- // this.vesselBvesselsListfun()
|
|
|
- // // 航线
|
|
|
- // this.lineBlinesListfun()
|
|
|
},
|
|
|
methods:{
|
|
|
// 件数聚焦
|
|
@@ -962,8 +803,8 @@ import {NdayDate} from "@/util/date";
|
|
|
},
|
|
|
// 远程搜索
|
|
|
remoteMethod(value,name){
|
|
|
- let arr = ['hshipper','hconsignee','hnotify','hnotify2','bookingAgent']
|
|
|
- let portArr = ['placeReceipt','pol','pod','destination','placeDelivery','pot']
|
|
|
+ let arr = ['hshipper','hconsignee','hnotify','hnotify2']
|
|
|
+ let portArr = ['placeReceipt','pol','pod','destination']
|
|
|
if (arr.indexOf(name) != -1) {
|
|
|
this[name + 'BcorpsListfun'](value)
|
|
|
}
|
|
@@ -987,17 +828,13 @@ import {NdayDate} from "@/util/date";
|
|
|
else if (name == 'line') {
|
|
|
this.lineBlinesListfun(value)
|
|
|
}
|
|
|
- // COLOADER
|
|
|
- else if (name == 'coloaderCnName') {
|
|
|
- this.bcorpstypedefineListfun(value)
|
|
|
- }
|
|
|
else {}
|
|
|
},
|
|
|
// 选择框的回调
|
|
|
corpChange(value,name) {
|
|
|
let arr = ['hshipper','hconsignee','hnotify','hnotify2']
|
|
|
- let portArr = ['placeReceipt','destination','placeDelivery']
|
|
|
- let cnPorArr = ['pol','pod','pot']
|
|
|
+ let portArr = ['placeReceipt','destination']
|
|
|
+ let cnPorArr = ['pol','pod']
|
|
|
if (arr.indexOf(name) != -1) {
|
|
|
for(let item of this[name + 'Data']) {
|
|
|
if (item.cnName == value) {
|
|
@@ -1085,17 +922,6 @@ import {NdayDate} from "@/util/date";
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- // 订舱代理
|
|
|
- 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']) {
|
|
@@ -1106,16 +932,6 @@ import {NdayDate} from "@/util/date";
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- // COLOADER
|
|
|
- else if (name == 'coloaderCnName') {
|
|
|
- for(let item of this.coloaderCnNameData) {
|
|
|
- if (item.cnName == value) {
|
|
|
- this.$set(this.assemblyForm,'coloaderId',item.id)
|
|
|
- this.$set(this.assemblyForm,'coloaderCnName',item.cnName)
|
|
|
- this.$set(this.assemblyForm,'coloaderEnName',item.enName)
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
else if (name == 'cargoType') {
|
|
|
this.$set(this.assemblyForm,'cargoType',value)
|
|
|
if (value == 'danger') {
|
|
@@ -1346,34 +1162,6 @@ import {NdayDate} from "@/util/date";
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- // 交货地
|
|
|
- placeDeliveryBportsListfun(enName){
|
|
|
- bportsList(1,10,{enName}).then(res=>{
|
|
|
- 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.map(item=>{
|
|
|
- item.enName = item.enName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- // 获取类别 COLOADER 数据
|
|
|
- bcorpstypedefineListfun(cnName){
|
|
|
- let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
- getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
- this.coloaderCnNameData = res.data.data.records.map(item=>{
|
|
|
- item.cnName = item.cnName + ' - ' + item.code
|
|
|
- return item
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
// 包装数据
|
|
|
packingUnitBpackagesListfun(cnName) {
|
|
|
bpackagesList(1,10,{cnName}).then(res=>{
|
|
@@ -1399,13 +1187,6 @@ import {NdayDate} from "@/util/date";
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- // 订舱代理
|
|
|
- bookingAgentBcorpsListfun(cnName){
|
|
|
- let corpType = '1712285382575398914,1712285645314990082,1712285842321448962,1712286433378574338'
|
|
|
- getBcorpslistByType(1,10,{cnName,corpType}).then(res=>{
|
|
|
- this.bookingAgentData = res.data.data.records
|
|
|
- })
|
|
|
- },
|
|
|
// 航线数据
|
|
|
lineBlinesListfun(cnName){
|
|
|
blinesList(1,10,{cnName}).then(res=>{
|