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

This commit is contained in:
2026-01-25 19:13:21 +07:00
parent 531f90d9a4
commit bed8d5905a
9 changed files with 166 additions and 11 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.40.tgz",
"@riwa/api-types": "http://192.168.1.2:9538/api/capp-eden-0.0.41.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.40.tgz
version: '@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.40.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.41.tgz
version: '@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.41.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.40.tgz':
resolution: {tarball: http://192.168.1.2:9538/api/capp-eden-0.0.40.tgz}
version: 0.0.40
'@capp/eden@http://192.168.1.2:9538/api/capp-eden-0.0.41.tgz':
resolution: {tarball: http://192.168.1.2:9538/api/capp-eden-0.0.41.tgz}
version: 0.0.41
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.40.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.41.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

@@ -236,7 +236,8 @@ const local: App.I18n.Schema = {
kyc: 'KYC',
check: 'CheckIn',
referral: 'Referral',
deposit: 'Deposit'
deposit: 'Deposit',
subscription: 'Subscription'
},
page: {
login: {

View File

@@ -230,9 +230,10 @@ const local: App.I18n.Schema = {
withdraw: '提现管理',
wallet: '钱包管理',
kyc: '实名管理',
check: '签到管理',
check: '签到记录',
referral: '推广管理',
deposit: '充值管理'
deposit: '充值管理',
subscription: '认购记录'
},
page: {
login: {

View File

@@ -26,6 +26,7 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
news: () => import("@/views/news/index.vue"),
product: () => import("@/views/product/index.vue"),
referral: () => import("@/views/referral/index.vue"),
subscription: () => import("@/views/subscription/index.vue"),
user: () => import("@/views/user/index.vue"),
wallet: () => import("@/views/wallet/index.vue"),
withdraw: () => import("@/views/withdraw/index.vue"),

View File

@@ -153,5 +153,15 @@ export const generatedRoutes: GeneratedRoute[] = [
i18nKey: 'route.withdraw',
order: 8
}
}
},
{
name: 'subscription',
path: '/subscription',
component: 'layout.base$view.subscription',
meta: {
title: 'subscription',
i18nKey: 'route.subscription',
order: 9
}
},
];

View File

@@ -174,6 +174,7 @@ const routeMap: RouteMap = {
"news": "/news",
"product": "/product",
"referral": "/referral",
"subscription": "/subscription",
"user": "/user",
"wallet": "/wallet",
"withdraw": "/withdraw"

View File

@@ -28,6 +28,7 @@ declare module "@elegant-router/types" {
"news": "/news";
"product": "/product";
"referral": "/referral";
"subscription": "/subscription";
"user": "/user";
"wallet": "/wallet";
"withdraw": "/withdraw";
@@ -73,6 +74,7 @@ declare module "@elegant-router/types" {
| "news"
| "product"
| "referral"
| "subscription"
| "user"
| "wallet"
| "withdraw"
@@ -103,6 +105,7 @@ declare module "@elegant-router/types" {
| "news"
| "product"
| "referral"
| "subscription"
| "user"
| "wallet"
| "withdraw"

View File

@@ -0,0 +1,138 @@
<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;
productId?: string;
}>();
enum DepositStatus {
pending = '确认中',
locked = '认购成功',
unlocked = '收益已发放',
cancelled = '已取消'
}
const tableInst = useTemplateRef<TableInst>('tableInst');
const fetchData: TableFetchData = ({ pagination, filter }) => {
return safeClient(() =>
client.api.admin.subscription.orders.get({
query: { userId: props.userId, productId: props.productId, ...pagination, ...filter }
})
);
};
const columns: TableBaseColumns = [
{
key: 'product.name',
title: '产品名称',
fixed: 'left'
},
{
key: 'user.name',
title: '认购用户'
},
{
key: 'user.username',
title: '认购用户手机号'
},
{
key: 'walletType.name',
title: '认购钱包'
},
{
key: 'price',
title: '价格(元)',
render: (row: any) => {
return Number(row.price);
}
},
{
key: 'maturityYield',
title: '到期收益(元)',
render: (row: any) => {
return Number(row.maturityYield);
}
},
{
key: 'cycleDays',
title: '周期(天)'
},
{
key: 'status',
title: '订阅状态',
render: (row: any) => {
return DepositStatus[row.status];
}
},
{
key: 'createdAt',
title: '创建时间',
render: (row: any) => {
return dayjs(row.createdAt).format('YYYY-MM-DD HH:mm');
}
}
// {
// key: 'operations',
// title: '操作',
// width: 150,
// fixed: 'right',
// operations: (row: any) => []
// }
];
const filterColumns: TableFilterColumns = [
{
key: 'userId',
title: '用户',
component: UserSelect
},
{
key: 'productId',
title: '产品ID'
},
{
key: 'status',
title: '状态',
component: NSelect,
componentProps: {
clearable: true,
options: [
{ label: '确认中', value: 'pending' },
{ label: '认购成功', value: 'locked' },
{ label: '收益已发放', value: 'unlocked' },
{ label: '已取消', value: 'cancelled' }
]
}
}
];
</script>
<template>
<TableBase
ref="tableInst"
:fetch-data="fetchData"
:columns="columns"
:filter-columns="filterColumns"
:scroll-x="1500"
:show-header-operation="true"
:header-operations="{
add: false,
refresh: true,
columns: true
}"
v-bind="{ ...$attrs }"
/>
</template>
<style lang="css" scoped></style>