feat: 添加充值组件并在用户页面中集成充值订单对话框

src/views/user/components/deposit.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import DepositPage from '@/views/deposit/index.vue';
+
+defineOptions({
+  name: 'DepositDialog'
+});
+
+const props = defineProps<{
+  userId?: string;
+}>();
+</script>
+
+<template>
+  <DepositPage :user-id="userId" :scroll-x="800" :show-header-operation="false" />
+</template>
+
+<style lang="css" scoped></style>

src/views/user/index.vue

@@ -12,6 +12,7 @@ import Withdraw from './components/withdraw.vue';
 import Team from './components/team.vue';
 import Kyc from './components/kyc.vue';
 import Ledger from './components/ledger.vue';
+import Deposit from './components/deposit.vue';
 
 const dialog = useDialog();
 const message = useMessage();
@@ -95,6 +96,18 @@ const columns: TableBaseColumns = [
           });
         }
       },
+      {
+        contentText: '充值订单',
+        size: 'small',
+        onClick: () => {
+          dialog.create({
+            title: '充值订单',
+            showIcon: false,
+            style: { width: '1000px' },
+            content: () => h(Deposit, { userId: row.id })
+          });
+        }
+      },
       {
         contentText: '提现订单',
         size: 'small',