feat(ui): 构建资产管理页面与添加资产表单，打通 Server Action 录入链路

2026-04-27 21:35:41 +08:00
parent f160c2bdcb
commit 19e23dc933
3 changed files with 227 additions and 12 deletions
@@ -0,0 +1,66 @@
+import { getAssets } from '@/actions/asset';
+import { AddAssetDialog } from '@/components/assets/add-asset-dialog';
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+
+export default async function AssetsPage() {
+  const assets = await getAssets();
+
+  const typeLabels: Record<string, string> = {
+    STOCK: '股票',
+    CRYPTO: '加密货币',
+    CASH: '现金',
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <h1 className="text-2xl font-bold">资产列表</h1>
+        <AddAssetDialog />
+      </div>
+
+      <div className="rounded-md border">
+        <Table>
+          <TableCaption>数据库中所有已录入的资产</TableCaption>
+          <TableHeader>
+            <TableRow>
+              <TableHead>资产代码</TableHead>
+              <TableHead>类型</TableHead>
+              <TableHead>基础币种</TableHead>
+              <TableHead>创建时间</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {assets.length === 0 ? (
+              <TableRow>
+                <TableCell colSpan={4} className="text-center text-muted-foreground">
+                  暂无资产，点击"添加资产"按钮录入第一个资产
+                </TableCell>
+              </TableRow>
+            ) : (
+              assets.map((asset) => (
+                <TableRow key={asset.id}>
+                  <TableCell className="font-medium">{asset.symbol}</TableCell>
+                  <TableCell>{typeLabels[asset.type] || asset.type}</TableCell>
+                  <TableCell>{asset.baseCurrency}</TableCell>
+                  <TableCell>
+                    {asset.createdAt
+                      ? new Date(asset.createdAt).toLocaleString('zh-CN')
+                      : '-'}
+                  </TableCell>
+                </TableRow>
+              ))
+            )}
+          </TableBody>
+        </Table>
+      </div>
+    </div>
+  );
+}