feat(@vben/web-antd): add finance settlement page module
This commit is contained in:
@@ -3,6 +3,8 @@
|
|||||||
*/
|
*/
|
||||||
import { requestClient } from '#/api/request';
|
import { requestClient } from '#/api/request';
|
||||||
|
|
||||||
|
export * from './settlement';
|
||||||
|
|
||||||
/** 交易类型筛选值。 */
|
/** 交易类型筛选值。 */
|
||||||
export type FinanceTransactionTypeFilter =
|
export type FinanceTransactionTypeFilter =
|
||||||
| 'all'
|
| 'all'
|
||||||
|
|||||||
137
apps/web-antd/src/api/finance/settlement.ts
Normal file
137
apps/web-antd/src/api/finance/settlement.ts
Normal file
@@ -0,0 +1,137 @@
|
|||||||
|
/**
|
||||||
|
* 文件职责：财务中心到账查询 API 契约与请求封装。
|
||||||
|
*/
|
||||||
|
import { requestClient } from '#/api/request';
|
||||||
|
|
||||||
|
/** 到账渠道筛选值。 */
|
||||||
|
export type FinanceSettlementChannelFilter = 'alipay' | 'all' | 'wechat';
|
||||||
|
|
||||||
|
/** 到账查询筛选参数。 */
|
||||||
|
export interface FinanceSettlementFilterQuery {
|
||||||
|
channel?: FinanceSettlementChannelFilter;
|
||||||
|
endDate?: string;
|
||||||
|
startDate?: string;
|
||||||
|
storeId: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账查询列表参数。 */
|
||||||
|
export interface FinanceSettlementListQuery extends FinanceSettlementFilterQuery {
|
||||||
|
page: number;
|
||||||
|
pageSize: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账统计结果。 */
|
||||||
|
export interface FinanceSettlementStatsDto {
|
||||||
|
currentMonthArrivedAmount: number;
|
||||||
|
currentMonthTransactionCount: number;
|
||||||
|
todayArrivedAmount: number;
|
||||||
|
yesterdayArrivedAmount: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账账户信息。 */
|
||||||
|
export interface FinanceSettlementAccountDto {
|
||||||
|
alipayPidMasked: string;
|
||||||
|
bankAccountName: string;
|
||||||
|
bankAccountNoMasked: string;
|
||||||
|
bankName: string;
|
||||||
|
settlementPeriodText: string;
|
||||||
|
wechatMerchantNoMasked: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账列表行。 */
|
||||||
|
export interface FinanceSettlementListItemDto {
|
||||||
|
arrivedAmount: number;
|
||||||
|
arrivedDate: string;
|
||||||
|
channel: 'alipay' | 'wechat';
|
||||||
|
channelText: string;
|
||||||
|
transactionCount: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账列表结果。 */
|
||||||
|
export interface FinanceSettlementListResultDto {
|
||||||
|
items: FinanceSettlementListItemDto[];
|
||||||
|
page: number;
|
||||||
|
pageSize: number;
|
||||||
|
total: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账明细查询参数。 */
|
||||||
|
export interface FinanceSettlementDetailQuery {
|
||||||
|
arrivedDate: string;
|
||||||
|
channel: 'alipay' | 'wechat';
|
||||||
|
storeId: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账明细行。 */
|
||||||
|
export interface FinanceSettlementDetailItemDto {
|
||||||
|
amount: number;
|
||||||
|
orderNo: string;
|
||||||
|
paidAt: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账明细结果。 */
|
||||||
|
export interface FinanceSettlementDetailResultDto {
|
||||||
|
items: FinanceSettlementDetailItemDto[];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账导出结果。 */
|
||||||
|
export interface FinanceSettlementExportDto {
|
||||||
|
fileContentBase64: string;
|
||||||
|
fileName: string;
|
||||||
|
totalCount: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 查询到账统计。 */
|
||||||
|
export async function getFinanceSettlementStatsApi(params: {
|
||||||
|
storeId: string;
|
||||||
|
}) {
|
||||||
|
return requestClient.get<FinanceSettlementStatsDto>(
|
||||||
|
'/finance/settlement/stats',
|
||||||
|
{
|
||||||
|
params,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 查询到账账户信息。 */
|
||||||
|
export async function getFinanceSettlementAccountApi() {
|
||||||
|
return requestClient.get<FinanceSettlementAccountDto>(
|
||||||
|
'/finance/settlement/account',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 查询到账列表。 */
|
||||||
|
export async function getFinanceSettlementListApi(
|
||||||
|
params: FinanceSettlementListQuery,
|
||||||
|
) {
|
||||||
|
return requestClient.get<FinanceSettlementListResultDto>(
|
||||||
|
'/finance/settlement/list',
|
||||||
|
{
|
||||||
|
params,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 查询到账明细。 */
|
||||||
|
export async function getFinanceSettlementDetailApi(
|
||||||
|
params: FinanceSettlementDetailQuery,
|
||||||
|
) {
|
||||||
|
return requestClient.get<FinanceSettlementDetailResultDto>(
|
||||||
|
'/finance/settlement/detail',
|
||||||
|
{
|
||||||
|
params,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 导出到账汇总 CSV。 */
|
||||||
|
export async function exportFinanceSettlementCsvApi(
|
||||||
|
params: FinanceSettlementFilterQuery,
|
||||||
|
) {
|
||||||
|
return requestClient.get<FinanceSettlementExportDto>(
|
||||||
|
'/finance/settlement/export',
|
||||||
|
{
|
||||||
|
params,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,60 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询结算账户信息条展示。
|
||||||
|
*/
|
||||||
|
import type { FinanceSettlementAccountDto } from '#/api/finance';
|
||||||
|
|
||||||
|
import { computed } from 'vue';
|
||||||
|
|
||||||
|
import { IconifyIcon } from '@vben/icons';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
account: FinanceSettlementAccountDto | null;
|
||||||
|
loading: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<Props>();
|
||||||
|
|
||||||
|
const accountText = computed(() => {
|
||||||
|
const bankName = props.account?.bankName?.trim();
|
||||||
|
const accountNoMasked = props.account?.bankAccountNoMasked?.trim();
|
||||||
|
|
||||||
|
if (!bankName && !accountNoMasked) {
|
||||||
|
return '--';
|
||||||
|
}
|
||||||
|
|
||||||
|
return `${bankName || ''} ${accountNoMasked || ''}`.trim();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="fst-account-bar" :class="{ 'is-loading': props.loading }">
|
||||||
|
<IconifyIcon icon="lucide:landmark" class="fst-account-icon" />
|
||||||
|
|
||||||
|
<span>
|
||||||
|
结算账户：<strong>{{ accountText }}</strong>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="fst-account-sep"></span>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
微信商户号：<strong>{{
|
||||||
|
props.account?.wechatMerchantNoMasked || '--'
|
||||||
|
}}</strong>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="fst-account-sep"></span>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
支付宝PID：<strong>{{ props.account?.alipayPidMasked || '--' }}</strong>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="fst-account-sep"></span>
|
||||||
|
|
||||||
|
<span>
|
||||||
|
结算周期：<strong>{{
|
||||||
|
props.account?.settlementPeriodText || '--'
|
||||||
|
}}</strong>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询展开明细子表。
|
||||||
|
*/
|
||||||
|
import type { FinanceSettlementDetailItemDto } from '#/api/finance';
|
||||||
|
|
||||||
|
import {
|
||||||
|
formatCurrency,
|
||||||
|
formatPaidTime,
|
||||||
|
} from '../composables/settlement-page/helpers';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
items: FinanceSettlementDetailItemDto[];
|
||||||
|
loading: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<Props>();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="fst-detail-wrap">
|
||||||
|
<div class="fst-detail-title">交易明细（部分）</div>
|
||||||
|
|
||||||
|
<table class="fst-mini-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>订单号</th>
|
||||||
|
<th>金额</th>
|
||||||
|
<th>时间</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr v-if="props.loading">
|
||||||
|
<td colspan="3">加载中...</td>
|
||||||
|
</tr>
|
||||||
|
<tr v-else-if="props.items.length === 0">
|
||||||
|
<td colspan="3">暂无明细数据</td>
|
||||||
|
</tr>
|
||||||
|
<tr
|
||||||
|
v-for="item in props.items"
|
||||||
|
v-else
|
||||||
|
:key="`${item.orderNo}_${item.paidAt}`"
|
||||||
|
>
|
||||||
|
<td class="fst-mono">{{ item.orderNo }}</td>
|
||||||
|
<td>{{ formatCurrency(item.amount) }}</td>
|
||||||
|
<td>{{ formatPaidTime(item.paidAt) }}</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,105 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询筛选栏（门店、日期、渠道、导出）。
|
||||||
|
*/
|
||||||
|
import type { FinanceSettlementFilterState, OptionItem } from '../types';
|
||||||
|
|
||||||
|
import { IconifyIcon } from '@vben/icons';
|
||||||
|
|
||||||
|
import { Button, Input, Select } from 'ant-design-vue';
|
||||||
|
|
||||||
|
import { SETTLEMENT_CHANNEL_OPTIONS } from '../composables/settlement-page/constants';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
canExport: boolean;
|
||||||
|
filters: FinanceSettlementFilterState;
|
||||||
|
isExporting: boolean;
|
||||||
|
isStoreLoading: boolean;
|
||||||
|
selectedStoreId: string;
|
||||||
|
storeOptions: OptionItem[];
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<Props>();
|
||||||
|
|
||||||
|
const emit = defineEmits<{
|
||||||
|
(event: 'export'): void;
|
||||||
|
(event: 'search'): void;
|
||||||
|
(event: 'update:channel', value: string): void;
|
||||||
|
(event: 'update:endDate', value: string): void;
|
||||||
|
(event: 'update:selectedStoreId', value: string): void;
|
||||||
|
(event: 'update:startDate', value: string): void;
|
||||||
|
}>();
|
||||||
|
|
||||||
|
function handleStoreChange(value: unknown) {
|
||||||
|
if (typeof value === 'number' || typeof value === 'string') {
|
||||||
|
emit('update:selectedStoreId', String(value));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
emit('update:selectedStoreId', '');
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleStartDateChange(value: string | undefined) {
|
||||||
|
emit('update:startDate', String(value ?? ''));
|
||||||
|
emit('search');
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleEndDateChange(value: string | undefined) {
|
||||||
|
emit('update:endDate', String(value ?? ''));
|
||||||
|
emit('search');
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleChannelChange(value: unknown) {
|
||||||
|
emit('update:channel', String(value ?? 'all'));
|
||||||
|
emit('search');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="fst-toolbar">
|
||||||
|
<Select
|
||||||
|
class="fst-store-select"
|
||||||
|
:value="props.selectedStoreId"
|
||||||
|
placeholder="选择门店"
|
||||||
|
:loading="props.isStoreLoading"
|
||||||
|
:options="props.storeOptions"
|
||||||
|
:disabled="props.isStoreLoading || props.storeOptions.length === 0"
|
||||||
|
@update:value="(value) => handleStoreChange(value)"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Input
|
||||||
|
class="fst-date-input"
|
||||||
|
type="date"
|
||||||
|
:value="props.filters.startDate"
|
||||||
|
@update:value="(value) => handleStartDateChange(value)"
|
||||||
|
/>
|
||||||
|
<span class="fst-date-sep">~</span>
|
||||||
|
<Input
|
||||||
|
class="fst-date-input"
|
||||||
|
type="date"
|
||||||
|
:value="props.filters.endDate"
|
||||||
|
@update:value="(value) => handleEndDateChange(value)"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Select
|
||||||
|
class="fst-channel-select"
|
||||||
|
:value="props.filters.channel"
|
||||||
|
:options="SETTLEMENT_CHANNEL_OPTIONS"
|
||||||
|
@update:value="(value) => handleChannelChange(value)"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="fst-toolbar-right">
|
||||||
|
<Button
|
||||||
|
class="fst-export-btn"
|
||||||
|
:disabled="!props.canExport || !props.selectedStoreId"
|
||||||
|
:loading="props.isExporting"
|
||||||
|
@click="emit('export')"
|
||||||
|
>
|
||||||
|
<template #icon>
|
||||||
|
<IconifyIcon icon="lucide:download" />
|
||||||
|
</template>
|
||||||
|
导出
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,63 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询统计卡片展示。
|
||||||
|
*/
|
||||||
|
import type { FinanceSettlementStatsDto } from '#/api/finance';
|
||||||
|
|
||||||
|
import { IconifyIcon } from '@vben/icons';
|
||||||
|
|
||||||
|
import {
|
||||||
|
formatCount,
|
||||||
|
formatCurrency,
|
||||||
|
} from '../composables/settlement-page/helpers';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
stats: FinanceSettlementStatsDto;
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<Props>();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="fst-stats">
|
||||||
|
<div class="fst-stat-card">
|
||||||
|
<div class="fst-stat-label">
|
||||||
|
<IconifyIcon icon="lucide:circle-check" class="fst-stat-icon" />
|
||||||
|
今日到账
|
||||||
|
</div>
|
||||||
|
<div class="fst-stat-value is-green">
|
||||||
|
{{ formatCurrency(props.stats.todayArrivedAmount) }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="fst-stat-card">
|
||||||
|
<div class="fst-stat-label">
|
||||||
|
<IconifyIcon icon="lucide:calendar-minus" class="fst-stat-icon" />
|
||||||
|
昨日到账
|
||||||
|
</div>
|
||||||
|
<div class="fst-stat-value">
|
||||||
|
{{ formatCurrency(props.stats.yesterdayArrivedAmount) }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="fst-stat-card">
|
||||||
|
<div class="fst-stat-label">
|
||||||
|
<IconifyIcon icon="lucide:calendar-check" class="fst-stat-icon" />
|
||||||
|
本月累计到账
|
||||||
|
</div>
|
||||||
|
<div class="fst-stat-value">
|
||||||
|
{{ formatCurrency(props.stats.currentMonthArrivedAmount) }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="fst-stat-card">
|
||||||
|
<div class="fst-stat-label">
|
||||||
|
<IconifyIcon icon="lucide:receipt" class="fst-stat-icon" />
|
||||||
|
本月交易笔数
|
||||||
|
</div>
|
||||||
|
<div class="fst-stat-value">
|
||||||
|
{{ formatCount(props.stats.currentMonthTransactionCount) }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,131 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询列表表格与展开明细。
|
||||||
|
*/
|
||||||
|
import type { TablePaginationConfig, TableProps } from 'ant-design-vue';
|
||||||
|
|
||||||
|
import type { FinanceSettlementDetailStateMap } from '../types';
|
||||||
|
|
||||||
|
import type { FinanceSettlementListItemDto } from '#/api/finance';
|
||||||
|
|
||||||
|
import { computed } from 'vue';
|
||||||
|
|
||||||
|
import { Table } from 'ant-design-vue';
|
||||||
|
|
||||||
|
import {
|
||||||
|
formatCurrency,
|
||||||
|
getSettlementRowKey,
|
||||||
|
resolveChannelDotClass,
|
||||||
|
} from '../composables/settlement-page/helpers';
|
||||||
|
import SettlementDetailTable from './SettlementDetailTable.vue';
|
||||||
|
|
||||||
|
interface PaginationState {
|
||||||
|
page: number;
|
||||||
|
pageSize: number;
|
||||||
|
total: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
detailStates: FinanceSettlementDetailStateMap;
|
||||||
|
expandedRowKeys: string[];
|
||||||
|
loading: boolean;
|
||||||
|
pagination: PaginationState;
|
||||||
|
rows: FinanceSettlementListItemDto[];
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<Props>();
|
||||||
|
|
||||||
|
const emit = defineEmits<{
|
||||||
|
(event: 'expand', expanded: boolean, row: FinanceSettlementListItemDto): void;
|
||||||
|
(event: 'pageChange', page: number, pageSize: number): void;
|
||||||
|
}>();
|
||||||
|
|
||||||
|
const columns: TableProps['columns'] = [
|
||||||
|
{
|
||||||
|
title: '到账日期',
|
||||||
|
dataIndex: 'arrivedDate',
|
||||||
|
width: 170,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '支付渠道',
|
||||||
|
dataIndex: 'channelText',
|
||||||
|
width: 190,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '交易笔数',
|
||||||
|
dataIndex: 'transactionCount',
|
||||||
|
width: 130,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '到账金额',
|
||||||
|
dataIndex: 'arrivedAmount',
|
||||||
|
align: 'right',
|
||||||
|
width: 180,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const expandable = computed(() => ({
|
||||||
|
expandedRowKeys: props.expandedRowKeys,
|
||||||
|
onExpand: (expanded: boolean, row: FinanceSettlementListItemDto) => {
|
||||||
|
emit('expand', expanded, row);
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
function handleTableChange(next: TablePaginationConfig) {
|
||||||
|
emit('pageChange', Number(next.current || 1), Number(next.pageSize || 20));
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveDetailState(row: FinanceSettlementListItemDto) {
|
||||||
|
return (
|
||||||
|
props.detailStates[getSettlementRowKey(row)] ?? {
|
||||||
|
loading: false,
|
||||||
|
items: [],
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="fst-table-card">
|
||||||
|
<Table
|
||||||
|
:row-key="getSettlementRowKey"
|
||||||
|
:columns="columns"
|
||||||
|
:data-source="props.rows"
|
||||||
|
:loading="props.loading"
|
||||||
|
:pagination="{
|
||||||
|
current: props.pagination.page,
|
||||||
|
pageSize: props.pagination.pageSize,
|
||||||
|
total: props.pagination.total,
|
||||||
|
showSizeChanger: true,
|
||||||
|
pageSizeOptions: ['20', '50', '100'],
|
||||||
|
showTotal: (total: number) => `共 ${total} 条`,
|
||||||
|
}"
|
||||||
|
:expandable="expandable"
|
||||||
|
@change="handleTableChange"
|
||||||
|
>
|
||||||
|
<template #bodyCell="{ column, record }">
|
||||||
|
<template v-if="column.dataIndex === 'channelText'">
|
||||||
|
<span class="fst-channel-icon">
|
||||||
|
<span
|
||||||
|
class="fst-channel-dot"
|
||||||
|
:class="resolveChannelDotClass(String(record.channel))"
|
||||||
|
></span>
|
||||||
|
{{ record.channelText }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="column.dataIndex === 'arrivedAmount'">
|
||||||
|
<span class="fst-amount">{{
|
||||||
|
formatCurrency(Number(record.arrivedAmount || 0))
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #expandedRowRender="{ record }">
|
||||||
|
<SettlementDetailTable
|
||||||
|
:loading="resolveDetailState(record).loading"
|
||||||
|
:items="resolveDetailState(record).items"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</Table>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
import type { FinanceSettlementFilterState, OptionItem } from '../../types';
|
||||||
|
|
||||||
|
import type {
|
||||||
|
FinanceSettlementAccountDto,
|
||||||
|
FinanceSettlementChannelFilter,
|
||||||
|
FinanceSettlementStatsDto,
|
||||||
|
} from '#/api/finance';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面常量与默认状态定义。
|
||||||
|
*/
|
||||||
|
import { getTodayDateString } from './helpers';
|
||||||
|
|
||||||
|
/** 到账查询查看权限。 */
|
||||||
|
export const FINANCE_SETTLEMENT_VIEW_PERMISSION =
|
||||||
|
'tenant:finance:settlement:view';
|
||||||
|
|
||||||
|
/** 到账查询导出权限。 */
|
||||||
|
export const FINANCE_SETTLEMENT_EXPORT_PERMISSION =
|
||||||
|
'tenant:finance:settlement:export';
|
||||||
|
|
||||||
|
/** 到账渠道筛选项。 */
|
||||||
|
export const SETTLEMENT_CHANNEL_OPTIONS: OptionItem[] = [
|
||||||
|
{ label: '全部渠道', value: 'all' },
|
||||||
|
{ label: '微信支付', value: 'wechat' },
|
||||||
|
{ label: '支付宝', value: 'alipay' },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 默认筛选状态。 */
|
||||||
|
export function createDefaultFilters(): FinanceSettlementFilterState {
|
||||||
|
const today = getTodayDateString();
|
||||||
|
return {
|
||||||
|
channel: 'all' as FinanceSettlementChannelFilter,
|
||||||
|
startDate: today,
|
||||||
|
endDate: today,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 默认统计数据。 */
|
||||||
|
export const DEFAULT_STATS: FinanceSettlementStatsDto = {
|
||||||
|
todayArrivedAmount: 0,
|
||||||
|
yesterdayArrivedAmount: 0,
|
||||||
|
currentMonthArrivedAmount: 0,
|
||||||
|
currentMonthTransactionCount: 0,
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 默认账户信息。 */
|
||||||
|
export const DEFAULT_ACCOUNT: FinanceSettlementAccountDto = {
|
||||||
|
bankName: '',
|
||||||
|
bankAccountName: '',
|
||||||
|
bankAccountNoMasked: '',
|
||||||
|
wechatMerchantNoMasked: '',
|
||||||
|
alipayPidMasked: '',
|
||||||
|
settlementPeriodText: '',
|
||||||
|
};
|
||||||
@@ -0,0 +1,133 @@
|
|||||||
|
import type {
|
||||||
|
FinanceSettlementFilterState,
|
||||||
|
FinanceSettlementPaginationState,
|
||||||
|
} from '../../types';
|
||||||
|
|
||||||
|
import type {
|
||||||
|
FinanceSettlementAccountDto,
|
||||||
|
FinanceSettlementListItemDto,
|
||||||
|
FinanceSettlementStatsDto,
|
||||||
|
} from '#/api/finance';
|
||||||
|
import type { StoreListItemDto } from '#/api/store';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面数据加载动作。
|
||||||
|
*/
|
||||||
|
import {
|
||||||
|
getFinanceSettlementAccountApi,
|
||||||
|
getFinanceSettlementListApi,
|
||||||
|
getFinanceSettlementStatsApi,
|
||||||
|
} from '#/api/finance';
|
||||||
|
import { getStoreListApi } from '#/api/store';
|
||||||
|
|
||||||
|
import { buildListQueryPayload } from './helpers';
|
||||||
|
|
||||||
|
interface DataActionOptions {
|
||||||
|
account: { value: FinanceSettlementAccountDto | null };
|
||||||
|
filters: FinanceSettlementFilterState;
|
||||||
|
isAccountLoading: { value: boolean };
|
||||||
|
isListLoading: { value: boolean };
|
||||||
|
isStatsLoading: { value: boolean };
|
||||||
|
isStoreLoading: { value: boolean };
|
||||||
|
pagination: FinanceSettlementPaginationState;
|
||||||
|
rows: { value: FinanceSettlementListItemDto[] };
|
||||||
|
selectedStoreId: { value: string };
|
||||||
|
stats: FinanceSettlementStatsDto;
|
||||||
|
stores: { value: StoreListItemDto[] };
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 创建数据相关动作。 */
|
||||||
|
export function createDataActions(options: DataActionOptions) {
|
||||||
|
function resetStats() {
|
||||||
|
options.stats.todayArrivedAmount = 0;
|
||||||
|
options.stats.yesterdayArrivedAmount = 0;
|
||||||
|
options.stats.currentMonthArrivedAmount = 0;
|
||||||
|
options.stats.currentMonthTransactionCount = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearPageData() {
|
||||||
|
options.rows.value = [];
|
||||||
|
options.pagination.total = 0;
|
||||||
|
resetStats();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadStores() {
|
||||||
|
options.isStoreLoading.value = true;
|
||||||
|
try {
|
||||||
|
const result = await getStoreListApi({ page: 1, pageSize: 200 });
|
||||||
|
options.stores.value = result.items;
|
||||||
|
|
||||||
|
if (result.items.length === 0) {
|
||||||
|
options.selectedStoreId.value = '';
|
||||||
|
clearPageData();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const matched = result.items.some(
|
||||||
|
(item) => item.id === options.selectedStoreId.value,
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!matched) {
|
||||||
|
options.selectedStoreId.value = result.items[0]?.id ?? '';
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
options.isStoreLoading.value = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadAccount() {
|
||||||
|
options.isAccountLoading.value = true;
|
||||||
|
try {
|
||||||
|
options.account.value = await getFinanceSettlementAccountApi();
|
||||||
|
} finally {
|
||||||
|
options.isAccountLoading.value = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadPageData() {
|
||||||
|
if (!options.selectedStoreId.value) {
|
||||||
|
clearPageData();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const storeId = options.selectedStoreId.value;
|
||||||
|
const listPayload = buildListQueryPayload(
|
||||||
|
storeId,
|
||||||
|
options.filters,
|
||||||
|
options.pagination.page,
|
||||||
|
options.pagination.pageSize,
|
||||||
|
);
|
||||||
|
|
||||||
|
options.isListLoading.value = true;
|
||||||
|
options.isStatsLoading.value = true;
|
||||||
|
try {
|
||||||
|
const [listResult, statsResult] = await Promise.all([
|
||||||
|
getFinanceSettlementListApi(listPayload),
|
||||||
|
getFinanceSettlementStatsApi({ storeId }),
|
||||||
|
]);
|
||||||
|
|
||||||
|
options.rows.value = listResult.items;
|
||||||
|
options.pagination.total = listResult.total;
|
||||||
|
options.pagination.page = listResult.page;
|
||||||
|
options.pagination.pageSize = listResult.pageSize;
|
||||||
|
|
||||||
|
options.stats.todayArrivedAmount = statsResult.todayArrivedAmount;
|
||||||
|
options.stats.yesterdayArrivedAmount = statsResult.yesterdayArrivedAmount;
|
||||||
|
options.stats.currentMonthArrivedAmount =
|
||||||
|
statsResult.currentMonthArrivedAmount;
|
||||||
|
options.stats.currentMonthTransactionCount =
|
||||||
|
statsResult.currentMonthTransactionCount;
|
||||||
|
} finally {
|
||||||
|
options.isListLoading.value = false;
|
||||||
|
options.isStatsLoading.value = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
clearPageData,
|
||||||
|
loadAccount,
|
||||||
|
loadPageData,
|
||||||
|
loadStores,
|
||||||
|
resetStats,
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,76 @@
|
|||||||
|
import type {
|
||||||
|
FinanceSettlementDetailStateMap,
|
||||||
|
FinanceSettlementExpandAction,
|
||||||
|
} from '../../types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询展开明细动作。
|
||||||
|
*/
|
||||||
|
import { getFinanceSettlementDetailApi } from '#/api/finance';
|
||||||
|
|
||||||
|
import { getSettlementRowKey } from './helpers';
|
||||||
|
|
||||||
|
interface DetailActionOptions {
|
||||||
|
detailStates: FinanceSettlementDetailStateMap;
|
||||||
|
expandedRowKeys: { value: string[] };
|
||||||
|
selectedStoreId: { value: string };
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 创建展开明细动作。 */
|
||||||
|
export function createDetailActions(options: DetailActionOptions) {
|
||||||
|
function clearDetailStates() {
|
||||||
|
options.expandedRowKeys.value = [];
|
||||||
|
for (const key of Object.keys(options.detailStates)) {
|
||||||
|
Reflect.deleteProperty(options.detailStates, key);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleExpand(action: FinanceSettlementExpandAction) {
|
||||||
|
const key = getSettlementRowKey(action.row);
|
||||||
|
|
||||||
|
if (!action.expanded) {
|
||||||
|
options.expandedRowKeys.value = options.expandedRowKeys.value.filter(
|
||||||
|
(item) => item !== key,
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!options.selectedStoreId.value) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!options.expandedRowKeys.value.includes(key)) {
|
||||||
|
options.expandedRowKeys.value = [...options.expandedRowKeys.value, key];
|
||||||
|
}
|
||||||
|
|
||||||
|
const currentState = options.detailStates[key] ?? {
|
||||||
|
loading: false,
|
||||||
|
items: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
if (currentState.loading || currentState.items.length > 0) {
|
||||||
|
options.detailStates[key] = currentState;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
currentState.loading = true;
|
||||||
|
options.detailStates[key] = currentState;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const result = await getFinanceSettlementDetailApi({
|
||||||
|
storeId: options.selectedStoreId.value,
|
||||||
|
arrivedDate: action.row.arrivedDate,
|
||||||
|
channel: action.row.channel,
|
||||||
|
});
|
||||||
|
|
||||||
|
currentState.items = result.items;
|
||||||
|
} finally {
|
||||||
|
currentState.loading = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
clearDetailStates,
|
||||||
|
handleExpand,
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,52 @@
|
|||||||
|
import type { FinanceSettlementFilterState } from '../../types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询导出动作。
|
||||||
|
*/
|
||||||
|
import { message } from 'ant-design-vue';
|
||||||
|
|
||||||
|
import { exportFinanceSettlementCsvApi } from '#/api/finance';
|
||||||
|
|
||||||
|
import {
|
||||||
|
buildFilterQueryPayload,
|
||||||
|
downloadBase64File,
|
||||||
|
isDateRangeInvalid,
|
||||||
|
} from './helpers';
|
||||||
|
|
||||||
|
interface ExportActionOptions {
|
||||||
|
canExport: { value: boolean };
|
||||||
|
filters: FinanceSettlementFilterState;
|
||||||
|
isExporting: { value: boolean };
|
||||||
|
selectedStoreId: { value: string };
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 创建导出动作。 */
|
||||||
|
export function createExportActions(options: ExportActionOptions) {
|
||||||
|
async function handleExport() {
|
||||||
|
if (!options.canExport.value || !options.selectedStoreId.value) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isDateRangeInvalid(options.filters)) {
|
||||||
|
message.warning('开始日期不能晚于结束日期');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
options.isExporting.value = true;
|
||||||
|
try {
|
||||||
|
const payload = buildFilterQueryPayload(
|
||||||
|
options.selectedStoreId.value,
|
||||||
|
options.filters,
|
||||||
|
);
|
||||||
|
const result = await exportFinanceSettlementCsvApi(payload);
|
||||||
|
downloadBase64File(result.fileName, result.fileContentBase64);
|
||||||
|
message.success(`导出成功，共 ${result.totalCount} 条记录`);
|
||||||
|
} finally {
|
||||||
|
options.isExporting.value = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
handleExport,
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,57 @@
|
|||||||
|
import type {
|
||||||
|
FinanceSettlementFilterState,
|
||||||
|
FinanceSettlementPaginationState,
|
||||||
|
} from '../../types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面筛选与分页行为。
|
||||||
|
*/
|
||||||
|
import { message } from 'ant-design-vue';
|
||||||
|
|
||||||
|
import { isDateRangeInvalid } from './helpers';
|
||||||
|
|
||||||
|
interface FilterActionOptions {
|
||||||
|
filters: FinanceSettlementFilterState;
|
||||||
|
loadPageData: () => Promise<void>;
|
||||||
|
pagination: FinanceSettlementPaginationState;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 创建筛选行为。 */
|
||||||
|
export function createFilterActions(options: FilterActionOptions) {
|
||||||
|
function setChannel(value: string) {
|
||||||
|
options.filters.channel = (value ||
|
||||||
|
'all') as FinanceSettlementFilterState['channel'];
|
||||||
|
}
|
||||||
|
|
||||||
|
function setStartDate(value: string) {
|
||||||
|
options.filters.startDate = value;
|
||||||
|
}
|
||||||
|
|
||||||
|
function setEndDate(value: string) {
|
||||||
|
options.filters.endDate = value;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleSearch() {
|
||||||
|
if (isDateRangeInvalid(options.filters)) {
|
||||||
|
message.warning('开始日期不能晚于结束日期');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
options.pagination.page = 1;
|
||||||
|
await options.loadPageData();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handlePageChange(page: number, pageSize: number) {
|
||||||
|
options.pagination.page = page;
|
||||||
|
options.pagination.pageSize = pageSize;
|
||||||
|
await options.loadPageData();
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
handlePageChange,
|
||||||
|
handleSearch,
|
||||||
|
setChannel,
|
||||||
|
setEndDate,
|
||||||
|
setStartDate,
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,134 @@
|
|||||||
|
import type {
|
||||||
|
FinanceSettlementFilterState,
|
||||||
|
FinanceSettlementListQueryPayload,
|
||||||
|
FinanceSettlementQueryPayload,
|
||||||
|
} from '../../types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面纯函数与数据转换工具。
|
||||||
|
*/
|
||||||
|
import type {
|
||||||
|
FinanceSettlementChannelFilter,
|
||||||
|
FinanceSettlementListItemDto,
|
||||||
|
} from '#/api/finance';
|
||||||
|
|
||||||
|
function formatDate(date: Date) {
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = `${date.getMonth() + 1}`.padStart(2, '0');
|
||||||
|
const day = `${date.getDate()}`.padStart(2, '0');
|
||||||
|
return `${year}-${month}-${day}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeChannel(value: FinanceSettlementChannelFilter) {
|
||||||
|
return value === 'all' ? undefined : value;
|
||||||
|
}
|
||||||
|
|
||||||
|
function decodeBase64ToBlob(base64: string) {
|
||||||
|
const binary = atob(base64);
|
||||||
|
const bytes = new Uint8Array(binary.length);
|
||||||
|
for (let index = 0; index < binary.length; index += 1) {
|
||||||
|
bytes[index] = binary.codePointAt(index) ?? 0;
|
||||||
|
}
|
||||||
|
return new Blob([bytes], { type: 'text/csv;charset=utf-8;' });
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 获取今天日期字符串（yyyy-MM-dd）。 */
|
||||||
|
export function getTodayDateString() {
|
||||||
|
return formatDate(new Date());
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 构建到账筛选请求。 */
|
||||||
|
export function buildFilterQueryPayload(
|
||||||
|
storeId: string,
|
||||||
|
filters: FinanceSettlementFilterState,
|
||||||
|
): FinanceSettlementQueryPayload {
|
||||||
|
return {
|
||||||
|
storeId,
|
||||||
|
startDate: filters.startDate || undefined,
|
||||||
|
endDate: filters.endDate || undefined,
|
||||||
|
channel: normalizeChannel(filters.channel),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 构建到账列表请求。 */
|
||||||
|
export function buildListQueryPayload(
|
||||||
|
storeId: string,
|
||||||
|
filters: FinanceSettlementFilterState,
|
||||||
|
page: number,
|
||||||
|
pageSize: number,
|
||||||
|
): FinanceSettlementListQueryPayload {
|
||||||
|
return {
|
||||||
|
...buildFilterQueryPayload(storeId, filters),
|
||||||
|
page,
|
||||||
|
pageSize,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 判断日期范围是否合法。 */
|
||||||
|
export function isDateRangeInvalid(filters: FinanceSettlementFilterState) {
|
||||||
|
if (!filters.startDate || !filters.endDate) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return filters.startDate > filters.endDate;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 货币格式化（人民币）。 */
|
||||||
|
export function formatCurrency(value: number) {
|
||||||
|
return new Intl.NumberFormat('zh-CN', {
|
||||||
|
style: 'currency',
|
||||||
|
currency: 'CNY',
|
||||||
|
minimumFractionDigits: 2,
|
||||||
|
maximumFractionDigits: 2,
|
||||||
|
}).format(Number.isFinite(value) ? value : 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 数值格式化（千分位整数）。 */
|
||||||
|
export function formatCount(value: number) {
|
||||||
|
return new Intl.NumberFormat('zh-CN', {
|
||||||
|
maximumFractionDigits: 0,
|
||||||
|
}).format(Number.isFinite(value) ? value : 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 表格行唯一键。 */
|
||||||
|
export function getSettlementRowKey(row: FinanceSettlementListItemDto) {
|
||||||
|
return `${row.arrivedDate}_${row.channel}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账渠道圆点类名。 */
|
||||||
|
export function resolveChannelDotClass(channel: string) {
|
||||||
|
return channel === 'wechat' ? 'is-wechat' : 'is-alipay';
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 明细支付时间格式化（HH:mm）。 */
|
||||||
|
export function formatPaidTime(value: string) {
|
||||||
|
const normalized = String(value || '').trim();
|
||||||
|
if (!normalized) {
|
||||||
|
return '--';
|
||||||
|
}
|
||||||
|
|
||||||
|
const separatorIndex = normalized.indexOf(' ');
|
||||||
|
if (separatorIndex !== -1 && normalized.length >= separatorIndex + 6) {
|
||||||
|
return normalized.slice(separatorIndex + 1, separatorIndex + 6);
|
||||||
|
}
|
||||||
|
|
||||||
|
const timePrefix = normalized.match(/^\d{2}:\d{2}/);
|
||||||
|
if (timePrefix?.[0]) {
|
||||||
|
return timePrefix[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
return normalized;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 下载 Base64 编码文件。 */
|
||||||
|
export function downloadBase64File(
|
||||||
|
fileName: string,
|
||||||
|
fileContentBase64: string,
|
||||||
|
) {
|
||||||
|
const blob = decodeBase64ToBlob(fileContentBase64);
|
||||||
|
const url = URL.createObjectURL(blob);
|
||||||
|
const anchor = document.createElement('a');
|
||||||
|
anchor.href = url;
|
||||||
|
anchor.download = fileName;
|
||||||
|
anchor.click();
|
||||||
|
URL.revokeObjectURL(url);
|
||||||
|
}
|
||||||
@@ -0,0 +1,201 @@
|
|||||||
|
import type { FinanceSettlementDetailStateMap } from '../types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面状态与动作编排。
|
||||||
|
*/
|
||||||
|
import type {
|
||||||
|
FinanceSettlementAccountDto,
|
||||||
|
FinanceSettlementListItemDto,
|
||||||
|
FinanceSettlementStatsDto,
|
||||||
|
} from '#/api/finance';
|
||||||
|
import type { StoreListItemDto } from '#/api/store';
|
||||||
|
|
||||||
|
import { computed, onActivated, onMounted, reactive, ref, watch } from 'vue';
|
||||||
|
|
||||||
|
import { useAccessStore } from '@vben/stores';
|
||||||
|
|
||||||
|
import {
|
||||||
|
createDefaultFilters,
|
||||||
|
DEFAULT_STATS,
|
||||||
|
FINANCE_SETTLEMENT_EXPORT_PERMISSION,
|
||||||
|
FINANCE_SETTLEMENT_VIEW_PERMISSION,
|
||||||
|
} from './settlement-page/constants';
|
||||||
|
import { createDataActions } from './settlement-page/data-actions';
|
||||||
|
import { createDetailActions } from './settlement-page/detail-actions';
|
||||||
|
import { createExportActions } from './settlement-page/export-actions';
|
||||||
|
import { createFilterActions } from './settlement-page/filter-actions';
|
||||||
|
|
||||||
|
/** 创建到账查询页面组合状态。 */
|
||||||
|
export function useFinanceSettlementPage() {
|
||||||
|
const accessStore = useAccessStore();
|
||||||
|
|
||||||
|
const stores = ref<StoreListItemDto[]>([]);
|
||||||
|
const selectedStoreId = ref('');
|
||||||
|
const isStoreLoading = ref(false);
|
||||||
|
|
||||||
|
const filters = reactive(createDefaultFilters());
|
||||||
|
const rows = ref<FinanceSettlementListItemDto[]>([]);
|
||||||
|
const pagination = reactive({
|
||||||
|
page: 1,
|
||||||
|
pageSize: 20,
|
||||||
|
total: 0,
|
||||||
|
});
|
||||||
|
|
||||||
|
const stats = reactive<FinanceSettlementStatsDto>({ ...DEFAULT_STATS });
|
||||||
|
const account = ref<FinanceSettlementAccountDto | null>(null);
|
||||||
|
|
||||||
|
const isListLoading = ref(false);
|
||||||
|
const isStatsLoading = ref(false);
|
||||||
|
const isAccountLoading = ref(false);
|
||||||
|
const isExporting = ref(false);
|
||||||
|
|
||||||
|
const expandedRowKeys = ref<string[]>([]);
|
||||||
|
const detailStates = reactive<FinanceSettlementDetailStateMap>({});
|
||||||
|
|
||||||
|
const storeOptions = computed(() =>
|
||||||
|
stores.value.map((item) => ({
|
||||||
|
label: item.name,
|
||||||
|
value: item.id,
|
||||||
|
})),
|
||||||
|
);
|
||||||
|
|
||||||
|
const accessCodeSet = computed(
|
||||||
|
() => new Set((accessStore.accessCodes ?? []).map(String)),
|
||||||
|
);
|
||||||
|
|
||||||
|
const canView = computed(() =>
|
||||||
|
accessCodeSet.value.has(FINANCE_SETTLEMENT_VIEW_PERMISSION),
|
||||||
|
);
|
||||||
|
|
||||||
|
const canExport = computed(() =>
|
||||||
|
accessCodeSet.value.has(FINANCE_SETTLEMENT_EXPORT_PERMISSION),
|
||||||
|
);
|
||||||
|
|
||||||
|
const { clearPageData, loadAccount, loadPageData, loadStores, resetStats } =
|
||||||
|
createDataActions({
|
||||||
|
stores,
|
||||||
|
selectedStoreId,
|
||||||
|
filters,
|
||||||
|
rows,
|
||||||
|
pagination,
|
||||||
|
stats,
|
||||||
|
account,
|
||||||
|
isStoreLoading,
|
||||||
|
isListLoading,
|
||||||
|
isStatsLoading,
|
||||||
|
isAccountLoading,
|
||||||
|
});
|
||||||
|
|
||||||
|
const {
|
||||||
|
handlePageChange,
|
||||||
|
handleSearch,
|
||||||
|
setChannel,
|
||||||
|
setEndDate,
|
||||||
|
setStartDate,
|
||||||
|
} = createFilterActions({
|
||||||
|
filters,
|
||||||
|
pagination,
|
||||||
|
loadPageData,
|
||||||
|
});
|
||||||
|
|
||||||
|
const { clearDetailStates, handleExpand } = createDetailActions({
|
||||||
|
selectedStoreId,
|
||||||
|
expandedRowKeys,
|
||||||
|
detailStates,
|
||||||
|
});
|
||||||
|
|
||||||
|
const { handleExport } = createExportActions({
|
||||||
|
canExport,
|
||||||
|
selectedStoreId,
|
||||||
|
filters,
|
||||||
|
isExporting,
|
||||||
|
});
|
||||||
|
|
||||||
|
function setSelectedStoreId(value: string) {
|
||||||
|
selectedStoreId.value = value;
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearByPermission() {
|
||||||
|
stores.value = [];
|
||||||
|
selectedStoreId.value = '';
|
||||||
|
account.value = null;
|
||||||
|
clearPageData();
|
||||||
|
clearDetailStates();
|
||||||
|
resetStats();
|
||||||
|
}
|
||||||
|
|
||||||
|
watch(selectedStoreId, async (storeId) => {
|
||||||
|
clearDetailStates();
|
||||||
|
|
||||||
|
if (!storeId) {
|
||||||
|
clearPageData();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
pagination.page = 1;
|
||||||
|
await loadPageData();
|
||||||
|
});
|
||||||
|
|
||||||
|
watch(canView, async (value, oldValue) => {
|
||||||
|
if (value === oldValue) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!value) {
|
||||||
|
clearByPermission();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
await Promise.all([loadStores(), loadAccount()]);
|
||||||
|
});
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
if (!canView.value) {
|
||||||
|
clearByPermission();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
await Promise.all([loadStores(), loadAccount()]);
|
||||||
|
});
|
||||||
|
|
||||||
|
onActivated(() => {
|
||||||
|
if (!canView.value) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (stores.value.length === 0 || !selectedStoreId.value) {
|
||||||
|
void loadStores();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!account.value && !isAccountLoading.value) {
|
||||||
|
void loadAccount();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
account,
|
||||||
|
canExport,
|
||||||
|
canView,
|
||||||
|
detailStates,
|
||||||
|
expandedRowKeys,
|
||||||
|
filters,
|
||||||
|
handleExpand,
|
||||||
|
handleExport,
|
||||||
|
handlePageChange,
|
||||||
|
handleSearch,
|
||||||
|
isAccountLoading,
|
||||||
|
isExporting,
|
||||||
|
isListLoading,
|
||||||
|
isStatsLoading,
|
||||||
|
isStoreLoading,
|
||||||
|
pagination,
|
||||||
|
rows,
|
||||||
|
selectedStoreId,
|
||||||
|
setChannel,
|
||||||
|
setEndDate,
|
||||||
|
setSelectedStoreId,
|
||||||
|
setStartDate,
|
||||||
|
stats,
|
||||||
|
storeOptions,
|
||||||
|
};
|
||||||
|
}
|
||||||
83
apps/web-antd/src/views/finance/settlement/index.vue
Normal file
83
apps/web-antd/src/views/finance/settlement/index.vue
Normal file
@@ -0,0 +1,83 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
/**
|
||||||
|
* 文件职责：财务中心到账查询页面入口编排。
|
||||||
|
*/
|
||||||
|
import { Page } from '@vben/common-ui';
|
||||||
|
|
||||||
|
import { Empty } from 'ant-design-vue';
|
||||||
|
|
||||||
|
import SettlementAccountBar from './components/SettlementAccountBar.vue';
|
||||||
|
import SettlementFilterBar from './components/SettlementFilterBar.vue';
|
||||||
|
import SettlementStatsCards from './components/SettlementStatsCards.vue';
|
||||||
|
import SettlementTableCard from './components/SettlementTableCard.vue';
|
||||||
|
import { useFinanceSettlementPage } from './composables/useFinanceSettlementPage';
|
||||||
|
|
||||||
|
const {
|
||||||
|
account,
|
||||||
|
canExport,
|
||||||
|
canView,
|
||||||
|
detailStates,
|
||||||
|
expandedRowKeys,
|
||||||
|
filters,
|
||||||
|
handleExpand,
|
||||||
|
handleExport,
|
||||||
|
handlePageChange,
|
||||||
|
handleSearch,
|
||||||
|
isAccountLoading,
|
||||||
|
isExporting,
|
||||||
|
isListLoading,
|
||||||
|
isStoreLoading,
|
||||||
|
pagination,
|
||||||
|
rows,
|
||||||
|
selectedStoreId,
|
||||||
|
setChannel,
|
||||||
|
setEndDate,
|
||||||
|
setSelectedStoreId,
|
||||||
|
setStartDate,
|
||||||
|
stats,
|
||||||
|
storeOptions,
|
||||||
|
} = useFinanceSettlementPage();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Page title="到账查询" content-class="page-finance-settlement">
|
||||||
|
<div class="fst-page">
|
||||||
|
<template v-if="canView">
|
||||||
|
<SettlementStatsCards :stats="stats" />
|
||||||
|
|
||||||
|
<SettlementAccountBar :account="account" :loading="isAccountLoading" />
|
||||||
|
|
||||||
|
<SettlementFilterBar
|
||||||
|
:selected-store-id="selectedStoreId"
|
||||||
|
:store-options="storeOptions"
|
||||||
|
:is-store-loading="isStoreLoading"
|
||||||
|
:filters="filters"
|
||||||
|
:can-export="canExport"
|
||||||
|
:is-exporting="isExporting"
|
||||||
|
@update:selected-store-id="setSelectedStoreId"
|
||||||
|
@update:start-date="setStartDate"
|
||||||
|
@update:end-date="setEndDate"
|
||||||
|
@update:channel="setChannel"
|
||||||
|
@search="handleSearch"
|
||||||
|
@export="handleExport"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<SettlementTableCard
|
||||||
|
:rows="rows"
|
||||||
|
:loading="isListLoading"
|
||||||
|
:pagination="pagination"
|
||||||
|
:expanded-row-keys="expandedRowKeys"
|
||||||
|
:detail-states="detailStates"
|
||||||
|
@expand="(expanded, row) => handleExpand({ expanded, row })"
|
||||||
|
@page-change="handlePageChange"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<Empty v-else description="暂无到账查询页面访问权限" />
|
||||||
|
</div>
|
||||||
|
</Page>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
@import './styles/index.less';
|
||||||
|
</style>
|
||||||
18
apps/web-antd/src/views/finance/settlement/styles/base.less
Normal file
18
apps/web-antd/src/views/finance/settlement/styles/base.less
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面基础容器样式。
|
||||||
|
*/
|
||||||
|
.page-finance-settlement {
|
||||||
|
.ant-card {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-page {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-mono {
|
||||||
|
font-family: ui-monospace, sfmono-regular, menlo, consolas, monospace;
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面样式聚合入口。
|
||||||
|
*/
|
||||||
|
@import './base.less';
|
||||||
|
@import './layout.less';
|
||||||
|
@import './table.less';
|
||||||
|
@import './responsive.less';
|
||||||
134
apps/web-antd/src/views/finance/settlement/styles/layout.less
Normal file
134
apps/web-antd/src/views/finance/settlement/styles/layout.less
Normal file
@@ -0,0 +1,134 @@
|
|||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面布局与筛选区域样式。
|
||||||
|
*/
|
||||||
|
.fst-stats {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-stat-card {
|
||||||
|
padding: 18px 20px;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #f0f0f0;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 2px 8px rgb(15 23 42 / 6%);
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
box-shadow: 0 6px 14px rgb(15 23 42 / 10%);
|
||||||
|
transform: translateY(-1px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-stat-label {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgb(0 0 0 / 45%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-stat-icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-stat-value {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.2;
|
||||||
|
color: rgb(0 0 0 / 88%);
|
||||||
|
|
||||||
|
&.is-green {
|
||||||
|
color: #52c41a;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-account-bar {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 14px;
|
||||||
|
align-items: center;
|
||||||
|
padding: 14px 20px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgb(0 0 0 / 65%);
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #f0f0f0;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 2px 8px rgb(15 23 42 / 6%);
|
||||||
|
|
||||||
|
&.is-loading {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: 600;
|
||||||
|
color: rgb(0 0 0 / 88%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-account-icon {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
color: #1677ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-account-sep {
|
||||||
|
width: 1px;
|
||||||
|
height: 20px;
|
||||||
|
background: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-toolbar {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
padding: 14px 18px;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #f0f0f0;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 2px 8px rgb(15 23 42 / 6%);
|
||||||
|
|
||||||
|
.fst-store-select {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-date-input {
|
||||||
|
width: 145px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-channel-select {
|
||||||
|
width: 130px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-date-sep {
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 32px;
|
||||||
|
color: rgb(0 0 0 / 45%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-toolbar-right {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-export-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
gap: 4px;
|
||||||
|
align-items: center;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-select-selector,
|
||||||
|
.ant-input,
|
||||||
|
.ant-input-affix-wrapper {
|
||||||
|
height: 32px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-input-affix-wrapper .ant-input {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面响应式样式。
|
||||||
|
*/
|
||||||
|
@media (max-width: 1600px) {
|
||||||
|
.fst-stats {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
.fst-account-sep {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.fst-stats {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-toolbar {
|
||||||
|
padding: 14px 12px;
|
||||||
|
|
||||||
|
.fst-store-select,
|
||||||
|
.fst-date-input,
|
||||||
|
.fst-channel-select {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-date-sep {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-toolbar-right {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-export-btn {
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-detail-wrap {
|
||||||
|
padding: 12px 12px 12px 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
98
apps/web-antd/src/views/finance/settlement/styles/table.less
Normal file
98
apps/web-antd/src/views/finance/settlement/styles/table.less
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
/**
|
||||||
|
* 文件职责：到账查询表格与展开明细样式。
|
||||||
|
*/
|
||||||
|
.fst-table-card {
|
||||||
|
overflow: hidden;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #f0f0f0;
|
||||||
|
border-radius: 10px;
|
||||||
|
|
||||||
|
.ant-table-wrapper {
|
||||||
|
.ant-table-thead > tr > th {
|
||||||
|
font-size: 13px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table-tbody > tr > td {
|
||||||
|
font-size: 13px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-table-expanded-row > td {
|
||||||
|
padding: 0 !important;
|
||||||
|
background: #f8f9fb !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-pagination {
|
||||||
|
margin: 14px 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-channel-icon {
|
||||||
|
display: inline-flex;
|
||||||
|
gap: 6px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-channel-dot {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 50%;
|
||||||
|
|
||||||
|
&.is-wechat {
|
||||||
|
background: #07c160;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-alipay {
|
||||||
|
background: #1677ff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-amount {
|
||||||
|
font-weight: 600;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-detail-wrap {
|
||||||
|
padding: 14px 20px 14px 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-detail-title {
|
||||||
|
padding-left: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: rgb(0 0 0 / 88%);
|
||||||
|
border-left: 3px solid #1677ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fst-mini-table {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 12px;
|
||||||
|
border-collapse: collapse;
|
||||||
|
|
||||||
|
th {
|
||||||
|
padding: 8px 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: rgb(0 0 0 / 45%);
|
||||||
|
text-align: left;
|
||||||
|
background: #fff;
|
||||||
|
border-bottom: 1px solid #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding: 8px 10px;
|
||||||
|
color: rgb(0 0 0 / 88%);
|
||||||
|
border-bottom: 1px solid #f3f4f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody tr:last-child td {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody tr td[colspan] {
|
||||||
|
color: rgb(0 0 0 / 45%);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
60
apps/web-antd/src/views/finance/settlement/types.ts
Normal file
60
apps/web-antd/src/views/finance/settlement/types.ts
Normal file
@@ -0,0 +1,60 @@
|
|||||||
|
/**
|
||||||
|
* 文件职责：到账查询页面本地状态类型定义。
|
||||||
|
*/
|
||||||
|
import type {
|
||||||
|
FinanceSettlementChannelFilter,
|
||||||
|
FinanceSettlementDetailItemDto,
|
||||||
|
FinanceSettlementListItemDto,
|
||||||
|
} from '#/api/finance';
|
||||||
|
|
||||||
|
/** 到账查询筛选状态。 */
|
||||||
|
export interface FinanceSettlementFilterState {
|
||||||
|
channel: FinanceSettlementChannelFilter;
|
||||||
|
endDate: string;
|
||||||
|
startDate: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账查询分页状态。 */
|
||||||
|
export interface FinanceSettlementPaginationState {
|
||||||
|
page: number;
|
||||||
|
pageSize: number;
|
||||||
|
total: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 通用选项项。 */
|
||||||
|
export interface OptionItem {
|
||||||
|
label: string;
|
||||||
|
value: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账筛选请求负载。 */
|
||||||
|
export interface FinanceSettlementQueryPayload {
|
||||||
|
channel?: Exclude<FinanceSettlementChannelFilter, 'all'>;
|
||||||
|
endDate?: string;
|
||||||
|
startDate?: string;
|
||||||
|
storeId: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 到账列表请求负载。 */
|
||||||
|
export interface FinanceSettlementListQueryPayload extends FinanceSettlementQueryPayload {
|
||||||
|
page: number;
|
||||||
|
pageSize: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 展开行明细状态。 */
|
||||||
|
export interface FinanceSettlementDetailState {
|
||||||
|
items: FinanceSettlementDetailItemDto[];
|
||||||
|
loading: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 展开行明细缓存映射。 */
|
||||||
|
export type FinanceSettlementDetailStateMap = Record<
|
||||||
|
string,
|
||||||
|
FinanceSettlementDetailState
|
||||||
|
>;
|
||||||
|
|
||||||
|
/** 表格展开动作参数。 */
|
||||||
|
export interface FinanceSettlementExpandAction {
|
||||||
|
expanded: boolean;
|
||||||
|
row: FinanceSettlementListItemDto;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user