|
|
|
|
@ -2,28 +2,38 @@
|
|
|
|
|
<div>
|
|
|
|
|
<a-card :bordered="false" :bodyStyle="tstyle">
|
|
|
|
|
<div class="table-page-search-wrapper" :class="advanced ? 'Open' : 'Close'">
|
|
|
|
|
<a-form :model="form" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
|
|
|
|
|
<a-form :model="form" :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }">
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="订舱号">
|
|
|
|
|
<a-input v-model="form.BookingReference" allow-clear placeholder="请输入订舱号" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="订舱人">
|
|
|
|
|
<a-input v-model="form.BookingCreator" allow-clear placeholder="请输入订舱人" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="合约号">
|
|
|
|
|
<a-input v-model="form.priceReference" allow-clear placeholder="请输入合约号" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="船名">
|
|
|
|
|
<a-input v-model="form.vessel" allow-clear placeholder="请输入船名" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-item label="航次号">
|
|
|
|
|
<a-input v-model="form.voyno" allow-clear placeholder="请输入航次号" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="5">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="持约方公司">
|
|
|
|
|
<a-input v-model="form.priceOwnerCompanyName" allow-clear placeholder="请输入持约方公司" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="3">
|
|
|
|
|
<a-form-item label="航次号">
|
|
|
|
|
<a-input v-model="form.voyno" allow-clear placeholder="请输入航次号" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="1">
|
|
|
|
|
<a @click="toggleAdvanced" style="margin-left: 8px;margin-top: 9px;display: inline-block;">
|
|
|
|
|
{{ advanced ? '收起' : '展开' }}
|
|
|
|
|
@ -32,17 +42,17 @@
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="始发地">
|
|
|
|
|
<a-input v-model="form.placeReceiptCity" allow-clear placeholder="请输入始发地" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="预计离港时间">
|
|
|
|
|
<a-range-picker valueFormat="YYYY-MM-DD" v-model="form.eDeparture" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="是否冷冻处理">
|
|
|
|
|
<a-select v-model="form.isReefer">
|
|
|
|
|
<a-select-option :value="1">
|
|
|
|
|
@ -54,24 +64,24 @@
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="5">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="订舱公司代码">
|
|
|
|
|
<a-input v-model="form.bookedByCompanyPartyCode" allow-clear placeholder="请输入发件服务器" />
|
|
|
|
|
<a-input v-model="form.bookedByCompanyPartyCode" allow-clear placeholder="请输入订舱公司代码" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="目的地">
|
|
|
|
|
<a-input v-model="form.placeDeliveryCity" allow-clear placeholder="请输入目的地" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="3">
|
|
|
|
|
<a-form-item label="ETD">
|
|
|
|
|
<a-range-picker valueFormat="YYYY-MM-DD" v-model="form.etd" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="货物标志">
|
|
|
|
|
<a-select v-model="form.commodityCodeType">
|
|
|
|
|
<a-select-option value="DRY">
|
|
|
|
|
@ -83,24 +93,22 @@
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="5">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="持约方公司代码">
|
|
|
|
|
<a-input v-model="form.priceOwnerCompanyPartyCode" allow-clear placeholder="请输入持约方公司代码" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="订舱公司">
|
|
|
|
|
<a-input v-model="form.bookedByCompanyName" allow-clear placeholder="请输入订舱公司" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="ETA">
|
|
|
|
|
<a-range-picker valueFormat="YYYY-MM-DD" v-model="form.eta" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-col :span="4">
|
|
|
|
|
<a-form-item label="是否持约方">
|
|
|
|
|
<a-select v-model="form.isbookingPartOwnPrice">
|
|
|
|
|
<a-select-option value="true">
|
|
|
|
|
@ -112,7 +120,7 @@
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="5">
|
|
|
|
|
<a-col :span="3">
|
|
|
|
|
<a-form-item label="定时时间">
|
|
|
|
|
<a-range-picker valueFormat="YYYY-MM-DD" v-model="form.job" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
@ -129,82 +137,13 @@
|
|
|
|
|
<div>
|
|
|
|
|
<a-button type="primary" @click="FnGetData">查询</a-button>
|
|
|
|
|
<a-button style="margin-left: 8px" @click="init">重置</a-button>
|
|
|
|
|
<tableSort style="margin-left: 10px;" @columnChange="handleColumnChange" :columns="columns" :columnsAll="columnsAll"></tableSort>
|
|
|
|
|
<tableSort
|
|
|
|
|
style="margin-left: 10px;"
|
|
|
|
|
@columnChange="handleColumnChange"
|
|
|
|
|
:columns="columns"
|
|
|
|
|
:columnsAll="columnsAll"></tableSort>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <vxe-table
|
|
|
|
|
:data="loadData"
|
|
|
|
|
stripe
|
|
|
|
|
resizable
|
|
|
|
|
round
|
|
|
|
|
:loading="loading"
|
|
|
|
|
ref="xTable1"
|
|
|
|
|
empty-text="没有更多数据了！">
|
|
|
|
|
<vxe-column type="checkbox" width="60"></vxe-column>
|
|
|
|
|
<vxe-column
|
|
|
|
|
v-for="item in columns"
|
|
|
|
|
:key="`${item.field}3`"
|
|
|
|
|
:field="item.field"
|
|
|
|
|
:min-width="item.width"
|
|
|
|
|
:title="item.title"
|
|
|
|
|
:fixed="item.fixed"
|
|
|
|
|
:align="item.align">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<div v-if="item.field == 'vessel'">
|
|
|
|
|
<span>{{ row.vessel }} / {{ row.voyno }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.field == 'isReefer'">
|
|
|
|
|
<span v-if="row.isReefer">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.field == 'isJob'">
|
|
|
|
|
<span v-if="row.isJob">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.field == 'isbookingPartOwnPrice'">
|
|
|
|
|
<span v-if="row.isbookingPartOwnPrice">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.field == 'isImportReturned'">
|
|
|
|
|
<span v-if="row.isImportReturned">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.field == 'isRecvBC'">
|
|
|
|
|
<a-icon type="bulb" theme="filled" style="color: green;font-size: 16px;" :title="row.lstRecvBCDate" v-if="row.isRecvBC" />
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.field == 'isRecvBKCancel'">
|
|
|
|
|
<a-icon type="bulb" theme="filled" style="color: red;font-size: 16px;" :title="row.lstRecvBCDate" v-if="row.isRecvBKCancel" />
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.field == 'isShipperOwned'">
|
|
|
|
|
<a-icon v-if="row.isShipperOwned" type="check-circle" style="color: green;font-size: 16px;" theme="filled" />
|
|
|
|
|
</div>
|
|
|
|
|
<span v-else>{{ row[item.field] }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
<vxe-column title="操作" fixed="right" width="120" align="center">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<vxe-button type="text" @click="handleEdit(row.id)">
|
|
|
|
|
<a-icon type="form" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
</vxe-button>
|
|
|
|
|
<a-popconfirm
|
|
|
|
|
title="请确认删除?"
|
|
|
|
|
ok-text="是"
|
|
|
|
|
cancel-text="否"
|
|
|
|
|
@confirm="e => {
|
|
|
|
|
confirm(e, row.id)
|
|
|
|
|
}
|
|
|
|
|
">
|
|
|
|
|
<vxe-button type="text">
|
|
|
|
|
<a-icon type="delete" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
</vxe-button>
|
|
|
|
|
</a-popconfirm>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
</vxe-table>
|
|
|
|
|
<vxe-pager :loading="loading" :current-page="queryParam.pageNo" :page-size="queryParam.pageSize"
|
|
|
|
|
:total="queryParam.totalResult" :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
|
|
|
@page-change="handlePageChange">
|
|
|
|
|
</vxe-pager> -->
|
|
|
|
|
<vxe-grid
|
|
|
|
|
:data="loadData"
|
|
|
|
|
stripe
|
|
|
|
|
@ -219,20 +158,39 @@
|
|
|
|
|
height="600px"
|
|
|
|
|
empty-text="没有更多数据了！">
|
|
|
|
|
<template #caozuo="{ row }">
|
|
|
|
|
<vxe-button style="padding:0;margin:0;margin-right:5px;" type="text" @click="$refs.editForm.edit(row)">
|
|
|
|
|
<vxe-button type="text" @click="handleEdit(row.id)">
|
|
|
|
|
<a-icon type="form" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
</vxe-button>
|
|
|
|
|
<a-popconfirm title="是否确认删除?" ok-text="是" cancel-text="否" @confirm="confirm(row)">
|
|
|
|
|
<vxe-button style="padding:0;margin:0;" type="text">
|
|
|
|
|
<a-popconfirm
|
|
|
|
|
title="请确认删除?"
|
|
|
|
|
ok-text="是"
|
|
|
|
|
cancel-text="否"
|
|
|
|
|
@confirm="e => {
|
|
|
|
|
confirm(e, row.id)
|
|
|
|
|
}
|
|
|
|
|
">
|
|
|
|
|
<vxe-button type="text">
|
|
|
|
|
<a-icon type="delete" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
</vxe-button>
|
|
|
|
|
</a-popconfirm>
|
|
|
|
|
</template>
|
|
|
|
|
<template #vessel="{ row }">
|
|
|
|
|
<span>{{ row.vessel }} / {{ row.voyno }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #isRecvBC="{ row }">
|
|
|
|
|
<a-icon type="bulb" theme="filled" style="color: green;font-size: 16px;" :title="row.lstRecvBCDate" v-if="row.isRecvBC" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #isRecvBKCancel="{ row }">
|
|
|
|
|
<a-icon type="bulb" theme="filled" style="color: red;font-size: 16px;" :title="row.lstRecvBCDate" v-if="row.isRecvBKCancel" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #isShipperOwned="{ row }">
|
|
|
|
|
<a-icon v-if="row.isShipperOwned" type="check-circle" style="color: green;font-size: 16px;" theme="filled" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #pager>
|
|
|
|
|
<vxe-pager
|
|
|
|
|
:current-page="queryParam.PageNo"
|
|
|
|
|
:page-size="queryParam.PageSize"
|
|
|
|
|
:total="queryParam.totalCount"
|
|
|
|
|
:total="queryParam.totalResult"
|
|
|
|
|
:layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
|
|
|
@page-change="handlePageChange">
|
|
|
|
|
</vxe-pager>
|
|
|
|
|
@ -243,14 +201,14 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import { mskGetPage, mskDelete } from '@/api/modular/main/BookingLedger'
|
|
|
|
|
import { mskGetPage, mskDelete, DjyUserConfigMulti } from '@/api/modular/main/BookingLedger'
|
|
|
|
|
import columnSetting from '@/components/tableColumnSetting'
|
|
|
|
|
import tableSort from '@/components/tableSort'
|
|
|
|
|
import mskBookingOrder from '@/components/mskBookingOrder'
|
|
|
|
|
import { DjyUserConfigAdd } from '@/api/modular/main/DjyUserConfig'
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
columnSetting, mskBookingOrder,tableSort
|
|
|
|
|
columnSetting, mskBookingOrder, tableSort
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
@ -308,7 +266,8 @@ export default {
|
|
|
|
|
title: '船名/航次',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'vessel'
|
|
|
|
|
field: 'vessel',
|
|
|
|
|
slots: { default: 'vessel' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ETD',
|
|
|
|
|
@ -332,13 +291,15 @@ export default {
|
|
|
|
|
title: 'BC',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '50',
|
|
|
|
|
field: 'isRecvBC'
|
|
|
|
|
field: 'isRecvBC',
|
|
|
|
|
slots: { default: 'isRecvBC' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'BookingCancellation',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '200',
|
|
|
|
|
field: 'isRecvBKCancel'
|
|
|
|
|
field: 'isRecvBKCancel',
|
|
|
|
|
slots: { default: 'isRecvBKCancel' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '状态',
|
|
|
|
|
@ -350,7 +311,8 @@ export default {
|
|
|
|
|
title: 'soc',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '50',
|
|
|
|
|
field: 'isShipperOwned'
|
|
|
|
|
field: 'isShipperOwned',
|
|
|
|
|
slots: { default: 'isShipperOwned' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '订舱人',
|
|
|
|
|
@ -363,6 +325,14 @@ export default {
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'createdTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '操作',
|
|
|
|
|
align: 'center',
|
|
|
|
|
field: 'caozuo',
|
|
|
|
|
slots: { default: 'caozuo' },
|
|
|
|
|
width: 100,
|
|
|
|
|
fixed: 'right'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
columnsAll: [
|
|
|
|
|
@ -394,7 +364,8 @@ export default {
|
|
|
|
|
title: '船名/航次',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'vessel'
|
|
|
|
|
field: 'vessel',
|
|
|
|
|
slots: { default: 'vessel' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ETD',
|
|
|
|
|
@ -418,13 +389,15 @@ export default {
|
|
|
|
|
title: 'BC',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '50',
|
|
|
|
|
field: 'isRecvBC'
|
|
|
|
|
field: 'isRecvBC',
|
|
|
|
|
slots: { default: 'isRecvBC' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'BookingCancellation',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '200',
|
|
|
|
|
field: 'isRecvBKCancel'
|
|
|
|
|
field: 'isRecvBKCancel',
|
|
|
|
|
slots: { default: 'isRecvBKCancel' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '状态',
|
|
|
|
|
@ -436,7 +409,8 @@ export default {
|
|
|
|
|
title: 'soc',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '50',
|
|
|
|
|
field: 'isShipperOwned'
|
|
|
|
|
field: 'isShipperOwned',
|
|
|
|
|
slots: { default: 'isShipperOwned' }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '订舱人',
|
|
|
|
|
@ -449,6 +423,14 @@ export default {
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'createdTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '操作',
|
|
|
|
|
align: 'center',
|
|
|
|
|
field: 'caozuo',
|
|
|
|
|
slots: { default: 'caozuo' },
|
|
|
|
|
width: 100,
|
|
|
|
|
fixed: 'right'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' },
|
|
|
|
|
@ -469,25 +451,14 @@ export default {
|
|
|
|
|
getConfigStart() {
|
|
|
|
|
const arr = localStorage.getItem('mskOrderSetting') ? JSON.parse(localStorage.getItem('mskOrderSetting')) : []
|
|
|
|
|
if (arr.length === 0) {
|
|
|
|
|
this.columns = JSON.parse(JSON.stringify(this.columnsAll))
|
|
|
|
|
const data = [
|
|
|
|
|
{
|
|
|
|
|
type: 'mskOrder_list_column',
|
|
|
|
|
configJson: JSON.stringify(this.columns)
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: 'mskOrder_page',
|
|
|
|
|
configJson: JSON.stringify({ pageSize: 10 })
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: 'mskOrder_sort',
|
|
|
|
|
configJson: JSON.stringify({ sortField: 'etd', descSort: true })
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(data))
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
this.getDict()
|
|
|
|
|
} else {
|
|
|
|
|
const $data = {}
|
|
|
|
|
this.setLocalStorage()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
setLocalStorage() {
|
|
|
|
|
const arr = localStorage.getItem('mskOrderSetting') ? JSON.parse(localStorage.getItem('mskOrderSetting')) : []
|
|
|
|
|
const $data = {}
|
|
|
|
|
arr.map((item, index) => {
|
|
|
|
|
switch (item.type) {
|
|
|
|
|
case 'mskOrder_list_column':
|
|
|
|
|
@ -501,7 +472,6 @@ export default {
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
console.log(JSON.parse($data.mskOrder_list_column.configJson))
|
|
|
|
|
if (Object.keys($data).includes('mskOrder_list_column')) {
|
|
|
|
|
this.columns = JSON.parse($data.mskOrder_list_column.configJson)
|
|
|
|
|
} else {
|
|
|
|
|
@ -539,7 +509,6 @@ export default {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
}, 200);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handlePageChange({ currentPage, pageSize }) {
|
|
|
|
|
if (this.queryParam.pageSize !== pageSize) {
|
|
|
|
|
@ -550,11 +519,46 @@ export default {
|
|
|
|
|
this.queryParam.PageSize = pageSize
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
},
|
|
|
|
|
getDict() {
|
|
|
|
|
const query = {
|
|
|
|
|
typeArr: ['mskOrder_list_column', 'mskOrder_page', 'mskOrder_sort']
|
|
|
|
|
}
|
|
|
|
|
DjyUserConfigMulti(this.$qs.stringify(query)).then(res => {
|
|
|
|
|
const arr = []
|
|
|
|
|
res.data.forEach(item => {
|
|
|
|
|
if (item.type.includes('mskOrder')) {
|
|
|
|
|
arr.push(item)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
if (arr.length > 0) {
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(arr))
|
|
|
|
|
this.setLocalStorage()
|
|
|
|
|
} else {
|
|
|
|
|
this.columns = JSON.parse(JSON.stringify(this.columnsAll))
|
|
|
|
|
const data = [
|
|
|
|
|
{
|
|
|
|
|
type: 'mskOrder_list_column',
|
|
|
|
|
configJson: JSON.stringify(this.columns)
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: 'mskOrder_page',
|
|
|
|
|
configJson: JSON.stringify({ pageSize: 10 })
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: 'mskOrder_sort',
|
|
|
|
|
configJson: JSON.stringify({ sortField: 'etd', descSort: true })
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(data))
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
changeSetting(key, value) {
|
|
|
|
|
const arr = localStorage.getItem('mskOrderSetting') ? JSON.parse(localStorage.getItem('mskOrderSetting')) : []
|
|
|
|
|
arr.forEach(item => {
|
|
|
|
|
if (item.type === key) {
|
|
|
|
|
item.configJson = JSON.stringify(value)
|
|
|
|
|
item.configJson = JSON.stringify(value)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(arr))
|
|
|
|
|
|
