|
|
|
|
@ -162,82 +162,77 @@
|
|
|
|
|
<!-- <a-button type="primary" @click="handleSendAll">批量发送邮件</a-button> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a-button type="primary" @click="FnGetData">查询</a-button>
|
|
|
|
|
<a-button type="primary" @click="getList">查询</a-button>
|
|
|
|
|
<a-button style="margin-left: 8px" @click="init">重置</a-button>
|
|
|
|
|
<tableSort @columnChange="handleColumnChange" :columns="columns" :columnsAll="columnsAll"></tableSort>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<vxe-table
|
|
|
|
|
|
|
|
|
|
<vxe-grid
|
|
|
|
|
:data="loadData"
|
|
|
|
|
stripe
|
|
|
|
|
resizable
|
|
|
|
|
ref="xTable"
|
|
|
|
|
round
|
|
|
|
|
ref="table"
|
|
|
|
|
:columns="columns"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
@cell-dblclick="handledbclick"
|
|
|
|
|
@sort-change="tableSortChange"
|
|
|
|
|
@resizable-change="resizableChange"
|
|
|
|
|
@checkbox-change="checkboxChangeEvent"
|
|
|
|
|
height="600px"
|
|
|
|
|
empty-text="没有更多数据了！">
|
|
|
|
|
<vxe-column fixed="left" type="checkbox"></vxe-column>
|
|
|
|
|
<vxe-column
|
|
|
|
|
v-for="item in columns"
|
|
|
|
|
:key="`${item.dataIndex}3`"
|
|
|
|
|
:field="item.dataIndex"
|
|
|
|
|
:min-width="item.width"
|
|
|
|
|
:title="item.title"
|
|
|
|
|
:fixed="item.fixed"
|
|
|
|
|
:align="item.align">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<div v-if="item.dataIndex == 'vessel'">
|
|
|
|
|
<span>{{ row.vessel }}/{{ row.voyno }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.dataIndex == 'eta'">
|
|
|
|
|
<span>{{ row.eta ? row.eta.substring(0, 10) : '' }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.dataIndex == 'iS_CANCELLATION'">
|
|
|
|
|
<a-icon
|
|
|
|
|
type="bulb"
|
|
|
|
|
theme="filled"
|
|
|
|
|
style="color: red;font-size: 16px;"
|
|
|
|
|
:title="row.cancellatioN_DATE"
|
|
|
|
|
v-if="row.iS_CANCELLATION" />
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.dataIndex == 'etd'">
|
|
|
|
|
<span>{{ row.etd ? row.etd.substring(0, 10) : '' }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<span v-else>{{ row[item.dataIndex] }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
<vxe-column title="操作" fixed="right" width="120" align="center">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<a-icon type="form" style="cursor: pointer;" @click="handleEdit(row.id)" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
<a-popconfirm
|
|
|
|
|
title="请确认删除?"
|
|
|
|
|
ok-text="是"
|
|
|
|
|
cancel-text="否"
|
|
|
|
|
@confirm="e => {
|
|
|
|
|
confirm(e, row)
|
|
|
|
|
}
|
|
|
|
|
">
|
|
|
|
|
<a-icon type="delete" style="margin: 0 8px;" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
</a-popconfirm>
|
|
|
|
|
<a-icon
|
|
|
|
|
type="diff"
|
|
|
|
|
@click="handleOpenSlot(row)"
|
|
|
|
|
style="cursor: pointer;"
|
|
|
|
|
theme="filled"
|
|
|
|
|
:style="{ color: '#13c2c2' }" />
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
</vxe-table>
|
|
|
|
|
<vxe-pager
|
|
|
|
|
:loading="loading"
|
|
|
|
|
:current-page="queryParam.currentPage"
|
|
|
|
|
:page-size="queryParam.pageSize"
|
|
|
|
|
:total="queryParam.totalResult"
|
|
|
|
|
:layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
|
|
|
@page-change="handlePageChange">
|
|
|
|
|
</vxe-pager>
|
|
|
|
|
<template #vessel="{ row }">
|
|
|
|
|
<span>{{ row.vessel }}/{{ row.voyno }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #caozuo="{ row }">
|
|
|
|
|
<a-icon type="form" style="cursor: pointer;" @click="handleEdit(row.id)" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
<a-popconfirm
|
|
|
|
|
title="请确认删除?"
|
|
|
|
|
ok-text="是"
|
|
|
|
|
cancel-text="否"
|
|
|
|
|
@confirm="e => {
|
|
|
|
|
confirm(e, row)
|
|
|
|
|
}
|
|
|
|
|
">
|
|
|
|
|
<a-icon type="delete" style="margin: 0 8px;" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
</a-popconfirm>
|
|
|
|
|
<a-icon
|
|
|
|
|
type="diff"
|
|
|
|
|
@click="handleOpenSlot(row)"
|
|
|
|
|
style="cursor: pointer;"
|
|
|
|
|
theme="filled"
|
|
|
|
|
:style="{ color: '#13c2c2' }" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #eta="{ row }">
|
|
|
|
|
<span>{{ row.eta ? row.eta.substring(0, 10) : '' }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #iS_CANCELLATION="{ row }">
|
|
|
|
|
<a-icon
|
|
|
|
|
type="bulb"
|
|
|
|
|
theme="filled"
|
|
|
|
|
style="color: red;font-size: 16px;"
|
|
|
|
|
:title="row.cancellatioN_DATE"
|
|
|
|
|
v-if="row.iS_CANCELLATION" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #etd="{ row }">
|
|
|
|
|
<span>{{ row.etd ? row.etd.substring(0, 10) : '' }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template #pager>
|
|
|
|
|
<vxe-pager
|
|
|
|
|
:current-page="queryParam.PageNo"
|
|
|
|
|
:page-size="queryParam.pageSize"
|
|
|
|
|
:total="queryParam.totalCount"
|
|
|
|
|
:layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
|
|
|
@page-change="tablePaginationChange">
|
|
|
|
|
</vxe-pager>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-grid>
|
|
|
|
|
</a-card>
|
|
|
|
|
<a-modal v-model="SlotVisible" title="生成方式选择" @ok="handleOk1" width="40%">
|
|
|
|
|
<a-form class="Editing">
|
|
|
|
|
<a-checkbox style="margin-top: 10px;" v-model="CreateData.isDirectSend">是否直接发送邮件给订舱联系人</a-checkbox>
|
|
|
|
|
<!-- <a-checkbox style="margin-top: 10px;" v-model="CreateData.isDirectSend">是否直接发送邮件给订舱联系人</a-checkbox> -->
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="16">
|
|
|
|
|
<a-form-item label="委托单位：" :label-col="formItemLayout.labelCol3" :wrapper-col="formItemLayout.wrapperCol3">
|
|
|
|
|
@ -278,10 +273,10 @@
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row style="padding-left: 20px;margin-bottom: 10px">
|
|
|
|
|
<span style="margin-right: 10px;" v-for="(item, index) in userInfoList" :key="index">
|
|
|
|
|
{{ item.name }} {{ item.email }}
|
|
|
|
|
</span>
|
|
|
|
|
</a-row>
|
|
|
|
|
<span style="margin-right: 10px;" v-for="(item, index) in userInfoList" :key="index">
|
|
|
|
|
{{ item.name }} {{ item.email }}
|
|
|
|
|
</span>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="8">
|
|
|
|
|
<a-form-item label="销售：" :label-col="formItemLayout.labelCol2" :wrapper-col="formItemLayout.wrapperCol2">
|
|
|
|
|
@ -455,10 +450,13 @@ import {
|
|
|
|
|
} from '@/api/modular/main/TaskmanageList'
|
|
|
|
|
import { DjyCustomerSuggest, GetSysUserPage, DjyCustomerContacts } from '@/api/modular/main/BookingLedger'
|
|
|
|
|
import columnSetting from '@/components/tableColumnSetting'
|
|
|
|
|
import tableSort from '@/components/tableSort'
|
|
|
|
|
import { sortMixin } from '@/mixin/index';
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
columnSetting
|
|
|
|
|
columnSetting, tableSort
|
|
|
|
|
},
|
|
|
|
|
mixins: [sortMixin],
|
|
|
|
|
computed: {
|
|
|
|
|
...mapGetters([
|
|
|
|
|
'ctnallList'
|
|
|
|
|
@ -478,13 +476,13 @@ export default {
|
|
|
|
|
customerByList: [],
|
|
|
|
|
CustomerList: [],
|
|
|
|
|
SlotVisible: false,
|
|
|
|
|
userInfoList:[],
|
|
|
|
|
userInfoList: [],
|
|
|
|
|
setVisible1: false,
|
|
|
|
|
fetching: false,
|
|
|
|
|
queryParam: {
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
PageNo: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
totalResult: 1
|
|
|
|
|
totalCount: 1
|
|
|
|
|
},
|
|
|
|
|
bookingServiceItem: [],
|
|
|
|
|
formItemLayout: {
|
|
|
|
|
@ -505,232 +503,519 @@ export default {
|
|
|
|
|
slotEdit: {},
|
|
|
|
|
ColumnsQuery: [],
|
|
|
|
|
columns: [
|
|
|
|
|
{
|
|
|
|
|
type: 'checkbox',
|
|
|
|
|
width: 60,
|
|
|
|
|
noDraggable: true,
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '订舱编号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '160',
|
|
|
|
|
dataIndex: 'sloT_BOOKING_NO',
|
|
|
|
|
field: 'sloT_BOOKING_NO',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '船名/航次',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'vessel',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
field: 'vessel',
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
slots: { default: 'vessel' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '船公司',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'carrier',
|
|
|
|
|
field: 'carrier',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '合约号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'contracT_NO',
|
|
|
|
|
field: 'contracT_NO',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '承运模式',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'carriagE_TYPE_NAME',
|
|
|
|
|
field: 'carriagE_TYPE_NAME',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '订舱方式',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'bookinG_SLOT_TYPE_NAME',
|
|
|
|
|
field: 'bookinG_SLOT_TYPE_NAME',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ETD',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'etd',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
field: 'etd',
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
sortable: true,
|
|
|
|
|
slots: { default: 'etd' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ETA',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'eta',
|
|
|
|
|
field: 'eta',
|
|
|
|
|
sortable: true,
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
slots: { default: 'eta' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'CANCELLATION',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'iS_CANCELLATION',
|
|
|
|
|
slots: { default: 'iS_CANCELLATION' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '装货地',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '180',
|
|
|
|
|
field: 'placereceipt'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '收货地',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '180',
|
|
|
|
|
field: 'placedelivery'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '箱型箱量',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'ctN_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'WEEK',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'weeK_AT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '装货港名称',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'portload'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '卸货港名称',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'portdischarge'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '样单截止时间',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'sI_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'VGM截止时间',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'vgM_SUBMISSION_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '截港时间',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'cY_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '入港清单截止',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'manifesT_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'MDGF截止',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'mdgF_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '航线',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'lanename'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '重量(KGS)',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'WEIGHKGS'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '创建日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
sortable: true,
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'createdTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '创建人',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'createdUserName'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '更新日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'updatedTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '更新人',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'updatedUserName'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'VGM回执',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'VGM_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'SI回执',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'SI_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '提箱',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'TAKE_CTN_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '还箱',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'RETURN_CTN_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '预甩',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'NOMINATION_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '舱位变更',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'AMENDMENT_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '舱位取消',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'CANCELLATION_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '卸船未提货',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'DISCHARGE_FULL_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '提箱未还空箱',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'GATE_OUTFULL_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '费用信息',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'typeCode'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '操作',
|
|
|
|
|
align: 'center',
|
|
|
|
|
field: 'caozuo',
|
|
|
|
|
slots: { default: 'caozuo' },
|
|
|
|
|
width: 100,
|
|
|
|
|
fixed: 'right'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
|
columnsAll: [
|
|
|
|
|
{
|
|
|
|
|
type: 'checkbox',
|
|
|
|
|
width: 60,
|
|
|
|
|
noDraggable: true,
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '订舱编号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '160',
|
|
|
|
|
field: 'sloT_BOOKING_NO',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '船名/航次',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'vessel',
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
slots: { default: 'vessel' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '船公司',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'carrier',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '合约号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'contracT_NO',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '承运模式',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'carriagE_TYPE_NAME',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '订舱方式',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'bookinG_SLOT_TYPE_NAME',
|
|
|
|
|
fixed: 'left'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ETD',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'etd',
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
sortable: true,
|
|
|
|
|
slots: { default: 'etd' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ETA',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'eta',
|
|
|
|
|
sortable: true,
|
|
|
|
|
fixed: 'left',
|
|
|
|
|
slots: { default: 'eta' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'CANCELLATION',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'iS_CANCELLATION'
|
|
|
|
|
field: 'iS_CANCELLATION',
|
|
|
|
|
slots: { default: 'iS_CANCELLATION' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '装货地',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '180',
|
|
|
|
|
dataIndex: 'placereceipt'
|
|
|
|
|
field: 'placereceipt'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '收货地',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '180',
|
|
|
|
|
dataIndex: 'placedelivery'
|
|
|
|
|
field: 'placedelivery'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '箱型箱量',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'ctN_STAT'
|
|
|
|
|
field: 'ctN_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'WEEK',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'weeK_AT'
|
|
|
|
|
field: 'weeK_AT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '装货港名称',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'portload'
|
|
|
|
|
field: 'portload'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '卸货港名称',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'portdischarge'
|
|
|
|
|
field: 'portdischarge'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '样单截止时间',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'sI_CUT_DATE'
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'sI_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'VGM截止时间',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'vgM_SUBMISSION_CUT_DATE'
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'vgM_SUBMISSION_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '截港时间',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'cY_CUT_DATE'
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'cY_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '入港清单截止',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'manifesT_CUT_DATE'
|
|
|
|
|
field: 'manifesT_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'MDGF截止',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'mdgF_CUT_DATE'
|
|
|
|
|
field: 'mdgF_CUT_DATE'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '航线',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'lanename'
|
|
|
|
|
field: 'lanename'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '重量(KGS)',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'WEIGHKGS'
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'WEIGHKGS'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '创建日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
sortable: true,
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'createdTime'
|
|
|
|
|
field: 'createdTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '创建人',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'createdUserName'
|
|
|
|
|
field: 'createdUserName'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '更新日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'updatedTime'
|
|
|
|
|
sortable: true,
|
|
|
|
|
field: 'updatedTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '更新人',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'updatedUserName'
|
|
|
|
|
field: 'updatedUserName'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'VGM回执',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'VGM_RLT_STAT'
|
|
|
|
|
field: 'VGM_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'SI回执',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'SI_RLT_STAT'
|
|
|
|
|
field: 'SI_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '提箱',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'TAKE_CTN_RLT_STAT'
|
|
|
|
|
field: 'TAKE_CTN_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '还箱',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'RETURN_CTN_RLT_STAT'
|
|
|
|
|
field: 'RETURN_CTN_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '预甩',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'NOMINATION_RLT_STAT'
|
|
|
|
|
field: 'NOMINATION_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '舱位变更',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'AMENDMENT_RLT_STAT'
|
|
|
|
|
field: 'AMENDMENT_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '舱位取消',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'CANCELLATION_RLT_STAT'
|
|
|
|
|
field: 'CANCELLATION_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '卸船未提货',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'DISCHARGE_FULL_RLT_STAT'
|
|
|
|
|
field: 'DISCHARGE_FULL_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '提箱未还空箱',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'GATE_OUTFULL_RLT_STAT'
|
|
|
|
|
field: 'GATE_OUTFULL_RLT_STAT'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '费用信息',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'typeCode'
|
|
|
|
|
field: 'typeCode'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '操作',
|
|
|
|
|
align: 'center',
|
|
|
|
|
field: 'caozuo',
|
|
|
|
|
slots: { default: 'caozuo' },
|
|
|
|
|
width: 100,
|
|
|
|
|
fixed: 'right'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
],
|
|
|
|
|
sortMixinForm: {
|
|
|
|
|
column: 'Cabin_list_column',
|
|
|
|
|
setting: 'CabinSetting',
|
|
|
|
|
sort: 'Cabin_sort',
|
|
|
|
|
page: 'Cabin_page',
|
|
|
|
|
type: 'Cabin',
|
|
|
|
|
sortField: 'etd'
|
|
|
|
|
},
|
|
|
|
|
tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' },
|
|
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
|
|
loadData: []
|
|
|
|
|
@ -738,7 +1023,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
created() { },
|
|
|
|
|
mounted() {
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
this.getConfigStart()
|
|
|
|
|
GetProjectList().then(res => {
|
|
|
|
|
res.data.forEach(item => {
|
|
|
|
|
item.isYield = false
|
|
|
|
|
@ -746,11 +1031,11 @@ export default {
|
|
|
|
|
this.bookingServiceItem = res.data
|
|
|
|
|
})
|
|
|
|
|
GetSysUserPage().then(res => {
|
|
|
|
|
this.UserList = res.data
|
|
|
|
|
})
|
|
|
|
|
DjyCustomerSuggest({ keyword: '', type: 'consignor' }).then(res => {
|
|
|
|
|
this.CustomerList = res.data.rows
|
|
|
|
|
})
|
|
|
|
|
this.UserList = res.data
|
|
|
|
|
})
|
|
|
|
|
DjyCustomerSuggest({ keyword: '', type: 'consignor' }).then(res => {
|
|
|
|
|
this.CustomerList = res.data.rows
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
FnTurnD(data) {
|
|
|
|
|
@ -771,17 +1056,23 @@ export default {
|
|
|
|
|
ImportSlotFromFile(formData, (percent) => this.setUploadProcess(percent)).then((res) => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.$message.success('上传成功')
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
this.getList()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error('上传失败：' + res.data.msg)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
checkboxChangeEvent() {
|
|
|
|
|
console.log('== 选中，取消选中 ==', this.$refs.table.getCheckboxRecords())
|
|
|
|
|
},
|
|
|
|
|
toggleAdvanced() {
|
|
|
|
|
this.advanced = !this.advanced
|
|
|
|
|
},
|
|
|
|
|
handledbclick(row) {
|
|
|
|
|
this.handleEdit(row.row.id)
|
|
|
|
|
},
|
|
|
|
|
handleSendAll() {
|
|
|
|
|
const select = this.$refs.xTable.getCheckboxRecords()
|
|
|
|
|
const select = this.$refs.table.getCheckboxRecords()
|
|
|
|
|
const pkIdArr = select.map((item, index) => {
|
|
|
|
|
return item.id
|
|
|
|
|
})
|
|
|
|
|
@ -814,9 +1105,9 @@ export default {
|
|
|
|
|
this.form = {}
|
|
|
|
|
},
|
|
|
|
|
handlePageChange({ currentPage, pageSize }) {
|
|
|
|
|
this.queryParam.currentPage = currentPage
|
|
|
|
|
this.queryParam.PageNo = currentPage
|
|
|
|
|
this.queryParam.pageSize = pageSize
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
SearchCustomer(e) {
|
|
|
|
|
DjyCustomerSuggest({ keyword: e, type: 'consignor' }).then(res => {
|
|
|
|
|
@ -841,19 +1132,19 @@ export default {
|
|
|
|
|
this.fetching = false
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
FnGetData() {
|
|
|
|
|
getList() {
|
|
|
|
|
this.loading = true
|
|
|
|
|
this.form.pageSize = this.queryParam.pageSize
|
|
|
|
|
this.form.PageNo = this.queryParam.currentPage
|
|
|
|
|
this.form.PageNo = this.queryParam.PageNo
|
|
|
|
|
if (this.form.ctN_STAT) {
|
|
|
|
|
this.form.ctN_STAT = this.form.ctN_STAT.join(',')
|
|
|
|
|
}
|
|
|
|
|
BookingSlotPage(this.form).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.loadData = res.data.rows
|
|
|
|
|
this.queryParam.currentPage = res.data.pageNo
|
|
|
|
|
this.queryParam.PageNo = res.data.pageNo
|
|
|
|
|
this.queryParam.pageSize = res.data.pageSize
|
|
|
|
|
this.queryParam.totalResult = res.data.totalRows
|
|
|
|
|
this.queryParam.totalCount = res.data.totalRows
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
}
|
|
|
|
|
@ -871,7 +1162,7 @@ export default {
|
|
|
|
|
BookingSlotDelete(record).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('删除成功')
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
this.getList()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(`删除失败,${res.message}`)
|
|
|
|
|
}
|
|
|
|
|
@ -924,7 +1215,7 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleOk() {
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
handleAdd() {
|
|
|
|
|
this.$router.push({
|
|
|
|
|
@ -959,6 +1250,7 @@ export default {
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
|
@import url('../BookingLedger/detail/style/rightContent.less');
|
|
|
|
|
|
|
|
|
|
.table-operator {
|
|
|
|
|
margin-bottom: 18px;
|
|
|
|
|
}
|
|
|
|
|
@ -1092,7 +1384,8 @@ button {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-form-item{
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-form-item {
|
|
|
|
|
margin-bottom: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
