|
|
|
@ -129,9 +129,10 @@
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<vxe-table
|
|
|
|
|
<!-- <vxe-table
|
|
|
|
|
:data="loadData"
|
|
|
|
|
stripe
|
|
|
|
|
resizable
|
|
|
|
@ -142,45 +143,42 @@
|
|
|
|
|
<vxe-column type="checkbox" width="60"></vxe-column>
|
|
|
|
|
<vxe-column
|
|
|
|
|
v-for="item in columns"
|
|
|
|
|
:key="`${item.dataIndex}3`"
|
|
|
|
|
:field="item.dataIndex"
|
|
|
|
|
: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.dataIndex == 'vessel'">
|
|
|
|
|
<div v-if="item.field == 'vessel'">
|
|
|
|
|
<span>{{ row.vessel }} / {{ row.voyno }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.dataIndex == 'isReefer'">
|
|
|
|
|
<div v-else-if="item.field == 'isReefer'">
|
|
|
|
|
<span v-if="row.isReefer">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.dataIndex == 'isJob'">
|
|
|
|
|
<div v-else-if="item.field == 'isJob'">
|
|
|
|
|
<span v-if="row.isJob">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.dataIndex == 'isbookingPartOwnPrice'">
|
|
|
|
|
<div v-else-if="item.field == 'isbookingPartOwnPrice'">
|
|
|
|
|
<span v-if="row.isbookingPartOwnPrice">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.dataIndex == 'isImportReturned'">
|
|
|
|
|
<div v-else-if="item.field == 'isImportReturned'">
|
|
|
|
|
<span v-if="row.isImportReturned">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else-if="item.dataIndex == 'isShipperOwned'">
|
|
|
|
|
<span v-if="row.isShipperOwned">是</span>
|
|
|
|
|
<span v-else>否</span>
|
|
|
|
|
<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.dataIndex == 'isRecvBC'">
|
|
|
|
|
<span :title="row.lstRecvBCDate" v-if="row.isRecvBC" style="display: inline-block;width:15px;height: 15px;border-radius: 50%;background: green;cursor: pointer;"></span>
|
|
|
|
|
<span v-else style="display: inline-block;width:15px;height: 15px;border-radius: 50%;background: gray"></span>
|
|
|
|
|
<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.dataIndex == 'isRecvBKCancel'">
|
|
|
|
|
<span :title="row.lstRecvBKCancelDate" v-if="row.isRecvBKCancel" style="display: inline-block;width:15px;height: 15px;border-radius: 50%;background: green;cursor: pointer;"></span>
|
|
|
|
|
<span v-else style="display: inline-block;width:15px;height: 15px;border-radius: 50%;background: gray"></span>
|
|
|
|
|
<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.dataIndex] }}</span>
|
|
|
|
|
<span v-else>{{ row[item.field] }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
<vxe-column title="操作" fixed="right" width="120" align="center">
|
|
|
|
@ -203,14 +201,43 @@
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-column>
|
|
|
|
|
</vxe-table>
|
|
|
|
|
<vxe-pager
|
|
|
|
|
<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
|
|
|
|
|
resizable
|
|
|
|
|
round
|
|
|
|
|
ref="table"
|
|
|
|
|
:columns="columns"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
:current-page="queryParam.pageNo"
|
|
|
|
|
:page-size="queryParam.pageSize"
|
|
|
|
|
:total="queryParam.totalResult"
|
|
|
|
|
@cell-dblclick="handledbclick"
|
|
|
|
|
@sort-change="tableSortChange"
|
|
|
|
|
@resizable-change="resizableChange"
|
|
|
|
|
height="600px"
|
|
|
|
|
empty-text="没有更多数据了!">
|
|
|
|
|
<template #caozuo="{ row }">
|
|
|
|
|
<vxe-button style="padding:0;margin:0;margin-right:5px;" type="text" @click="$refs.editForm.edit(row)">
|
|
|
|
|
<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-icon type="delete" :style="{ color: '#13c2c2' }" />
|
|
|
|
|
</vxe-button>
|
|
|
|
|
</a-popconfirm>
|
|
|
|
|
</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="handlePageChange">
|
|
|
|
|
</vxe-pager>
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-grid>
|
|
|
|
|
</a-card>
|
|
|
|
|
<mskBookingOrder @handleSuccess="handleSuccess" ref="mskBookingOrder"></mskBookingOrder>
|
|
|
|
|
</div>
|
|
|
|
@ -218,10 +245,12 @@
|
|
|
|
|
<script>
|
|
|
|
|
import { mskGetPage, mskDelete } 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
|
|
|
|
|
columnSetting, mskBookingOrder,tableSort
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
@ -255,193 +284,171 @@
|
|
|
|
|
title: '订舱号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'bookingReference'
|
|
|
|
|
field: 'bookingReference'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '合约号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '200',
|
|
|
|
|
dataIndex: 'priceReference'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '预计离港日期',
|
|
|
|
|
title: '起运港',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'earliestDepartureDate'
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'placeReceiptCity'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '始发地',
|
|
|
|
|
title: '目的港',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'placeReceiptCity'
|
|
|
|
|
field: 'placeDeliveryCity'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '目的地',
|
|
|
|
|
title: '箱型箱量',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'placeDeliveryCity'
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'ctnStat'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '船名/航次',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'vessel'
|
|
|
|
|
field: 'vessel'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ETD',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'etd'
|
|
|
|
|
field: 'etd'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'ATD',
|
|
|
|
|
title: '总重(KGS)',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'atd'
|
|
|
|
|
width: '130',
|
|
|
|
|
field: 'totalCargoWeight'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '货物标志',
|
|
|
|
|
title: '合约号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'cargoType'
|
|
|
|
|
width: '160',
|
|
|
|
|
field: 'priceReference'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '总重(KGS)',
|
|
|
|
|
title: 'BC',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'totalCargoWeight'
|
|
|
|
|
width: '50',
|
|
|
|
|
field: 'isRecvBC'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '是否冷冻处理',
|
|
|
|
|
title: 'BookingCancellation',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'isReefer'
|
|
|
|
|
width: '200',
|
|
|
|
|
field: 'isRecvBKCancel'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '温度',
|
|
|
|
|
title: '状态',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'tempSet'
|
|
|
|
|
width: '130',
|
|
|
|
|
field: 'status'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '通风',
|
|
|
|
|
title: 'soc',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'vent'
|
|
|
|
|
width: '50',
|
|
|
|
|
field: 'isShipperOwned'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '湿度',
|
|
|
|
|
title: '订舱人',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'humidity'
|
|
|
|
|
field: 'createdUserName'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '状态',
|
|
|
|
|
title: '订舱日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'status'
|
|
|
|
|
},
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'createdTime'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
columnsAll: [
|
|
|
|
|
{
|
|
|
|
|
title: '订舱公司',
|
|
|
|
|
title: '订舱号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'bookedByCompanyName'
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'bookingReference'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '订舱公司代码',
|
|
|
|
|
title: '起运港',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'bookedByCompanyPartyCode'
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'placeReceiptCity'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '是否持约方',
|
|
|
|
|
title: '目的港',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '100',
|
|
|
|
|
dataIndex: 'isbookingPartOwnPrice'
|
|
|
|
|
field: 'placeDeliveryCity'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '持约方公司',
|
|
|
|
|
title: '箱型箱量',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'priceOwnerCompanyName'
|
|
|
|
|
width: '150',
|
|
|
|
|
field: 'ctnStat'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '持约方公司代码',
|
|
|
|
|
title: '船名/航次',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'priceOwnerCompanyPartyCode'
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'vessel'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '箱型箱量',
|
|
|
|
|
title: 'ETD',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'ctnStat'
|
|
|
|
|
width: '100',
|
|
|
|
|
field: 'etd'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'soc',
|
|
|
|
|
title: '总重(KGS)',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '50',
|
|
|
|
|
dataIndex: 'isShipperOwned'
|
|
|
|
|
width: '130',
|
|
|
|
|
field: 'totalCargoWeight'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '进口退货集装箱',
|
|
|
|
|
title: '合约号',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '120',
|
|
|
|
|
dataIndex: 'isImportReturned'
|
|
|
|
|
width: '160',
|
|
|
|
|
field: 'priceReference'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'BC',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '50',
|
|
|
|
|
dataIndex: 'isRecvBC'
|
|
|
|
|
field: 'isRecvBC'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: 'BookingCancellation',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '200',
|
|
|
|
|
dataIndex: 'isRecvBKCancel'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '创建日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'createdTime'
|
|
|
|
|
field: 'isRecvBKCancel'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '创建人',
|
|
|
|
|
title: '状态',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'createdUserName'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '更新日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'updatedTime'
|
|
|
|
|
field: 'status'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '更新人',
|
|
|
|
|
title: 'soc',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'updatedUserName'
|
|
|
|
|
width: '50',
|
|
|
|
|
field: 'isShipperOwned'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '是否定时任务',
|
|
|
|
|
title: '订舱人',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'isJob'
|
|
|
|
|
field: 'createdUserName'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '定时时间',
|
|
|
|
|
title: '订舱日期',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '150',
|
|
|
|
|
dataIndex: 'jobTime'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '发送时间',
|
|
|
|
|
align: 'center',
|
|
|
|
|
width: '130',
|
|
|
|
|
dataIndex: 'sendTime'
|
|
|
|
|
field: 'createdTime'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' },
|
|
|
|
@ -450,7 +457,7 @@
|
|
|
|
|
},
|
|
|
|
|
created() { },
|
|
|
|
|
mounted() {
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
this.getConfigStart()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
toggleAdvanced() {
|
|
|
|
@ -459,26 +466,139 @@
|
|
|
|
|
onSelectChange(selectedRowKeys) {
|
|
|
|
|
this.selectedRowKeys = selectedRowKeys;
|
|
|
|
|
},
|
|
|
|
|
handleDeleteSelect() {
|
|
|
|
|
const records = this.$refs.xTable1.getCheckboxRecords()
|
|
|
|
|
if (records.length === 0) {
|
|
|
|
|
this.$message.warning('请先选择')
|
|
|
|
|
return false
|
|
|
|
|
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 })
|
|
|
|
|
}
|
|
|
|
|
const arr = []
|
|
|
|
|
records.forEach(item => {
|
|
|
|
|
arr.push(item.gid)
|
|
|
|
|
})
|
|
|
|
|
this.loading = true
|
|
|
|
|
EmailUserAccountDelete(arr).then(res => {
|
|
|
|
|
if (res.data.succ) {
|
|
|
|
|
this.$message.success('删除成功')
|
|
|
|
|
]
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(data))
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(`删除失败,${res.data.msg}`)
|
|
|
|
|
const $data = {}
|
|
|
|
|
arr.map((item, index) => {
|
|
|
|
|
switch (item.type) {
|
|
|
|
|
case 'mskOrder_list_column':
|
|
|
|
|
this.$set($data, 'mskOrder_list_column', item)
|
|
|
|
|
break
|
|
|
|
|
case 'mskOrder_page':
|
|
|
|
|
this.$set($data, 'mskOrder_page', item)
|
|
|
|
|
break
|
|
|
|
|
case 'mskOrder_sort':
|
|
|
|
|
this.$set($data, 'mskOrder_sort', item)
|
|
|
|
|
break
|
|
|
|
|
}
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
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 {
|
|
|
|
|
arr.push({
|
|
|
|
|
type: 'mskOrder_list_column',
|
|
|
|
|
configJson: JSON.stringify(this.columns)
|
|
|
|
|
})
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(arr))
|
|
|
|
|
}
|
|
|
|
|
if (Object.keys($data).includes('mskOrder_page')) {
|
|
|
|
|
this.queryParam.PageSize = JSON.parse($data.mskOrder_page.configJson).pageSize
|
|
|
|
|
} else {
|
|
|
|
|
arr.push({
|
|
|
|
|
type: 'mskOrder_page',
|
|
|
|
|
configJson: JSON.stringify({ pageSize: 10 })
|
|
|
|
|
})
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(arr))
|
|
|
|
|
}
|
|
|
|
|
if (Object.keys($data).includes('mskOrder_sort')) {
|
|
|
|
|
const data = $data.mskOrder_sort.configJson ? JSON.parse($data.mskOrder_sort.configJson) : null
|
|
|
|
|
if (data) {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.$refs.table.sort(data.sortField, data.descSort ? 'desc' : 'asc')
|
|
|
|
|
}, 200);
|
|
|
|
|
this.queryParam.sortField = data.sortField
|
|
|
|
|
this.queryParam.descSort = data.descSort
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
arr.push({
|
|
|
|
|
type: 'mskOrder_sort',
|
|
|
|
|
configJson: ''
|
|
|
|
|
})
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(arr))
|
|
|
|
|
}
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.FnGetData()
|
|
|
|
|
}, 200);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
handlePageChange({ currentPage, pageSize }) {
|
|
|
|
|
if (this.queryParam.pageSize !== pageSize) {
|
|
|
|
|
this.editPageSizeSave(pageSize)
|
|
|
|
|
this.changeSetting('mskOrder_page', { pageSize: pageSize })
|
|
|
|
|
}
|
|
|
|
|
this.queryParam.PageNo = currentPage
|
|
|
|
|
this.queryParam.PageSize = pageSize
|
|
|
|
|
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)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
localStorage.setItem('mskOrderSetting', JSON.stringify(arr))
|
|
|
|
|
},
|
|
|
|
|
tableSortChange(e) {
|
|
|
|
|
const { property, order } = e
|
|
|
|
|
const data =
|
|
|
|
|
{
|
|
|
|
|
sortField: property,
|
|
|
|
|
descSort: order === 'desc'
|
|
|
|
|
}
|
|
|
|
|
this.queryParam.sortField = data.sortField
|
|
|
|
|
this.queryParam.descSort = data.descSort
|
|
|
|
|
this.changeSetting('mskOrder_sort', data)
|
|
|
|
|
this.FnGetData(this.queryParam)
|
|
|
|
|
DjyUserConfigAdd({
|
|
|
|
|
type: 'mskOrder_sort',
|
|
|
|
|
configJson: JSON.stringify(data)
|
|
|
|
|
}).then(res => {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleColumnChange(list) {
|
|
|
|
|
this.columns = JSON.parse(JSON.stringify(list))
|
|
|
|
|
this.columns.forEach((item, index) => {
|
|
|
|
|
this.$set(this.columns, index, item)
|
|
|
|
|
})
|
|
|
|
|
this.$forceUpdate()
|
|
|
|
|
this.editColumnsSave(this.columns)
|
|
|
|
|
this.changeSetting('mskOrder_list_column', this.columns)
|
|
|
|
|
},
|
|
|
|
|
editColumnsSave(data = {}) {
|
|
|
|
|
DjyUserConfigAdd({
|
|
|
|
|
type: 'mskOrder_list_column',
|
|
|
|
|
configJson: JSON.stringify(data)
|
|
|
|
|
}).then(res => {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handledbclick(row) {
|
|
|
|
|
this.$refs.editForm.edit(row.row)
|
|
|
|
|
},
|
|
|
|
|
resizableChange(e) {
|
|
|
|
|
this.columns[e.columnIndex].width = e.resizeWidth
|
|
|
|
|
this.editColumnsSave(this.columns)
|
|
|
|
|
this.changeSetting('mskOrder_list_column', this.columns)
|
|
|
|
|
},
|
|
|
|
|
handleEdit(id) {
|
|
|
|
|
this.$refs.mskBookingOrder.init(id)
|
|
|
|
@ -583,6 +703,7 @@
|
|
|
|
|
/deep/ .ant-form-item {
|
|
|
|
|
margin-bottom: 10px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-operator {
|
|
|
|
|
margin-bottom: 18px;
|
|
|
|
|
}
|
|
|
|
|