feat(frontend/admin): M10 后台管理面板（/admin hash 路由 + 15 大模块 + RBAC(owner/admin/viewer) + 审计 + Miuix）；Docs/api-client.md v0.3 契约补全；tsc+vite build 通过

2026-09-06 07:55:04 +08:00
1 parent 4c48e94659
commit f43eb17030
@@ -0,0 +1,78 @@
+import { useState } from "react";
+import { useAsyncData } from "../../lib/useAsyncData";
+import { adminListAutomations, isNotImplemented } from "../../lib/api";
+import { useAuditStore } from "../audit";
+import { Notice, PageHeader } from "../components";
+import { Button, Surface, Switch, Tag } from "../../components/primitives";
+
+interface ReminderRow {
+  id: string;
+  name: string;
+  kind: string;
+  cron: string;
+  enabled: boolean;
+}
+
+const sample: ReminderRow[] = [
+  { id: "r1", name: "睡前总结", kind: "reminder", cron: "0 22 * * *", enabled: true },
+  { id: "r2", name: "晨间问候", kind: "cron", cron: "0 8 * * *", enabled: true },
+  { id: "r3", name: "设备待机提醒", kind: "queue", cron: "—", enabled: false },
+];
+
+export function AutomationsModule(): React.ReactNode {
+  const { data, error } = useAsyncData(adminListAutomations, []);
+  const log = useAuditStore((s) => s.log);
+  const [rows, setRows] = useState<ReminderRow[]>(sample);
+  const backend = !isNotImplemented(error);
+
+  return (
+    <div className="space-y-5">
+      <PageHeader
+        title="自动化与提醒"
+        subtitle="提醒 + cron + 消息队列事件 + 后台任务(含终端任务) + 运行日志"
+        actions={
+          <Button
+            variant="primary"
+            onClick={() => {
+              log("automation.create", "ok");
+              alert("新增自动化（占位）：后端 M10+ 提供 CRUD。");
+            }}
+          >
+            新增自动化
+          </Button>
+        }
+      />
+
+      {backend && !error ? <Notice tone="ok">后端已返回自动化配置（数据以接口为准）。</Notice> : null}
+      {error && !backend ? <Notice tone="warn">后端未提供 /api/v1/admin/automations，以下为示例壳（M10 提供真实数据）。</Notice> : null}
+      {error && backend ? <Notice tone="err">{error}</Notice> : null}
+
+      <Surface className="space-y-3">
+        <h3 className="text-sm font-semibold">提醒 / CRON / 队列事件</h3>
+        {rows.map((r) => (
+          <div key={r.id} className="flex items-center gap-3 rounded-[var(--mu-radius)] bg-[var(--mu-surface-2)] px-3 py-2.5 text-sm">
+            <span className="font-medium">{r.name}</span>
+            <Tag tone="neutral">{r.kind}</Tag>
+            <span className="font-mono text-xs text-[var(--mu-text-lo)]">{r.cron}</span>
+            <span className="ml-auto">
+              <Switch checked={r.enabled} onChange={(v) => setRows((rs) => rs.map((x) => (x.id === r.id ? { ...x, enabled: v } : x)))} label="启用" />
+            </span>
+            <Button size="sm" variant="ghost" onClick={() => { log("automation.run", "ok"); alert(`手动触发 ${r.name}（占位）`); }}>触发</Button>
+          </div>
+        ))}
+      </Surface>
+
+      <Surface className="space-y-3">
+        <h3 className="text-sm font-semibold">后台任务 / 运行历史</h3>
+        <div className="grid grid-cols-1 gap-3 sm:grid-cols-3">
+          {["消息队列事件", "后台任务（含终端任务）", "运行日志"].map((x) => (
+            <div key={x} className="rounded-[var(--mu-radius)] border border-[var(--mu-glass-border)] bg-[var(--mu-surface-3)]/60 p-4 text-center text-xs text-[var(--mu-text-mid)]">
+              <div className="mb-2 text-lg">📦</div>
+              {x} 占位 —— 后端 M10+ 提供
+            </div>
+          ))}
+        </div>
+      </Surface>
+    </div>
+  );
+}