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

package.json

@@ -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:*",

pnpm-lock.yaml

@@ -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
+        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.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)))'
+        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':
+  '@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.35.tgz}
+    resolution: {tarball: http://192.168.1.2:9538/api/capp-eden-0.0.38.tgz}
-    version: 0.0.35
+    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))
 

src/locales/langs/en-us.ts

@@ -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: {

src/locales/langs/zh-cn.ts

@@ -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: {

src/router/elegant/imports.ts

@@ -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"),

src/router/elegant/routes.ts

@@ -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
+    }
+  },
 ];

src/router/elegant/transform.ts

@@ -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)?",

src/typings/elegant-router.d.ts

@@ -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"

src/views/deposit/index.vue

@@ -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>