|
|
|
@ -29,14 +29,20 @@
|
|
|
|
|
<div class="order-title">
|
|
|
|
|
<i class="iconfont icon-dingdan"></i> 当前分单号: <span>{{ editDetails.hblno }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<sedOperationArea :details="editDetails" :scrollTop="scrollTop" :class="scrollTop < 100 ? 'normal-nav' : 'fixed-nav'" @save="saveFun" @copy="copyFun"></sedOperationArea>
|
|
|
|
|
<sedOperationArea
|
|
|
|
|
:details="editDetails"
|
|
|
|
|
:scrollTop="scrollTop"
|
|
|
|
|
:class="scrollTop < 100 ? 'normal-nav' : 'fixed-nav'"
|
|
|
|
|
@save="saveFun"
|
|
|
|
|
@copy="copyFun"
|
|
|
|
|
></sedOperationArea>
|
|
|
|
|
<ul class="sec-parent-tabs-box">
|
|
|
|
|
<div class="parents-tabs-top">
|
|
|
|
|
<li @click="changeParentTabs('1')" :class="{ 'active':mainOrderActiveKey === '1' }">
|
|
|
|
|
<li @click="changeParentTabs('1')" :class="{ active: mainOrderActiveKey === '1' }">
|
|
|
|
|
<input type="radio" name="tabs" id="stab1" checked />
|
|
|
|
|
<label class="tabs-label" for="tab1">基础信息</label>
|
|
|
|
|
</li>
|
|
|
|
|
<li @click="changeParentTabs('2')" :class="{ 'active':mainOrderActiveKey === '2' }">
|
|
|
|
|
<li @click="changeParentTabs('2')" :class="{ active: mainOrderActiveKey === '2' }">
|
|
|
|
|
<input type="radio" name="tabs" id="stab2" />
|
|
|
|
|
<label class="tabs-label" for="tab2">EDI补充信息</label>
|
|
|
|
|
</li>
|
|
|
|
@ -64,11 +70,29 @@
|
|
|
|
|
@pkgsEnCapital="pkgsEnCapitalFun"
|
|
|
|
|
></mailingInfo>
|
|
|
|
|
<!-- 货物信息 -->
|
|
|
|
|
<cargoInfo ref="cargoInfo" :details="editDetails" :rules="cargoRules" :inSave="inSave" @changeDetail="changeDetailFun"></cargoInfo>
|
|
|
|
|
<cargoInfo
|
|
|
|
|
ref="cargoInfo"
|
|
|
|
|
:details="editDetails"
|
|
|
|
|
:rules="cargoRules"
|
|
|
|
|
:inSave="inSave"
|
|
|
|
|
@changeDetail="changeDetailFun"
|
|
|
|
|
></cargoInfo>
|
|
|
|
|
<!-- 签单信息 -->
|
|
|
|
|
<billInfo ref="billInfo" :details="editDetails" :rules="billRules" :inSave="inSave" @changeDetail="changeDetailFun"></billInfo>
|
|
|
|
|
<billInfo
|
|
|
|
|
ref="billInfo"
|
|
|
|
|
:details="editDetails"
|
|
|
|
|
:rules="billRules"
|
|
|
|
|
:inSave="inSave"
|
|
|
|
|
@changeDetail="changeDetailFun"
|
|
|
|
|
></billInfo>
|
|
|
|
|
<!-- 备注信息 -->
|
|
|
|
|
<remarksInfo ref="remarksInfo" :details="editDetails" :rules="remarksRules" :inSave="inSave" @changeDetail="changeDetailFun"></remarksInfo>
|
|
|
|
|
<remarksInfo
|
|
|
|
|
ref="remarksInfo"
|
|
|
|
|
:details="editDetails"
|
|
|
|
|
:rules="remarksRules"
|
|
|
|
|
:inSave="inSave"
|
|
|
|
|
@changeDetail="changeDetailFun"
|
|
|
|
|
></remarksInfo>
|
|
|
|
|
<!-- 箱型 -->
|
|
|
|
|
<goodsTable
|
|
|
|
|
ref="goodsTable"
|
|
|
|
@ -160,7 +184,7 @@ import goodsTable from '../modules/goodsTable'
|
|
|
|
|
// import basicItem from './basicItem'
|
|
|
|
|
import ediMore from './ediMore'
|
|
|
|
|
|
|
|
|
|
import { BookingOrderUpdate, BookingOrderAdd } from '@/api/modular/main/BookingLedger'
|
|
|
|
|
import { BookingOrderUpdate, BookingOrderAdd, BookingOrderGet } from '@/api/modular/main/BookingLedger'
|
|
|
|
|
export default {
|
|
|
|
|
name: 'SedOrder',
|
|
|
|
|
props: {
|
|
|
|
@ -261,7 +285,7 @@ export default {
|
|
|
|
|
pkgs: [{ required: false, message: '请输入件数', trigger: 'change' }],
|
|
|
|
|
kindpkgs: [{ required: false, message: '请输入包装', trigger: 'change' }],
|
|
|
|
|
kgs: [{ required: false, message: '请输入毛重', trigger: 'change' }],
|
|
|
|
|
cbm: [ { required: false, message: '请输入尺寸', trigger: 'change' } ],
|
|
|
|
|
cbm: [{ required: false, message: '请输入尺寸', trigger: 'change' }]
|
|
|
|
|
},
|
|
|
|
|
cargoRules: {
|
|
|
|
|
marks: [{ required: false, message: '请输入Seal No. Marks & Nos', trigger: 'change' }],
|
|
|
|
@ -291,11 +315,11 @@ export default {
|
|
|
|
|
dunno: [{ required: false, message: '请输入危险品编号', trigger: 'change' }],
|
|
|
|
|
dpage: [{ required: false, message: '请输入危险品页号', trigger: 'change' }],
|
|
|
|
|
dlabel: [{ required: false, message: '请输入危险品标签', trigger: 'change' }],
|
|
|
|
|
linkman: [ { required: false, message: '请输入危险品联系人', trigger: 'change' } ],
|
|
|
|
|
linkman: [{ required: false, message: '请输入危险品联系人', trigger: 'change' }]
|
|
|
|
|
},
|
|
|
|
|
remarksRules: {
|
|
|
|
|
soremark: [{ required: false, message: '请输入订舱备注', trigger: 'change' }],
|
|
|
|
|
siremark: [ { required: false, message: '请输入截单备注', trigger: 'change' } ],
|
|
|
|
|
siremark: [{ required: false, message: '请输入截单备注', trigger: 'change' }]
|
|
|
|
|
},
|
|
|
|
|
ediRules: {
|
|
|
|
|
'bookingEDIExt.sendCode': [{ required: false, message: '请输入发送方EDI代码', trigger: 'change' }],
|
|
|
|
@ -586,6 +610,14 @@ export default {
|
|
|
|
|
this.bookingOrderAdd()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
FnBookingOrderGet() {
|
|
|
|
|
BookingOrderGet({
|
|
|
|
|
id: this.id
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.editDetails = { ...res.data.hbList[this.editIndex] }
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
bookingOrderUpdate() {
|
|
|
|
|
if (!this.editDetails.hblno) {
|
|
|
|
@ -675,6 +707,7 @@ export default {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.inSave = false
|
|
|
|
|
}, 1000)
|
|
|
|
|
this.FnBookingOrderGet()
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
@ -783,6 +816,7 @@ export default {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.inSave = false
|
|
|
|
|
}, 1000)
|
|
|
|
|
this.FnBookingOrderGet()
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
@ -1140,7 +1174,10 @@ export default {
|
|
|
|
|
right: 0px !important;
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
/deep/ form .has-feedback .ant-calendar-picker-icon, form .has-feedback .ant-time-picker-icon, form .has-feedback .ant-calendar-picker-clear, form .has-feedback .ant-time-picker-clear{
|
|
|
|
|
/deep/ form .has-feedback .ant-calendar-picker-icon,
|
|
|
|
|
form .has-feedback .ant-time-picker-icon,
|
|
|
|
|
form .has-feedback .ant-calendar-picker-clear,
|
|
|
|
|
form .has-feedback .ant-time-picker-clear {
|
|
|
|
|
right: 10px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -1189,7 +1226,8 @@ export default {
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// }
|
|
|
|
|
.active {
|
|
|
|
|
input, label{
|
|
|
|
|
input,
|
|
|
|
|
label {
|
|
|
|
|
top: 0;
|
|
|
|
|
background: #fff;
|
|
|
|
|
color: @primary-color;
|
|
|
|
@ -1215,5 +1253,4 @@ export default {
|
|
|
|
|
// display: block;
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|