|
|
@ -1,4 +1,3 @@
|
|
|
|
|
|
|
|
|
|
|
|
import { ref } from 'vue'
|
|
|
|
import { ref } from 'vue'
|
|
|
|
import { BasicColumn, FormSchema } from '/@/components/Table'
|
|
|
|
import { BasicColumn, FormSchema } from '/@/components/Table'
|
|
|
|
import { useOptionsStore } from '/@/store/modules/options'
|
|
|
|
import { useOptionsStore } from '/@/store/modules/options'
|
|
|
@ -7,14 +6,16 @@ import { getOptions } from '/@/hooks/dict'
|
|
|
|
import { BookingLabelList } from './api'
|
|
|
|
import { BookingLabelList } from './api'
|
|
|
|
const optionsStore = useOptionsStore()
|
|
|
|
const optionsStore = useOptionsStore()
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
GetCarrierlist, GetClientLanesSelectList,GetClientPortSelectList
|
|
|
|
GetCarrierlist,
|
|
|
|
|
|
|
|
GetClientLanesSelectList,
|
|
|
|
|
|
|
|
GetClientPortSelectList,
|
|
|
|
} from '/@/views/operation/seaexport/api/BookingLedger'
|
|
|
|
} from '/@/views/operation/seaexport/api/BookingLedger'
|
|
|
|
// 字典
|
|
|
|
// 字典
|
|
|
|
import { getDictOption } from '/@/utils/dictUtil'
|
|
|
|
import { getDictOption } from '/@/utils/dictUtil'
|
|
|
|
import { GetCtnSelectList } from '/@/api/common'
|
|
|
|
import { GetCtnSelectList } from '/@/api/common'
|
|
|
|
const FnblType = ref([])
|
|
|
|
const FnblType = ref([])
|
|
|
|
const FncargoId = ref([])
|
|
|
|
const FncargoId = ref([])
|
|
|
|
getDictOption('bl_type').then(res => {
|
|
|
|
getDictOption('bl_type').then((res) => {
|
|
|
|
FncargoId.value = res
|
|
|
|
FncargoId.value = res
|
|
|
|
})
|
|
|
|
})
|
|
|
|
//合并单元格
|
|
|
|
//合并单元格
|
|
|
@ -22,18 +23,17 @@ const sharedOnCell = (_, index) => {
|
|
|
|
if (_.isSPan > 1) {
|
|
|
|
if (_.isSPan > 1) {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
rowspan: _.isSPan,
|
|
|
|
rowspan: _.isSPan,
|
|
|
|
colspan: 1
|
|
|
|
colspan: 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (_.isSPan == 0) {
|
|
|
|
if (_.isSPan == 0) {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
rowspan: _.isSPan,
|
|
|
|
rowspan: _.isSPan,
|
|
|
|
colspan: 1
|
|
|
|
colspan: 1,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|
|
|
|
const sharedOnCell1 = (_, index) => {
|
|
|
|
const sharedOnCell1 = (_, index) => {}
|
|
|
|
};
|
|
|
|
|
|
|
|
export const searchFormSchema: FormSchema[] = [
|
|
|
|
export const searchFormSchema: FormSchema[] = [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
field: 'slotBookingNo',
|
|
|
|
field: 'slotBookingNo',
|
|
|
@ -51,17 +51,17 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
options: [
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '全部',
|
|
|
|
label: '全部',
|
|
|
|
value: '0'
|
|
|
|
value: '0',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '未取消',
|
|
|
|
label: '未取消',
|
|
|
|
value: '1'
|
|
|
|
value: '1',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '已取消',
|
|
|
|
label: '已取消',
|
|
|
|
value: '2'
|
|
|
|
value: '2',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
colProps: { span: 4 },
|
|
|
|
colProps: { span: 4 },
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -98,7 +98,7 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
colProps: { span: 4 },
|
|
|
|
colProps: { span: 4 },
|
|
|
|
componentProps: {
|
|
|
|
componentProps: {
|
|
|
|
allowClear: true,
|
|
|
|
allowClear: true,
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
field: 'eta',
|
|
|
|
field: 'eta',
|
|
|
@ -109,7 +109,7 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
colProps: { span: 4 },
|
|
|
|
colProps: { span: 4 },
|
|
|
|
componentProps: {
|
|
|
|
componentProps: {
|
|
|
|
allowClear: true,
|
|
|
|
allowClear: true,
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
field: 'createdUserName',
|
|
|
|
field: 'createdUserName',
|
|
|
@ -146,13 +146,13 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
options: [
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '有',
|
|
|
|
label: '有',
|
|
|
|
value: '有'
|
|
|
|
value: '有',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '无',
|
|
|
|
label: '无',
|
|
|
|
value: '无'
|
|
|
|
value: '无',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
]
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -166,13 +166,13 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
options: [
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '有',
|
|
|
|
label: '有',
|
|
|
|
value: '有'
|
|
|
|
value: '有',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '无',
|
|
|
|
label: '无',
|
|
|
|
value: '无'
|
|
|
|
value: '无',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
]
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -186,13 +186,13 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
options: [
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '直达',
|
|
|
|
label: '直达',
|
|
|
|
value: 'DIRECT_SHIP'
|
|
|
|
value: 'DIRECT_SHIP',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '中转',
|
|
|
|
label: '中转',
|
|
|
|
value: 'TRANSFER_SHIP'
|
|
|
|
value: 'TRANSFER_SHIP',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
]
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -206,13 +206,13 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
options: [
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '合约订舱',
|
|
|
|
label: '合约订舱',
|
|
|
|
value: 'CONTRACT_ORDER'
|
|
|
|
value: 'CONTRACT_ORDER',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: 'SPOT订舱',
|
|
|
|
label: 'SPOT订舱',
|
|
|
|
value: 'SPOT_ORDER'
|
|
|
|
value: 'SPOT_ORDER',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
]
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -230,13 +230,13 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
api: GetCtnSelectList,
|
|
|
|
api: GetCtnSelectList,
|
|
|
|
labelField: 'ctnName',
|
|
|
|
labelField: 'ctnName',
|
|
|
|
mode:"multiple",
|
|
|
|
mode: 'multiple',
|
|
|
|
immediate: false,
|
|
|
|
immediate: false,
|
|
|
|
valueField: 'ediCode',
|
|
|
|
valueField: 'ediCode',
|
|
|
|
resultField: 'data'
|
|
|
|
resultField: 'data',
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
field: 'labelIdArray',
|
|
|
|
field: 'labelIdArray',
|
|
|
|
label: '标签',
|
|
|
|
label: '标签',
|
|
|
@ -246,19 +246,17 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
api: BookingLabelList,
|
|
|
|
api: BookingLabelList,
|
|
|
|
labelField: 'name',
|
|
|
|
labelField: 'name',
|
|
|
|
mode:"multiple",
|
|
|
|
mode: 'multiple',
|
|
|
|
immediate: false,
|
|
|
|
immediate: false,
|
|
|
|
valueField: 'id',
|
|
|
|
valueField: 'id',
|
|
|
|
resultField: 'data',
|
|
|
|
resultField: 'data',
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
},
|
|
|
|
},
|
|
|
|
onChange: (e, obj) => {
|
|
|
|
onChange: (e, obj) => {},
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
field: 'loadGuaranteeFlag',
|
|
|
|
field: 'loadGuaranteeFlag',
|
|
|
|
label: '舱保类型',
|
|
|
|
label: '舱保类型',
|
|
|
@ -270,13 +268,13 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
options: [
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '全部舱保',
|
|
|
|
label: '全部舱保',
|
|
|
|
value: 'FULL'
|
|
|
|
value: 'FULL',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '部分舱保',
|
|
|
|
label: '部分舱保',
|
|
|
|
value: 'PART'
|
|
|
|
value: 'PART',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
]
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -290,13 +288,13 @@ export const searchFormSchema: FormSchema[] = [
|
|
|
|
options: [
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '拆票',
|
|
|
|
label: '拆票',
|
|
|
|
value: 1
|
|
|
|
value: 1,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
label: '合票',
|
|
|
|
label: '合票',
|
|
|
|
value: 2
|
|
|
|
value: 2,
|
|
|
|
}
|
|
|
|
},
|
|
|
|
]
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -400,55 +398,55 @@ export const columns: BasicColumn[] = [
|
|
|
|
title: '客服',
|
|
|
|
title: '客服',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
dataIndex: 'custservice'
|
|
|
|
dataIndex: 'custservice',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '操作',
|
|
|
|
title: '操作',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 80,
|
|
|
|
width: 80,
|
|
|
|
dataIndex: 'op'
|
|
|
|
dataIndex: 'op',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '单证',
|
|
|
|
title: '单证',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 80,
|
|
|
|
width: 80,
|
|
|
|
dataIndex: 'doc'
|
|
|
|
dataIndex: 'doc',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '商务',
|
|
|
|
title: '商务',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 80,
|
|
|
|
width: 80,
|
|
|
|
dataIndex: 'business'
|
|
|
|
dataIndex: 'business',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '销售',
|
|
|
|
title: '销售',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
dataIndex: 'sale'
|
|
|
|
dataIndex: 'sale',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: 'SHIPPER',
|
|
|
|
title: 'SHIPPER',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
dataIndex: 'shipper'
|
|
|
|
dataIndex: 'shipper',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '品名',
|
|
|
|
title: '品名',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
dataIndex: 'goodsname'
|
|
|
|
dataIndex: 'goodsname',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '卖价',
|
|
|
|
title: '卖价',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
dataIndex: 'sellingPrice'
|
|
|
|
dataIndex: 'sellingPrice',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '销售日期',
|
|
|
|
title: '销售日期',
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
dataIndex: 'salE_TIME'
|
|
|
|
dataIndex: 'salE_TIME',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '是否拆合票',
|
|
|
|
title: '是否拆合票',
|
|
|
@ -673,7 +671,7 @@ export const columns: BasicColumn[] = [
|
|
|
|
width: 100,
|
|
|
|
width: 100,
|
|
|
|
dataIndex: 'action',
|
|
|
|
dataIndex: 'action',
|
|
|
|
customCell: sharedOnCell,
|
|
|
|
customCell: sharedOnCell,
|
|
|
|
fixed: 'right'
|
|
|
|
fixed: 'right',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
|
@ -822,12 +820,10 @@ export const detialForm: FormSchema[] = [
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
},
|
|
|
|
},
|
|
|
|
onChange: (e, obj) => {
|
|
|
|
onChange: (e, obj) => {},
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
field: 'transferPort1',
|
|
|
|
field: 'transferPort1',
|
|
|
|
label: '中转港1',
|
|
|
|
label: '中转港1',
|
|
|
@ -901,7 +897,7 @@ export const detialForm: FormSchema[] = [
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
field: 'issueType',
|
|
|
|
field: 'issueType',
|
|
|
@ -971,7 +967,7 @@ export const detialForm: FormSchema[] = [
|
|
|
|
required: false,
|
|
|
|
required: false,
|
|
|
|
dynamicDisabled: false,
|
|
|
|
dynamicDisabled: false,
|
|
|
|
colProps: { span: 4 },
|
|
|
|
colProps: { span: 4 },
|
|
|
|
componentProps: ({formModel}) => {
|
|
|
|
componentProps: ({ formModel }) => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
api: () => {
|
|
|
|
api: () => {
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
return new Promise((resolve) => {
|
|
|
@ -1011,7 +1007,7 @@ export const detialForm: FormSchema[] = [
|
|
|
|
label: '卸货港',
|
|
|
|
label: '卸货港',
|
|
|
|
component: 'ApiSelect',
|
|
|
|
component: 'ApiSelect',
|
|
|
|
colProps: { span: 4 },
|
|
|
|
colProps: { span: 4 },
|
|
|
|
componentProps: ({formModel}) => {
|
|
|
|
componentProps: ({ formModel }) => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
api: () => {
|
|
|
|
api: () => {
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
return new Promise((resolve) => {
|
|
|
@ -1147,5 +1143,4 @@ export const detialTimeForm: FormSchema[] = [
|
|
|
|
format: 'YYYY-MM-DD HH:00',
|
|
|
|
format: 'YYYY-MM-DD HH:00',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
]
|
|
|
|