feat: 优化web

web/app/(main)/(iam)/dept/page.tsx

@@ -0,0 +1,19 @@
+'use client';
+
+import { DeptTreeView } from '@/components/iam/DeptTreeView';
+import { IamSectionCard } from '@/components/iam/IamSectionCard';
+import { useApi } from '@/lib/hooks/use-api';
+import { iamDept } from '@/lib/api/iam';
+import type { DeptNode } from '@/lib/api/types/dept';
+
+export default function IamDeptPage() {
+  const { data, loading, error } = useApi<DeptNode[]>(() => iamDept.tree());
+
+  return (
+    <IamSectionCard title="部门管理" description="对接 GET /api/v1/iam/dept/tree。">
+      {loading ? <p className="text-sm text-neutral-500">加载中…</p> : null}
+      {error ? <p className="text-sm text-red-600">{error}</p> : null}
+      {!loading && !error && data ? <DeptTreeView tree={data} /> : null}
+    </IamSectionCard>
+  );
+}