feat: 添加充值页面及相关路由和国际化支持
This commit is contained in:
@@ -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
12
pnpm-lock.yaml
generated
@@ -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))
|
||||
|
||||
|
||||
@@ -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: {
|
||||
|
||||
@@ -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: {
|
||||
|
||||
@@ -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"),
|
||||
|
||||
@@ -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
|
||||
}
|
||||
},
|
||||
];
|
||||
|
||||
@@ -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)?",
|
||||
|
||||
3
src/typings/elegant-router.d.ts
vendored
3
src/typings/elegant-router.d.ts
vendored
@@ -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
192
src/views/deposit/index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user