|
|
@ -6,9 +6,9 @@
|
|
|
|
<a-row :gutter="48">
|
|
|
|
<a-row :gutter="48">
|
|
|
|
<a-col :md="18">
|
|
|
|
<a-col :md="18">
|
|
|
|
<a-row :gutter="48">
|
|
|
|
<a-row :gutter="48">
|
|
|
|
<a-col :md="8" :sm="24" >
|
|
|
|
<a-col :md="8" :sm="24">
|
|
|
|
<a-form-item :label="`主订单号`" >
|
|
|
|
<a-form-item :label="`主订单号`">
|
|
|
|
<a-input allow-clear v-model="SearchContent"/>
|
|
|
|
<a-input allow-clear v-model="SearchContent" />
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
</a-row>
|
|
|
|
</a-row>
|
|
|
@ -260,7 +260,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
SearchContent:'',
|
|
|
|
SearchContent: '',
|
|
|
|
spinning: false,
|
|
|
|
spinning: false,
|
|
|
|
TaskShippingOrderCompareVisible: false,
|
|
|
|
TaskShippingOrderCompareVisible: false,
|
|
|
|
TaskShippingOrderCompareData: {
|
|
|
|
TaskShippingOrderCompareData: {
|
|
|
@ -297,7 +297,86 @@ export default {
|
|
|
|
pageSize: 20,
|
|
|
|
pageSize: 20,
|
|
|
|
pageSizes: [10, 20, 50, 100, 200, 500],
|
|
|
|
pageSizes: [10, 20, 50, 100, 200, 500],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
columns: JSON.parse(JSON.stringify(initData.columns)),
|
|
|
|
columns: [
|
|
|
|
|
|
|
|
{ noDraggable: true, type: 'checkbox', width: 60 },
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'mblno',
|
|
|
|
|
|
|
|
label: 'MBLNO',
|
|
|
|
|
|
|
|
minwidth: 160,
|
|
|
|
|
|
|
|
title: '主提单号',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
showOverflow: false,
|
|
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
|
|
slots: { default: 'mblno' },
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'createdTime',
|
|
|
|
|
|
|
|
label: 'CREATEDTIME',
|
|
|
|
|
|
|
|
width: 160,
|
|
|
|
|
|
|
|
title: '创建日期',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'createdUserName',
|
|
|
|
|
|
|
|
label: 'CREATEDUSERNAME',
|
|
|
|
|
|
|
|
minwidth: 160,
|
|
|
|
|
|
|
|
title: '创建人',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'etd',
|
|
|
|
|
|
|
|
label: 'ETD',
|
|
|
|
|
|
|
|
minwidth: 160,
|
|
|
|
|
|
|
|
title: '开船日期',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
|
|
slots: { default: 'etd' },
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'customername',
|
|
|
|
|
|
|
|
label: 'CUSTOMERNAME',
|
|
|
|
|
|
|
|
minwidth: 160,
|
|
|
|
|
|
|
|
title: '委托单位',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
|
|
}, // 客户
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'consignee',
|
|
|
|
|
|
|
|
label: 'CONSIGNEE',
|
|
|
|
|
|
|
|
minwidth: 120,
|
|
|
|
|
|
|
|
title: '收货人',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'notifyparty',
|
|
|
|
|
|
|
|
label: 'NOTIFYPARTY',
|
|
|
|
|
|
|
|
width: 160,
|
|
|
|
|
|
|
|
title: '通知人',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{ field: 'carrier', width: 120, title: '船公司', showHeaderOverflow: true, sortable: true },
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'portdischarge',
|
|
|
|
|
|
|
|
label: 'PORTDISCHARGE',
|
|
|
|
|
|
|
|
minwidth: 160,
|
|
|
|
|
|
|
|
title: '卸货港',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'operate',
|
|
|
|
|
|
|
|
title: '操作',
|
|
|
|
|
|
|
|
minwidth: 110,
|
|
|
|
|
|
|
|
noDraggable: true,
|
|
|
|
|
|
|
|
slots: { default: 'operate' },
|
|
|
|
|
|
|
|
fixed: 'right',
|
|
|
|
|
|
|
|
resizable: false,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
data: [],
|
|
|
|
data: [],
|
|
|
|
// treeConfig: {
|
|
|
|
// treeConfig: {
|
|
|
|
// transform: true,
|
|
|
|
// transform: true,
|
|
|
@ -550,7 +629,6 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.gridOptions.data = []
|
|
|
|
this.gridOptions.data = []
|
|
|
|
this.getList(queryParam)
|
|
|
|
this.getList(queryParam)
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getConfigUser(isInit = false) {
|
|
|
|
getConfigUser(isInit = false) {
|
|
|
|
const query = {
|
|
|
|
const query = {
|
|
|
@ -562,10 +640,12 @@ export default {
|
|
|
|
switch (item.type) {
|
|
|
|
switch (item.type) {
|
|
|
|
case 'booking_list_cond':
|
|
|
|
case 'booking_list_cond':
|
|
|
|
this.$set($data, 'booking_list_cond', item)
|
|
|
|
this.$set($data, 'booking_list_cond', item)
|
|
|
|
|
|
|
|
|
|
|
|
// this.setFormData(item, false, true)
|
|
|
|
// this.setFormData(item, false, true)
|
|
|
|
break
|
|
|
|
break
|
|
|
|
case 'booking_list_column':
|
|
|
|
case 'booking_list_column':
|
|
|
|
this.$set($data, 'booking_list_column', item)
|
|
|
|
this.$set($data, 'booking_list_column', item)
|
|
|
|
|
|
|
|
console.log('item==>>', item)
|
|
|
|
// this.setTableList(item)
|
|
|
|
// this.setTableList(item)
|
|
|
|
break
|
|
|
|
break
|
|
|
|
case 'booking_list_page':
|
|
|
|
case 'booking_list_page':
|
|
|
@ -655,6 +735,7 @@ export default {
|
|
|
|
console.log(err)
|
|
|
|
console.log(err)
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
//日期
|
|
|
|
setFormData(data, isReset = false, isInit = false) {
|
|
|
|
setFormData(data, isReset = false, isInit = false) {
|
|
|
|
if (Object.keys(data).length > 0 && JSON.parse(data.configJson).length) {
|
|
|
|
if (Object.keys(data).length > 0 && JSON.parse(data.configJson).length) {
|
|
|
|
const arr = JSON.parse(data.configJson)
|
|
|
|
const arr = JSON.parse(data.configJson)
|
|
|
@ -712,16 +793,20 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.$forceUpdate()
|
|
|
|
this.$forceUpdate()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
// 表头
|
|
|
|
setTableList(data) {
|
|
|
|
setTableList(data) {
|
|
|
|
if (Object.keys(data).length > 0 && JSON.parse(data.configJson).length) {
|
|
|
|
if (Object.keys(data).length > 0 && JSON.parse(data.configJson).length) {
|
|
|
|
this.formTableData = JSON.parse(data.configJson)
|
|
|
|
this.formTableData = JSON.parse(data.configJson)
|
|
|
|
|
|
|
|
|
|
|
|
const nowTableArr = this.formTableData.map((item, index) => {
|
|
|
|
const nowTableArr = this.formTableData.map((item, index) => {
|
|
|
|
if (item.field === 'operate') {
|
|
|
|
if (item.field === 'operate') {
|
|
|
|
item.width = 110
|
|
|
|
item.width = 110
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return item.field
|
|
|
|
return item.field
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.gridOptions.columns = JSON.parse(JSON.stringify(this.formTableData))
|
|
|
|
// console.log('手写的',this.gridOptions.columns)
|
|
|
|
|
|
|
|
// this.gridOptions.columns = JSON.parse(JSON.stringify(this.formTableData))
|
|
|
|
|
|
|
|
// console.log('赋值的',this.gridOptions.columns)
|
|
|
|
const moreTableArr = []
|
|
|
|
const moreTableArr = []
|
|
|
|
this.fromTableAllData.map((item, index) => {
|
|
|
|
this.fromTableAllData.map((item, index) => {
|
|
|
|
if (!nowTableArr.includes(item.field)) {
|
|
|
|
if (!nowTableArr.includes(item.field)) {
|
|
|
@ -827,7 +912,7 @@ export default {
|
|
|
|
console.log('== 展开结束 ==', new Date().getTime() - start)
|
|
|
|
console.log('== 展开结束 ==', new Date().getTime() - start)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
tableRefresh() {
|
|
|
|
tableRefresh() {
|
|
|
|
this.formRes.MBLNO = this.SearchContent
|
|
|
|
this.formRes.MBLNO = this.SearchContent
|
|
|
|
const data = { ...this.formRes }
|
|
|
|
const data = { ...this.formRes }
|
|
|
|
this.searchData = JSON.parse(JSON.stringify(data))
|
|
|
|
this.searchData = JSON.parse(JSON.stringify(data))
|
|
|
|
this.init(this.searchData)
|
|
|
|
this.init(this.searchData)
|
|
|
@ -867,7 +952,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
tableReset() {
|
|
|
|
tableReset() {
|
|
|
|
this.SearchContent = ''
|
|
|
|
this.SearchContent = ''
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
submitForm(data) {
|
|
|
|
submitForm(data) {
|
|
|
|