初步增加 web 界面

2026-06-22 13:11:15 +08:00
parent 4c924375aa
commit 347edb8103
66 changed files with 6816 additions and 21 deletions
@@ -0,0 +1,48 @@
+import { Card, Col, Row, Statistic } from 'antd';
+import { useEffect, useState } from 'react';
+import { accountApi, loginApi } from '../api/modules';
+
+export default function DashboardPage() {
+  const [stats, setStats] = useState({ accounts: 0, tasks: 0, success: 0, failed: 0 });
+
+  useEffect(() => {
+    Promise.all([accountApi.list(), loginApi.listTasks()])
+      .then(([accounts, tasks]) => {
+        setStats({
+          accounts: accounts.length,
+          tasks: tasks.length,
+          success: tasks.filter((t: any) => t.status === 'success').length,
+          failed: tasks.filter((t: any) => ['failed', 'error'].includes(t.status)).length,
+        });
+      })
+      .catch(() => {});
+  }, []);
+
+  return (
+    <div>
+      <h2>概览</h2>
+      <Row gutter={16}>
+        <Col span={6}>
+          <Card>
+            <Statistic title="账号总数" value={stats.accounts} />
+          </Card>
+        </Col>
+        <Col span={6}>
+          <Card>
+            <Statistic title="登录任务总数" value={stats.tasks} />
+          </Card>
+        </Col>
+        <Col span={6}>
+          <Card>
+            <Statistic title="成功" value={stats.success} valueStyle={{ color: '#3f8600' }} />
+          </Card>
+        </Col>
+        <Col span={6}>
+          <Card>
+            <Statistic title="失败" value={stats.failed} valueStyle={{ color: '#cf1322' }} />
+          </Card>
+        </Col>
+      </Row>
+    </div>
+  );
+}