From 2ca0357f0170ba7715062735087da61fcd2f002b Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sun, 25 Jan 2026 19:18:47 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=AE=A4=E8=B4=AD?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E7=BB=84=E4=BB=B6=E5=B9=B6=E5=9C=A8=E4=BA=A7?=
 =?UTF-8?q?=E5=93=81=E9=A1=B5=E9=9D=A2=E4=B8=AD=E9=9B=86=E6=88=90=E5=AF=B9?=
 =?UTF-8?q?=E8=AF=9D=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/product/components/records.vue   | 17 +++++++++++++++++
 src/views/product/index.vue                | 17 +++++++++++++++--
 src/views/user/components/subscription.vue | 17 +++++++++++++++++
 src/views/user/index.vue                   | 13 +++++++++++++
 4 files changed, 62 insertions(+), 2 deletions(-)
 create mode 100644 src/views/product/components/records.vue
 create mode 100644 src/views/user/components/subscription.vue

diff --git a/src/views/product/components/records.vue b/src/views/product/components/records.vue
new file mode 100644
index 0000000..ff0623a
--- /dev/null
+++ b/src/views/product/components/records.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import SubscriptionPage from '@/views/subscription/index.vue';
+
+defineOptions({
+  name: 'SubscriptionDialog'
+});
+
+const props = defineProps<{
+  productId?: string;
+}>();
+</script>
+
+<template>
+  <SubscriptionPage :product-id="productId" :scroll-x="1200" :show-header-operation="false" />
+</template>
+
+<style lang="css" scoped></style>
diff --git a/src/views/product/index.vue b/src/views/product/index.vue
index 25c2291..1d5b1aa 100644
--- a/src/views/product/index.vue
+++ b/src/views/product/index.vue
@@ -6,6 +6,7 @@ import { client, safeClient } from '@/service/api';
 import type { TableBaseColumns, TableFetchData, TableInst } from '@/components/table';
 import Add from './components/add.vue';
 import Edit from './components/edit.vue';
+import Records from './components/records.vue';
 
 const message = useMessage();
 const dialog = useDialog();
@@ -97,9 +98,9 @@ const columns: TableBaseColumns = [
   {
     key: 'operations',
     title: '操作',
-    width: 200,
+    width: 240,
     fixed: 'right',
-    operations: row => [
+    operations: (row: any) => [
       {
         contentText: '编辑',
         size: 'small',
@@ -127,6 +128,18 @@ const columns: TableBaseColumns = [
             }
           });
         }
+      },
+      {
+        contentText: '认购记录',
+        size: 'small',
+        onClick() {
+          dialog.create({
+            title: '认购记录',
+            showIcon: false,
+            style: { width: '1000px' },
+            content: () => h(Records, { productId: row.id })
+          });
+        }
       }
     ]
   }
diff --git a/src/views/user/components/subscription.vue b/src/views/user/components/subscription.vue
new file mode 100644
index 0000000..df3094b
--- /dev/null
+++ b/src/views/user/components/subscription.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import SubscriptionPage from '@/views/subscription/index.vue';
+
+defineOptions({
+  name: 'SubscriptionDialog'
+});
+
+const props = defineProps<{
+  userId?: string;
+}>();
+</script>
+
+<template>
+  <SubscriptionPage :user-id="userId" :scroll-x="1200" :show-header-operation="false" />
+</template>
+
+<style lang="css" scoped></style>
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index 0476115..28b661d 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -13,6 +13,7 @@ import Team from './components/team.vue';
 import Kyc from './components/kyc.vue';
 import Ledger from './components/ledger.vue';
 import Deposit from './components/deposit.vue';
+import Subscription from './components/subscription.vue';
 
 const dialog = useDialog();
 const message = useMessage();
@@ -108,6 +109,18 @@ const columns: TableBaseColumns = [
           });
         }
       },
+      {
+        contentText: '认购记录',
+        size: 'small',
+        onClick: () => {
+          dialog.create({
+            title: '认购记录',
+            showIcon: false,
+            style: { width: '1000px' },
+            content: () => h(Subscription, { userId: row.id })
+          });
+        }
+      },
       {
         contentText: '提现订单',
         size: 'small',