diff --git a/apps/server/src/queue/types.ts b/apps/server/src/queue/types.ts
index d986daa..88acd7f 100755
--- a/apps/server/src/queue/types.ts
+++ b/apps/server/src/queue/types.ts
@@ -1,4 +1,4 @@
-import { VisitType } from 'packages/common/dist';
+import { VisitType } from '@nice/common';
 export enum QueueJobType {
   UPDATE_STATS = 'update_stats',
   FILE_PROCESS = 'file_process',
diff --git a/apps/web/src/components/layout/element/usermenu.tsx b/apps/web/src/components/layout/element/usermenu.tsx
index 6363dfb..2fab536 100644
--- a/apps/web/src/components/layout/element/usermenu.tsx
+++ b/apps/web/src/components/layout/element/usermenu.tsx
@@ -120,7 +120,7 @@ export function UserMenu() {
 				</div>
 
 				{/* 用户信息，显示在 Avatar 右侧 */}
-				<div className="flex flex-col space-y-0.5 ml-3">
+				<div className="flex flex-col space-y-0.5 ml-3 items-start">
 					<span className="text-sm font-semibold text-white">
 						{user?.showname || user?.username}
 					</span>
diff --git a/apps/web/src/components/layout/main/Header.tsx b/apps/web/src/components/layout/main/Header.tsx
index 5289417..ade7a88 100644
--- a/apps/web/src/components/layout/main/Header.tsx
+++ b/apps/web/src/components/layout/main/Header.tsx
@@ -7,28 +7,24 @@ import { UserOutlined } from "@ant-design/icons";
 import { UserMenu } from "../element/usermenu";
 import SineWavesCanvas from "../../animation/sine-wave";
 interface HeaderProps {
-    onSearch?: (query: string) => void;
+	onSearch?: (query: string) => void;
 }
 export const Header = memo(function Header({ onSearch }: HeaderProps) {
-    const { isAuthenticated } = useAuth()
-    return (
-        <header className="sticky top-0 z-50  bg-gradient-to-br from-primary-500 to-primary-800  text-white shadow-lg">
-            <div className="container mx-auto px-4">
-                <div className="py-3">
-                    <div className="flex items-center justify-between gap-4">
-                        <div className=" text-xl font-bold">
-
-                            领导机关信箱
-                        </div>
-                        <div className="flex-grow max-w-2xl">
-                            <SearchBar onSearch={onSearch} />
-                        </div>
-                        <div className="flex items-center gap-6">
-
-                            {
-                                !isAuthenticated ? <Link
-                                    to="/auth"
-                                    className="group flex items-center gap-2 rounded-lg 
+	const { isAuthenticated } = useAuth();
+	return (
+		<header className="sticky top-0 z-50  bg-gradient-to-br from-primary-500 to-primary-800  text-white shadow-lg">
+			<div className="container mx-auto px-4">
+				<div className="py-3">
+					<div className="flex items-center justify-between gap-4">
+						<div className=" text-xl font-bold">领导机关信箱</div>
+						<div className="flex-grow max-w-2xl">
+							<SearchBar onSearch={onSearch} />
+						</div>
+						<div className="flex items-center gap-6">
+							{!isAuthenticated ? (
+								<Link
+									to="/auth"
+									className="group flex items-center gap-2 rounded-lg 
 bg-[#00539B]/90 px-5 py-2.5 font-medium
 shadow-lg transition-all duration-300 
 hover:-translate-y-0.5 hover:bg-[#0063B8] 
@@ -36,21 +32,21 @@ hover:shadow-xl hover:shadow-[#00539B]/30
 focus:outline-none focus:ring-2 
 focus:ring-[#8EADD4] focus:ring-offset-2
 focus:ring-offset-[#13294B]"
-                                    aria-label="Login"
-                                >
-                                    <UserOutlined className="h-5 w-5 transition-transform 
+									aria-label="Login">
+									<UserOutlined
+										className="h-5 w-5 transition-transform 
     group-hover:scale-110 group-hover:rotate-12"></UserOutlined>
 
-                                    <span>登录</span>
-                                </Link> : <UserMenu />
-
-
-                            }
-                        </div>
-                    </div>
-                </div>
-                <Navigation />
-            </div>
-        </header>
-    );
-});
\ No newline at end of file
+									<span>登录</span>
+								</Link>
+							) : (
+								<UserMenu />
+							)}
+						</div>
+					</div>
+				</div>
+				<Navigation />
+			</div>
+		</header>
+	);
+});
diff --git a/apps/web/src/components/models/staff/staff-form.tsx b/apps/web/src/components/models/staff/staff-form.tsx
index 0577c3f..070a9f5 100644
--- a/apps/web/src/components/models/staff/staff-form.tsx
+++ b/apps/web/src/components/models/staff/staff-form.tsx
@@ -6,6 +6,7 @@ import { api } from "@nice/client";
 import { StaffEditorContext } from "./staff-editor";
 import { useAuth } from "@web/src/providers/auth-provider";
 import AvatarUploader from "../../common/uploader/AvatarUploader";
+import { StaffDto } from "@nice/common";
 export default function StaffForm() {
 	const { create, update } = useStaff(); // Ensure you have these methods in your hooks
 	const {
@@ -18,7 +19,13 @@ export default function StaffForm() {
 		canManageAnyStaff,
 		setEditId,
 	} = useContext(StaffEditorContext);
-	const { data, isLoading } = api.staff.findFirst.useQuery(
+	const {
+		data,
+		isLoading,
+	}: {
+		data: StaffDto;
+		isLoading: boolean;
+	} = api.staff.findFirst.useQuery(
 		{ where: { id: editId } },
 		{ enabled: !!editId }
 	);
@@ -33,6 +40,7 @@ export default function StaffForm() {
 			phoneNumber,
 			officerId,
 			enabled,
+			photoUrl,
 		} = values;
 		setFormLoading(true);
 		try {
@@ -48,6 +56,9 @@ export default function StaffForm() {
 						phoneNumber,
 						officerId,
 						enabled,
+						meta: {
+							photoUrl,
+						},
 					},
 				});
 			} else {
@@ -60,6 +71,9 @@ export default function StaffForm() {
 						password,
 						officerId,
 						phoneNumber,
+						meta: {
+							photoUrl,
+						},
 					},
 				});
 				form.resetFields();
@@ -85,6 +99,7 @@ export default function StaffForm() {
 			form.setFieldValue("officerId", data.officerId);
 			form.setFieldValue("phoneNumber", data.phoneNumber);
 			form.setFieldValue("enabled", data.enabled);
+			form.setFieldValue("photoUrl", data?.meta?.photoUrl);
 		}
 	}, [data]);
 	useEffect(() => {
@@ -107,53 +122,68 @@ export default function StaffForm() {
 				requiredMark="optional"
 				autoComplete="off"
 				onFinish={handleFinish}>
-				<Form.Item
-					name={"meta.photoUrl"}
-					label="头像"
-					rules={[{ required: true }]}>
-					<AvatarUploader
-						style={{
-							width: "150px",
-							height: "200px",
-						}}></AvatarUploader>
-				</Form.Item>
+				<div className=" flex items-center gap-4 mb-2">
+					<div>
+						<Form.Item
+							name={"photoUrl"}
+							label="头像"
+							noStyle
+							rules={[{ required: true }]}>
+							<AvatarUploader
+								style={{
+									width: "100px",
+									height: "120px",
+								}}></AvatarUploader>
+						</Form.Item>
+					</div>
+					<div className="grid  grid-cols-1  gap-2  flex-1">
+						<Form.Item
+							noStyle
+							rules={[{ required: true }]}
+							name={"username"}
+							label="帐号">
+							<Input
+								placeholder="请输入用户名"
+								allowClear
+								autoComplete="new-username" // 使用非标准的自动完成值
+								spellCheck={false}
+							/>
+						</Form.Item>
+						<Form.Item
+							noStyle
+							rules={[{ required: true }]}
+							name={"showname"}
+							label="姓名">
+							<Input
+								placeholder="请输入姓名"
+								allowClear
+								autoComplete="new-name" // 使用非标准的自动完成值
+								spellCheck={false}
+							/>
+						</Form.Item>
+						<Form.Item
+							noStyle
+							name={"deptId"}
+							label="所属单位"
+							rules={[{ required: true }]}>
+							<DepartmentSelect
+								rootId={isRoot ? undefined : domainId}
+							/>
+						</Form.Item>
+					</div>
+				</div>
 				{canManageAnyStaff && (
 					<Form.Item
 						name={"domainId"}
 						label="所属域"
 						rules={[{ required: true }]}>
 						<DepartmentSelect
+							placeholder="选择域"
 							rootId={isRoot ? undefined : domainId}
 							domain={true}
 						/>
 					</Form.Item>
 				)}
-				<Form.Item
-					name={"deptId"}
-					label="所属单位"
-					rules={[{ required: true }]}>
-					<DepartmentSelect rootId={isRoot ? undefined : domainId} />
-				</Form.Item>
-				<Form.Item
-					rules={[{ required: true }]}
-					name={"username"}
-					label="帐号">
-					<Input
-						allowClear
-						autoComplete="new-username" // 使用非标准的自动完成值
-						spellCheck={false}
-					/>
-				</Form.Item>
-				<Form.Item
-					rules={[{ required: true }]}
-					name={"showname"}
-					label="姓名">
-					<Input
-						allowClear
-						autoComplete="new-name" // 使用非标准的自动完成值
-						spellCheck={false}
-					/>
-				</Form.Item>
 				<Form.Item
 					rules={[
 						{