cpms_org/cpms_operation_platform
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 页面优化

Browse Source
This commit is contained in:
ZhuRui
2026-08-06 18:32:41 +08:00
parent d2aa4c1207
commit 1cd851ec8e
8 changed files with 105 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/withdraw/types.ts
+1 -1
View File
@@ -23,7 +23,7 @@ export interface WithdrawVO {
auditStatus: number;
/** 到账状态：0=未支付，1=支付成功，2=支付失败 */
payStatus: number;
/** 流水单号 */
/** 第三方单号 */
serialNumber: string;
/** 申请时间 */
createDate: string;
src/pages/events/orders/index.tsx
+1
View File
@@ -72,6 +72,7 @@ function renderBodyCell({
if (column.dataIndex === 'name') {
const maxLen = 15;
const raw = text || '';
if (!raw) return <span>--</span>;
const display = raw.length > maxLen ? raw.slice(0, maxLen) + '...' : raw;
return raw.length > maxLen ? (
<Tooltip title={raw}>
src/pages/events/orders/model/useOrderModel.ts
+64 -9
View File
@@ -125,22 +125,77 @@ export function useOrderModel() {
};
const columns = [
{ title: '订单编号', dataIndex: 'orderNo', key: 'orderNo', width: 200 },
{ title: '赛事名称', dataIndex: 'name', key: 'name', width: 180 },
{ title: '选手名称', dataIndex: 'realName', key: 'realName', width: 100 },
{ title: '手机号', dataIndex: 'phone', key: 'phone', width: 130 },
{ title: '比赛组别', dataIndex: 'categoryName', key: 'categoryName', width: 120 },
{ title: '报名人', dataIndex: 'creatorName', key: 'creatorName', width: 100 },
{ title: '报名人手机号', dataIndex: 'creatorPhone', key: 'creatorPhone', width: 130 },
{
title: '订单编号',
dataIndex: 'orderNo',
key: 'orderNo',
width: 200,
customRender: ({ text }: { text: string }) => text || '--',
},
{
title: '赛事名称',
dataIndex: 'name',
key: 'name',
width: 180,
customRender: ({ text }: { text: string }) => text || '--',
},
{
title: '选手名称',
dataIndex: 'realName',
key: 'realName',
width: 100,
customRender: ({ text }: { text: string }) => text || '--',
},
{
title: '手机号',
dataIndex: 'phone',
key: 'phone',
width: 130,
customRender: ({ text }: { text: string }) => text || '--',
},
{
title: '比赛组别',
dataIndex: 'categoryName',
key: 'categoryName',
width: 120,
customRender: ({ text }: { text: string }) => text || '--',
},
{
title: '报名人',
dataIndex: 'creatorName',
key: 'creatorName',
width: 100,
customRender: ({ text }: { text: string }) => text || '--',
},
{
title: '报名人手机号',
dataIndex: 'creatorPhone',
key: 'creatorPhone',
width: 130,
customRender: ({ text }: { text: string }) => text || '--',
},
{
title: '报名人数',
dataIndex: 'creatorSignupCount',
key: 'creatorSignupCount',
width: 90,
align: 'center' as const,
customRender: ({ text }: { text: number }) => (text != null ? text : '--'),
},
{
title: '订单时间',
dataIndex: 'orderTime',
key: 'orderTime',
width: 170,
customRender: ({ text }: { text: string }) => text || '--',
},
{
title: '支付时间',
dataIndex: 'payTime',
key: 'payTime',
width: 170,
customRender: ({ text }: { text: string }) => text || '--',
},
{ title: '订单时间', dataIndex: 'orderTime', key: 'orderTime', width: 170 },
{ title: '支付时间', dataIndex: 'payTime', key: 'payTime', width: 170 },
{
title: '订单总金额',
dataIndex: 'creatorSignupFee',
src/pages/finance/payments/model/usePaymentsModel.ts
+7 -1
View File
@@ -93,7 +93,13 @@ export function usePaymentsModel() {
// ===== 表格列（dataIndex 对齐 API） =====
const columns = [
{ title: '流水号', dataIndex: 'serialNo', key: 'serialNo', width: 160 },
{
title: '第三方流水号',
dataIndex: 'serialNo',
key: 'serialNo',
width: 160,
customRender: ({ text }: { text: string }) => text || '--',
},
{ title: '订单编号', dataIndex: 'orderNo', key: 'orderNo', width: 160 },
{
title: '类型',
src/pages/finance/wallet/components/WalletDetailModal.tsx
+1 -7
View File
@@ -124,13 +124,7 @@ export default defineComponent({
customRender: ({ text }: { text: string }) => {
const num = Number(text) || 0;
const color = num > 0 ? '#52c41a' : num < 0 ? '#ff4d4f' : 'rgba(0,0,0,0.85)';
const sign = num > 0 ? '+' : '';
return (
<span style={{ color, fontWeight: 500 }}>
{sign}
{text}
</span>
);
return <span style={{ color, fontWeight: 500 }}>{text}</span>;
},
},
{
src/pages/finance/wallet/index.tsx
+19 -11
View File
@@ -1,5 +1,5 @@
import { defineComponent } from 'vue';
import { Button, Input, Table, Form, Space, Pagination } from 'ant-design-vue';
import { Button, Input, InputNumber, Table, Form, Space, Pagination } from 'ant-design-vue';
import { WalletOutlined, LockOutlined, RiseOutlined } from '@ant-design/icons-vue';
import { useWalletModel } from './model/useWalletModel';
import { useContainerSize } from '@/hooks';
@@ -156,13 +156,17 @@ export default defineComponent({
</Form.Item>
<Form.Item label="余额筛选">
<Space.Compact>
<Input
<InputNumber
placeholder="请输入"
style={{ width: '130px' }}
value={filterForm.minBalance}
onUpdate:value={(val: any) => (filterForm.minBalance = val ?? '')}
style={{ width: '140px' }}
value={filterForm.minBalance || undefined}
precision={0}
min={0}
controls={false}
onUpdate:value={(val: any) =>
(filterForm.minBalance = val != null ? String(val) : '')
}
onPressEnter={handleSearch}
allowClear
/>
<Input
style={{
@@ -175,13 +179,17 @@ export default defineComponent({
value="至"
disabled
/>
<Input
<InputNumber
placeholder="请输入"
style={{ width: '130px' }}
value={filterForm.maxBalance}
onUpdate:value={(val: any) => (filterForm.maxBalance = val ?? '')}
style={{ width: '140px' }}
value={filterForm.maxBalance || undefined}
precision={0}
min={0}
controls={false}
onUpdate:value={(val: any) =>
(filterForm.maxBalance = val != null ? String(val) : '')
}
onPressEnter={handleSearch}
allowClear
/>
</Space.Compact>
</Form.Item>
src/pages/finance/withdraw/model/useWithdrawModel.ts
+1 -1
View File
@@ -162,7 +162,7 @@ export function useWithdrawModel() {
},
{ title: '审核状态', dataIndex: 'auditStatus', key: 'auditStatus', width: 110 },
{ title: '到账状态', dataIndex: 'payStatus', key: 'payStatus', width: 110 },
{ title: '流水单号', dataIndex: 'serialNumber', key: 'serialNumber', width: 180 },
{ title: '第三方单号', dataIndex: 'serialNumber', key: 'serialNumber', width: 180 },
{ title: '申请时间', dataIndex: 'createDate', key: 'createDate', width: 180 },
];
src/utils/form.ts
+11
View File
@@ -33,6 +33,12 @@ export const REAL_NAME_REGEX = /^[\u4e00-\u9fa5A-Za-z0-9·]{1,8}$/;
*/
export const IMAGE_TYPE_REGEX = /^image\//;
/**
* 纯数字（整数）
* - 用于过滤非数字字符
*/
export const INTEGER_ONLY_REGEX = /\D/g;
// ============================================================
// 校验函数
// ============================================================
@@ -56,3 +62,8 @@ export function isValidRealName(value: unknown): boolean {
export function isImageFile(file: { type: string }): boolean {
return IMAGE_TYPE_REGEX.test(file.type);
}
/** 过滤非数字字符，只保留整数 */
export function toIntegerOnly(value: unknown): string {
return String(value ?? '').replace(INTEGER_ONLY_REGEX, '');
}