From 38d07a480955c5fa6d527d6e184b3a6261d815df Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Wed, 24 Dec 2025 00:58:48 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=88=86=E9=85=8D?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E7=BB=84=E4=BB=B6=E5=B9=B6=E5=9C=A8=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E9=A1=B5=E9=9D=A2=E4=B8=AD=E9=9B=86=E6=88=90=EF=BC=9B?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AF=B9=E8=AF=9D=E6=A1=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rwa/product/components/allocations.vue    | 93 +++++++++++++++++++
 src/views/rwa/product/components/editions.vue | 17 ++++
 src/views/rwa/product/index.vue               |  2 +-
 3 files changed, 111 insertions(+), 1 deletion(-)
 create mode 100644 src/views/rwa/product/components/allocations.vue

diff --git a/src/views/rwa/product/components/allocations.vue b/src/views/rwa/product/components/allocations.vue
new file mode 100644
index 0000000..1816c54
--- /dev/null
+++ b/src/views/rwa/product/components/allocations.vue
@@ -0,0 +1,93 @@
+<script lang="ts" setup>
+import { useTemplateRef } from 'vue';
+import { useDateFormat } from '@vueuse/core';
+import { useDialog } from 'naive-ui';
+import { client, safeClient } from '@/service/api';
+import type { TableBaseColumns, TableFetchData, TableInst } from '@/components/table';
+
+const props = defineProps<{
+  id: string;
+}>();
+
+const tableInst = useTemplateRef<TableInst>('tableInst');
+const dialog = useDialog();
+
+const fetchData: TableFetchData = ({ pagination, filter }) => {
+  return safeClient(() =>
+    client.api.admin.rwa.subscription.orders.get({
+      query: {
+        editionId: props.id,
+        ...pagination,
+        ...filter
+      }
+    })
+  );
+};
+
+const columns: TableBaseColumns = [
+  {
+    title: '分配用户ID',
+    key: 'userId',
+    width: 150
+  },
+  {
+    title: '分配数量',
+    key: 'quantity',
+    width: 120,
+    render: (row: any) => {
+      return Number(row.quantity).toFixed(2);
+    }
+  },
+  {
+    title: '单价',
+    key: 'unitPrice',
+    width: 120,
+    render: (row: any) => {
+      return Number(row.unitPrice).toFixed(2);
+    }
+  },
+  {
+    title: '分配时间',
+    key: 'createdAt',
+    render: (row: any) => {
+      return useDateFormat(row.createdAt, 'YYYY-MM-DD HH:mm').value;
+    }
+  },
+  {
+    title: '操作',
+    fixed: 'right',
+    key: 'operation',
+    width: 'auto',
+    operations: row => [
+      {
+        contentText: '执行分配',
+        type: 'primary',
+        ghost: true,
+        size: 'small',
+        onClick: () => {
+          dialog.create({
+            title: '执行分配',
+            content: '确认执行该分配操作？',
+            positiveText: '确认',
+            negativeText: '取消',
+            onPositiveClick: async () => {
+              await safeClient(() =>
+                client.api.admin.rwa.subscription.allocate.post({
+                  editionId: props.id
+                })
+              );
+              tableInst.value?.reload();
+            }
+          });
+        }
+      }
+    ]
+  }
+];
+</script>
+
+<template>
+  <TableBase ref="tableInst" title="申购记录" :columns="columns" :fetch-data="fetchData" :scroll-x="undefined" />
+</template>
+
+<style lang="css" scoped></style>
diff --git a/src/views/rwa/product/components/editions.vue b/src/views/rwa/product/components/editions.vue
index 75b52ee..0f1fc81 100644
--- a/src/views/rwa/product/components/editions.vue
+++ b/src/views/rwa/product/components/editions.vue
@@ -8,6 +8,7 @@ import type { TableBaseColumns, TableFetchData, TableInst } from '@/components/t
 import { RwaEditionStatusEnum } from '@/enum';
 import AddEdition from './add-edition.vue';
 import EditEdition from './edit-edition.vue';
+import Allocations from './allocations.vue';
 
 defineOptions({ name: 'RwaProductEditions' });
 
@@ -132,6 +133,14 @@ const columns: TableBaseColumns = [
           });
         }
       },
+      {
+        contentText: '申购记录',
+        type: 'primary',
+        ghost: true,
+        size: 'small',
+        visible: row.status === 'scheduled',
+        onClick: () => handleAllocations(row)
+      },
       {
         contentText: '编辑',
         type: 'primary',
@@ -199,6 +208,14 @@ function handleEdit(row: any) {
     }
   });
 }
+function handleAllocations(row: any) {
+  const dialogInstance = dialog.create({
+    title: '分配记录',
+    content: () => h(Allocations, { id: row.id }),
+    style: { width: '800px', height: '600px' },
+    showIcon: false
+  });
+}
 </script>
 
 <template>
diff --git a/src/views/rwa/product/index.vue b/src/views/rwa/product/index.vue
index 901d9e5..5a24961 100644
--- a/src/views/rwa/product/index.vue
+++ b/src/views/rwa/product/index.vue
@@ -253,7 +253,7 @@ function handleViewEditions(row: any) {
           tableInst.value?.reload();
         }
       }),
-    style: { width: '1200px' },
+    style: { width: '80vw', minWidth: '1000px', height: '80vh' },
     showIcon: false,
     onPositiveClick: () => {
       message.success('添加成功');