feat: 添加充值页面及相关路由和国际化支持

This commit is contained in:
2026-01-25 17:27:53 +07:00
parent 19d185b8db
commit 8855cb7f3e
9 changed files with 230 additions and 23 deletions

View File

@@ -51,7 +51,7 @@
"@better-scroll/core": "2.5.1",
"@elysiajs/eden": "^1.4.5",
"@iconify/vue": "5.0.0",
"@riwa/api-types": "http://192.168.1.2:9538/api/capp-eden-0.0.35.tgz",
"@riwa/api-types": "http://192.168.1.2:9538/api/capp-eden-0.0.38.tgz",
"@sa/axios": "workspace:*",
"@sa/color": "workspace:*",
"@sa/hooks": "workspace:*",

12
pnpm-lock.yaml generated
View File

@@ -18,8 +18,8 @@ importers:
specifier: 5.0.0
version: 5.0.0(vue@3.5.25(typescript@5.9.3))
'@riwa/api-types':
specifier: http://192.168.1.2:9538/api/capp-eden-0.0.35.tgz
version: '@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.35.tgz(@elysiajs/eden@1.4.5(elysia@1.4.19(@sinclair/typebox@0.34.41)(exact-mirror@0.2.5(@sinclair/typebox@0.34.41))(file-type@21.1.1)(openapi-types@12.1.3)(typescript@5.9.3)))'
specifier: http://192.168.1.2:9538/api/capp-eden-0.0.38.tgz
version: '@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.38.tgz(@elysiajs/eden@1.4.5(elysia@1.4.19(@sinclair/typebox@0.34.41)(exact-mirror@0.2.5(@sinclair/typebox@0.34.41))(file-type@21.1.1)(openapi-types@12.1.3)(typescript@5.9.3)))'
'@sa/axios':
specifier: workspace:*
version: link:packages/axios
@@ -496,9 +496,9 @@ packages:
'@borewit/text-codec@0.1.1':
resolution: {integrity: sha512-5L/uBxmjaCIX5h8Z+uu+kA9BQLkc/Wl06UGR5ajNRxu+/XjonB5i8JpgFMrPj3LXTCPA0pv8yxUvbUi+QthGGA==}
'@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.35.tgz':
resolution: {tarball: http://192.168.1.2:9538/api/capp-eden-0.0.35.tgz}
version: 0.0.35
'@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.38.tgz':
resolution: {tarball: http://192.168.1.2:9538/api/capp-eden-0.0.38.tgz}
version: 0.0.38
peerDependencies:
'@elysiajs/eden': ^1.4.6
@@ -4871,7 +4871,7 @@ snapshots:
'@borewit/text-codec@0.1.1': {}
'@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.35.tgz(@elysiajs/eden@1.4.5(elysia@1.4.19(@sinclair/typebox@0.34.41)(exact-mirror@0.2.5(@sinclair/typebox@0.34.41))(file-type@21.1.1)(openapi-types@12.1.3)(typescript@5.9.3)))':
'@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.38.tgz(@elysiajs/eden@1.4.5(elysia@1.4.19(@sinclair/typebox@0.34.41)(exact-mirror@0.2.5(@sinclair/typebox@0.34.41))(file-type@21.1.1)(openapi-types@12.1.3)(typescript@5.9.3)))':
dependencies:
'@elysiajs/eden': 1.4.5(elysia@1.4.19(@sinclair/typebox@0.34.41)(exact-mirror@0.2.5(@sinclair/typebox@0.34.41))(file-type@21.1.1)(openapi-types@12.1.3)(typescript@5.9.3))

View File

@@ -228,7 +228,6 @@ const local: App.I18n.Schema = {
404: 'Page Not Found',
500: 'Server Error',
'iframe-page': 'Iframe',
home: 'Home',
product: 'Product',
user: ' User',
news: 'News',
@@ -236,7 +235,8 @@ const local: App.I18n.Schema = {
wallet: 'Wallet',
kyc: 'KYC',
check: 'CheckIn',
referral: 'Referral'
referral: 'Referral',
deposit: 'Deposit'
},
page: {
login: {

View File

@@ -224,7 +224,6 @@ const local: App.I18n.Schema = {
404: '页面不存在',
500: '服务器错误',
'iframe-page': '外链页面',
home: '首页',
product: '产品管理',
user: '用户管理',
news: '新闻管理',
@@ -232,7 +231,8 @@ const local: App.I18n.Schema = {
wallet: '钱包管理',
kyc: '实名管理',
check: '签到管理',
referral: '推广管理'
referral: '推广管理',
deposit: '充值管理'
},
page: {
login: {

View File

@@ -21,6 +21,7 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
"iframe-page": () => import("@/views/_builtin/iframe-page/[url].vue"),
login: () => import("@/views/_builtin/login/index.vue"),
check: () => import("@/views/check/index.vue"),
deposit: () => import("@/views/deposit/index.vue"),
kyc: () => import("@/views/kyc/index.vue"),
news: () => import("@/views/news/index.vue"),
product: () => import("@/views/product/index.vue"),

View File

@@ -104,16 +104,6 @@ export const generatedRoutes: GeneratedRoute[] = [
order: 3
}
},
{
name: 'referral',
path: '/referral',
component: 'layout.base$view.referral',
meta: {
title: 'referral',
i18nKey: 'route.referral',
order: 8
}
},
{
name: 'user',
path: '/user',
@@ -134,6 +124,16 @@ export const generatedRoutes: GeneratedRoute[] = [
order: 6
}
},
{
name: 'deposit',
path: '/deposit',
component: 'layout.base$view.deposit',
meta: {
title: 'deposit',
i18nKey: 'route.deposit',
order: 7
}
},
{
name: 'withdraw',
path: '/withdraw',
@@ -141,7 +141,17 @@ export const generatedRoutes: GeneratedRoute[] = [
meta: {
title: 'withdraw',
i18nKey: 'route.withdraw',
order: 7
order: 8
}
}
},
{
name: 'referral',
path: '/referral',
component: 'layout.base$view.referral',
meta: {
title: 'referral',
i18nKey: 'route.referral',
order: 9
}
},
];

View File

@@ -167,6 +167,7 @@ const routeMap: RouteMap = {
"404": "/404",
"500": "/500",
"check": "/check",
"deposit": "/deposit",
"iframe-page": "/iframe-page/:url",
"kyc": "/kyc",
"login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?",

View File

@@ -21,6 +21,7 @@ declare module "@elegant-router/types" {
"404": "/404";
"500": "/500";
"check": "/check";
"deposit": "/deposit";
"iframe-page": "/iframe-page/:url";
"kyc": "/kyc";
"login": "/login/:module(pwd-login|code-login|register|reset-pwd|bind-wechat)?";
@@ -65,6 +66,7 @@ declare module "@elegant-router/types" {
| "404"
| "500"
| "check"
| "deposit"
| "iframe-page"
| "kyc"
| "login"
@@ -96,6 +98,7 @@ declare module "@elegant-router/types" {
| "iframe-page"
| "login"
| "check"
| "deposit"
| "kyc"
| "news"
| "product"

192
src/views/deposit/index.vue Normal file
View File

@@ -0,0 +1,192 @@
<script lang="ts" setup>
import { useTemplateRef } from 'vue';
import { NSelect } from 'naive-ui';
import dayjs from 'dayjs';
import { client, safeClient } from '@/service/api';
import type { TableBaseColumns, TableFetchData, TableFilterColumns, TableInst } from '@/components/table';
import UserSelect from '@/components/common/user-select.vue';
defineOptions({
name: 'DepositPage'
});
const props = defineProps<{
userId?: string;
}>();
enum DepositStatus {
pending = '审核中',
approved = '已通过',
completed = '已完成',
rejected = '已拒绝',
cancelled = '已取消'
}
const tableInst = useTemplateRef<TableInst>('tableInst');
const fetchData: TableFetchData = ({ pagination, filter }) => {
return safeClient(() =>
client.api.admin.deposit.pending.get({ query: { userId: props.userId, ...pagination, ...filter } })
);
};
const columns: TableBaseColumns = [
{
key: 'paymentChannel',
title: '充值方式'
},
{
key: 'orderNo',
title: '订单号'
},
{
key: 'amount',
title: '金额(元)',
render: (row: any) => {
return Number(row.amount);
}
},
{
key: 'paymentOrderNo',
title: '支付订单号'
},
{
key: 'createdAt',
title: '创建时间',
render: (row: any) => {
return dayjs(row.createdAt).format('YYYY-MM-DD HH:mm');
}
},
{
key: 'status',
title: '状态',
render: (row: any) => {
return DepositStatus[row.status];
}
},
{
key: 'operations',
title: '操作',
width: 150,
fixed: 'right',
operations: (row: any) => [
{
contentText: '通过',
size: 'small',
ghost: true,
type: 'primary',
visible: row.status === 'pending',
onClick: async () => {
window.$dialog?.create({
title: '确认通过该充值请求吗?',
content: '通过后将无法撤销',
type: 'warning',
positiveText: '确认通过',
negativeText: '取消',
onPositiveClick: async () => {
await safeClient(() =>
client.api.admin.withdraw({ orderId: row.id }).approve.post({
reviewNote: `管理员通过于 ${dayjs().format('YYYY-MM-DD HH:mm:ss')}`
})
);
window.$message?.success('操作成功');
tableInst.value?.reload();
}
});
}
},
{
contentText: '拒绝',
size: 'small',
ghost: true,
type: 'error',
visible: row.status === 'pending',
onClick: async () => {
window.$dialog?.create({
title: '确认拒绝该提现请求吗?',
content: '拒绝后将无法撤销',
type: 'warning',
positiveText: '确认拒绝',
negativeText: '取消',
onPositiveClick: async () => {
await safeClient(() =>
client.api.admin.withdraw({ orderId: row.id }).reject.post({
rejectReason: `管理员拒绝于 ${dayjs().format('YYYY-MM-DD HH:mm:ss')}`
})
);
window.$message?.success('操作成功');
tableInst.value?.reload();
}
});
}
},
{
contentText: '已打款',
size: 'small',
ghost: true,
type: 'success',
visible: row.status === 'pending_payout',
onClick: async () => {
window.$dialog?.create({
title: '确认已打款该提现请求吗?',
content: '确认后将无法撤销',
type: 'warning',
positiveText: '确认已打款',
negativeText: '取消',
onPositiveClick: async () => {
await safeClient(() => client.api.admin.withdraw({ orderId: row.id }).paid.post());
window.$message?.success('操作成功');
tableInst.value?.reload();
}
});
}
}
]
}
];
const filterColumns: TableFilterColumns = [
{
key: 'userId',
title: '用户',
component: UserSelect
},
{
key: 'orderNo',
title: '订单号'
},
{
key: 'status',
title: '状态',
component: NSelect,
componentProps: {
clearable: true,
options: [
{ label: '审核中', value: 'pending_review' },
{ label: '待打款', value: 'pending_payout' },
{ label: '已完成', value: 'completed' },
{ label: '已拒绝', value: 'rejected' }
]
}
}
];
</script>
<template>
<TableBase
ref="tableInst"
:fetch-data="fetchData"
:columns="columns"
:filter-columns="filterColumns"
:scroll-x="1000"
:show-header-operation="true"
:header-operations="{
add: false,
refresh: true,
columns: true
}"
v-bind="{ ...$attrs }"
/>
</template>
<style lang="css" scoped></style>