@@ -82,18 +97,65 @@ export function Sidebar({ open, onClose }: { open: boolean; onClose: () => void
-
- {info.data ? '数据库：' + info.data.db_path.split(/[\\/]/).slice(-1)[0] : '加载中…'}
-
-
-
- {sync.data
- ? (sync.data.pending_ops > 0
- ? '本地模式 · 待同步 ' + sync.data.pending_ops
- : '本地模式 · 数据已就绪')
- : '…'}
-
+ {/* 左下角：账号区 */}
+ {getToken() ? (
+
+ {me && (
+
+
+ {me.is_admin && 管理员}
+ {me.username}
+
+
+
+ )}
+ {!isWeb && (
+
+ )}
+ {!isWeb && (
+
+ {sync.data ? ("同步 · 待推送 " + sync.data.pending_ops) : "…"}
+
+ )}
+
+ ) : (
+
+
+
未登录 = 本地模式，数据仅存本机
+
+ )}
+ {!isWeb && (
+
+
+ 数据库 · 本地存储
+
+ )}
);
}
+
+function ChevronsLeftSvg() {
+ return
+}
diff --git a/app/src/lib/api.ts b/app/src/lib/api.ts
index ad47a44..d705876 100644
--- a/app/src/lib/api.ts
+++ b/app/src/lib/api.ts
@@ -5,6 +5,7 @@ import type {
} from './types';
const isTauri = typeof window !== 'undefined' && '__TAURI_INTERNALS__' in window;
+export function isTauriRef() { return isTauri; }
const TOKEN_KEY = 'fp-token';
export function getToken() { return localStorage.getItem(TOKEN_KEY); }
@@ -14,10 +15,10 @@ export const isLocalMode = () => isTauri || !getToken();
export interface ServerSession { token: string; user_id: string; device_id: string; device_name: string; }
-export async function serverLogin(username: string, password: string): Promise
{
- const res = await fetch('/auth/login', {
+export async function serverLogin(username: string, password: string, baseUrl = ''): Promise {
+ const res = await fetch(baseUrl + '/auth/login', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ username, password, device_name: 'Web 浏览器' })
+ body: JSON.stringify({ username, password, device_name: isTauri ? '桌面应用' : 'Web 浏览器' })
});
const json = await res.json();
if (!json.ok) throw new Error(json.error || '登录失败');
@@ -25,10 +26,10 @@ export async function serverLogin(username: string, password: string): Promise {
- const res = await fetch('/auth/register', {
+export async function serverRegister(username: string, password: string, invite_code: string, baseUrl = ''): Promise {
+ const res = await fetch(baseUrl + '/auth/register', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ username, password, invite_code, device_name: 'Web 浏览器' })
+ body: JSON.stringify({ username, password, invite_code, device_name: isTauri ? '桌面应用' : 'Web 浏览器' })
});
const json = await res.json();
if (!json.ok) throw new Error(json.error || '注册失败');
@@ -36,9 +37,9 @@ export async function serverRegister(username: string, password: string, invite_
return json.data;
}
-export interface MeInfo { user_id: string; username: string; device_id: string; }
-export async function serverMe(): Promise {
- const res = await fetch('/auth/me', { headers: { Authorization: 'Bearer ' + getToken() } });
+export interface MeInfo { user_id: string; username: string; is_admin?: boolean; device_id: string; }
+export async function serverMe(baseUrl = ''): Promise {
+ const res = await fetch(baseUrl + '/auth/me', { headers: { Authorization: 'Bearer ' + getToken() } });
const json = await res.json();
if (!json.ok) throw new Error(json.error || '会话失效');
return json.data;
@@ -125,3 +126,27 @@ export const viewList = () => call<{ items: SavedView[] }>('view_list');
export const viewUpsert = (p: { id?: number; name: string; filter: Record; sort?: Record; is_default?: boolean }) =>
call<{ item: SavedView }>('view_upsert', p);
export const viewDelete = (id: number) => call<{ ok: true }>('view_delete', { id });
+
+// ---- 管理端（is_admin） ----
+export async function adminListInvites(baseUrl = '') {
+ const res = await fetch(baseUrl + '/admin/invites', { headers: { Authorization: 'Bearer ' + getToken() } });
+ return res.json();
+}
+export async function adminCreateInvites(count: number, baseUrl = '') {
+ const res = await fetch(baseUrl + '/admin/invites/generate', {
+ method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: 'Bearer ' + getToken() },
+ body: JSON.stringify({ count })
+ });
+ return res.json();
+}
+export async function adminRevokeInvite(id: number, baseUrl = '') {
+ const res = await fetch(baseUrl + '/admin/invites/revoke', {
+ method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: 'Bearer ' + getToken() },
+ body: JSON.stringify({ id })
+ });
+ return res.json();
+}
+export async function adminListUsers(baseUrl = '') {
+ const res = await fetch(baseUrl + '/admin/users', { headers: { Authorization: 'Bearer ' + getToken() } });
+ return res.json();
+}
diff --git a/app/src/pages/admin/AdminPage.tsx b/app/src/pages/admin/AdminPage.tsx
new file mode 100644
index 0000000..3bc76bd
--- /dev/null
+++ b/app/src/pages/admin/AdminPage.tsx
@@ -0,0 +1,108 @@
+import { useState } from 'react';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+import { Plus, Trash2, Users2, TicketCheck } from 'lucide-react';
+import { adminCreateInvites, adminListInvites, adminListUsers, adminRevokeInvite, getToken, isTauriRef } from '@/lib/api';
+import { Badge, Button, Card, CardBody, CardHeader, Empty } from '@/components/ui';
+import { fmtDateTime, fmtSize } from '@/lib/format';
+
+function baseUrl() {
+ if (!isTauriRef()) return '';
+ return localStorage.getItem('fp-server-url') || '';
+}
+
+export function AdminPage() {
+ const qc = useQueryClient();
+ const [busy, setBusy] = useState(false);
+ const meQ = useQuery({ queryKey: ['me'], queryFn: () => serverMeSafe(), enabled: !!getToken() });
+
+ const usersQ = useQuery({ queryKey: ['admin-users'], queryFn: () => adminListUsers(baseUrl()), enabled: !!getToken() });
+ const invitesQ = useQuery({ queryKey: ['admin-invites'], queryFn: () => adminListInvites(baseUrl()), enabled: !!getToken() });
+
+ const genMut = useMutation({
+ mutationFn: (count: number) => adminCreateInvites(count, baseUrl()),
+ onSuccess: () => { void qc.invalidateQueries({ queryKey: ['admin-invites'] }); setBusy(false); },
+ onError: () => setBusy(false)
+ });
+ const revokeMut = useMutation({
+ mutationFn: (id: number) => adminRevokeInvite(id, baseUrl()),
+ onSuccess: () => void qc.invalidateQueries({ queryKey: ['admin-invites'] })
+ });
+
+ if (meQ.data && !meQ.data.is_admin) {
+ return ;
+ }
+
+ const invites = invitesQ.data?.data?.invites ?? [];
+ const users = usersQ.data?.data?.users ?? [];
+ const totalInvites = invitesQ.data?.data?.total ?? 0;
+
+ return (
+
+
+
管理
+
+
+
+
+
+ { setBusy(true); genMut.mutate(5); }}>
+ 批量生成 5 个
+
+ } />
+
+ {invites.length ? (
+
+ {invites.map((i: any) => (
+
+ {i.code}
+ {i.valid ? 可用 : 已使用}
+ {i.used_by_name && 被 {i.used_by_name} 使用于 {fmtDateTime(i.used_at)}}
+ {!i.used_by && (
+
+
+ {!i.valid && }
+
+ )}
+
+ ))}
+
+
+
+
+
+ {users.length ? (
+
+ {users.map((u: any) => (
+
+ {u.username}
+ {u.is_admin && 管理员}
+ {u.devices} 设备 · {u.records} 记录 · {fmtSize(u.attachment_bytes)}
+
+ ))}
+
+
+
+ {busy &&
生成中…
}
+