diff --git a/clinical-web/README.md b/clinical-web/README.md
index ee8dd4f..2b2d3e3 100644
--- a/clinical-web/README.md
+++ b/clinical-web/README.md
@@ -84,7 +84,7 @@ TanStack Vue Query、PDF 预览、报表图表、自动化测试和签字板适
 
 ## 当前状态
 
-已完成 Vite 基础初始化、路由、Pinia、原型主题 CSS、登录页、首页、签署工作台和文档库管理页面。角色权限与系统设置中的菜单设置已接入 MEDISIGN RBAC 接口；导航、路由和页面操作按授权资源树控制，角色数据范围在角色配置中维护，员工页面只负责绑定角色。系统参数卡片仍保留 Mock，真实签字板/线上签名回调和打印服务仍需设备或后端能力。
+已完成 Vite 基础初始化、路由、Pinia、原型主题 CSS、登录页、首页、签署工作台和文档库管理页面。角色权限与系统设置中的菜单设置已接入 MEDISIGN RBAC 接口；导航、路由和页面操作按授权资源树控制，角色数据范围在角色配置中维护，员工页面只负责绑定角色。组织架构页按机构→院区→科室分组展示员工列表，新增院区默认归属“新华院区”，支持节点筛选、员工维护和组织节点维护。系统参数卡片仍保留 Mock，真实签字板/线上签名回调和打印服务仍需设备或后端能力。
 
 文档库管理的真实模式已打通「模板 → 版本 → 正文」三段：
 
diff --git a/clinical-web/src/api/management/organization.ts b/clinical-web/src/api/management/organization.ts
index 57b055c..83438e8 100644
--- a/clinical-web/src/api/management/organization.ts
+++ b/clinical-web/src/api/management/organization.ts
@@ -20,26 +20,35 @@ function getRecords(data: BackendCollection<OrganizationResponseDto>) {
   return Array.isArray(data) ? data : (data.records ?? data.items ?? data.content ?? [])
 }
 
-export function getCampuses(): Promise<CampusRecord[]> {
+export async function getCampuses(): Promise<CampusRecord[]> {
   if (useMockData) {
-    return Promise.resolve([])
+    return []
   }
 
-  return request
-    .get<ApiResponse<BackendCollection<OrganizationResponseDto>>>('/v1/campuses', {
-      params: { page: 1, size: 200 },
-    })
-    .then(unwrapApiResponse)
-    .then((data) =>
-      getRecords(data).map((item) => ({
-        id: item.id,
-        code: item.code ?? item.id,
-        name: item.name ?? item.campusName ?? item.id,
-        address: item.address ?? undefined,
-        status: item.status ?? 'ENABLED',
-        sortNo: item.sortNo ?? 0,
-      })),
-    )
+  const firstPage = await getCampusPage(1, 200)
+  const pageCount = Math.ceil(firstPage.total / firstPage.pageSize)
+  if (pageCount <= 1) return firstPage.records
+
+  const remainingPages = await Promise.all(
+    Array.from({ length: pageCount - 1 }, (_, index) =>
+      getCampusPage(index + 2, firstPage.pageSize),
+    ),
+  )
+  return [firstPage, ...remainingPages].flatMap((page) => page.records)
+}
+
+async function getCampusPage(page: number, pageSize: number) {
+  const response = await request.get<ApiResponse<BackendCollection<OrganizationResponseDto>>>(
+    '/v1/campuses',
+    { params: { page, size: pageSize } },
+  )
+  const data = unwrapApiResponse(response)
+  const records = getRecords(data).map(mapCampus)
+  return {
+    records,
+    total: Array.isArray(data) ? records.length : (data.total ?? records.length),
+    pageSize: Array.isArray(data) ? pageSize : (data.size ?? pageSize),
+  }
 }
 
 export function getDepartments(campusId?: string): Promise<DepartmentRecord[]> {
@@ -102,6 +111,7 @@ function mapCampus(data: OrganizationResponseDto): CampusRecord {
     id: data.id,
     code: data.code ?? data.id,
     name: data.name ?? data.campusName ?? data.id,
+    institutionName: data.institutionName?.trim() || '新华院区',
     address: data.address ?? undefined,
     status: data.status ?? 'ENABLED',
     sortNo: data.sortNo ?? 0,
diff --git a/clinical-web/src/api/management/types.ts b/clinical-web/src/api/management/types.ts
index 7736e82..ea7689f 100644
--- a/clinical-web/src/api/management/types.ts
+++ b/clinical-web/src/api/management/types.ts
@@ -243,6 +243,7 @@ export interface CampusRecord {
   id: string
   code: string
   name: string
+  institutionName: string
   address?: string
   status: OrganizationStatus
   sortNo: number
@@ -263,6 +264,7 @@ export type OrganizationStatus = 'ENABLED' | 'DISABLED' | string
 export interface CreateCampusRequest {
   code: string
   name: string
+  institutionName?: string
   address?: string
   status?: OrganizationStatus
   sortNo?: number
@@ -285,6 +287,7 @@ export interface OrganizationResponseDto {
   id: string
   code?: string | null
   name?: string | null
+  institutionName?: string | null
   address?: string | null
   status?: OrganizationStatus | null
   sortNo?: number | null
@@ -431,12 +434,14 @@ export type UserStatus = 'enabled' | 'disabled' | 'locked'
 export interface UserQuery extends PageQuery {
   keyword?: string
   department?: string
+  departmentId?: string
   status?: UserStatus | 'all'
   campusId?: string
 }
 
 export interface UserRecord {
   id: string
+  employeeId?: number | null
   name: string
   account: string
   department: string
@@ -444,6 +449,8 @@ export interface UserRecord {
   status: UserStatus
   lastLoginAt: string
   employeeNo?: string | null
+  position?: string | null
+  professionalTitle?: string | null
   phone?: string | null
   email?: string | null
   campusId?: string | null
@@ -452,6 +459,7 @@ export interface UserRecord {
   departmentName?: string
   roleNames?: string[]
   roleIds?: string[]
+  roleDataScopes?: RoleDataScopeType[]
   version?: number
   passwordChangeRequired?: boolean
 }
@@ -460,9 +468,12 @@ export type UserListResponse = PageResult<UserRecord>
 
 export interface UserResponseDto {
   id: string
+  employeeId?: number | null
   username: string
   displayName: string
   employeeNo?: string | null
+  position?: string | null
+  professionalTitle?: string | null
   phone?: string | null
   email?: string | null
   campusId?: string | null
@@ -483,6 +494,7 @@ export interface UserRoleSummaryDto {
   code: string
   name: string
   status?: RoleStatus | null
+  dataScope?: RoleDataScopeType | null
 }
 
 export interface CreateUserRequest {
@@ -490,11 +502,14 @@ export interface CreateUserRequest {
   password: string
   displayName: string
   employeeNo?: string
+  position?: string
+  professionalTitle?: string
   phone?: string
   email?: string
   campusId: string
   departmentId?: string | null
   status?: BackendUserStatus
+  passwordChangeRequired?: boolean
 }
 
 export type BackendUserStatus = 'ENABLED' | 'DISABLED' | 'LOCKED'
@@ -502,6 +517,8 @@ export type BackendUserStatus = 'ENABLED' | 'DISABLED' | 'LOCKED'
 export interface UpdateUserRequest {
   displayName: string
   employeeNo?: string
+  position?: string
+  professionalTitle?: string
   phone?: string
   email?: string
   campusId: string
@@ -631,6 +648,7 @@ export interface UpdateDepartmentPermissionPolicyRequest {
 export interface PasswordResetRequest {
   newPassword: string
   forceChangeOnNextLogin?: boolean
+  reason: string
 }
 
 export type UserImportRowStatus = 'VALID' | 'INVALID'
diff --git a/clinical-web/src/api/management/users.ts b/clinical-web/src/api/management/users.ts
index ecedc07..2655aa5 100644
--- a/clinical-web/src/api/management/users.ts
+++ b/clinical-web/src/api/management/users.ts
@@ -90,6 +90,7 @@ function mapUser(dto: UserResponseDto): UserRecord {
 
   return {
     id: dto.id,
+    employeeId: dto.employeeId,
     name: dto.displayName,
     account: dto.username,
     department: dto.departmentName ?? (dto.departmentId ? '未知科室' : '未指定科室'),
@@ -97,6 +98,8 @@ function mapUser(dto: UserResponseDto): UserRecord {
     status: normalizeStatus(dto.status),
     lastLoginAt: formatDateTime(dto.lastLoginAt),
     employeeNo: dto.employeeNo,
+    position: dto.position,
+    professionalTitle: dto.professionalTitle,
     phone: dto.phone,
     email: dto.email,
     campusId: dto.campusId,
@@ -105,6 +108,7 @@ function mapUser(dto: UserResponseDto): UserRecord {
     departmentName: dto.departmentName ?? undefined,
     roleNames,
     roleIds: roles.map((role) => role.id),
+    roleDataScopes: roles.map((role) => role.dataScope ?? 'SELF'),
     version: dto.version ?? undefined,
     passwordChangeRequired: dto.passwordChangeRequired,
   }
@@ -139,6 +143,10 @@ function toBackendQuery(query: UserQuery) {
     params.campusId = query.campusId
   }
 
+  if (query.departmentId) {
+    params.departmentId = query.departmentId
+  }
+
   return params
 }
 
@@ -163,10 +171,13 @@ export function getUsers(query: UserQuery): Promise<UserListResponse> {
     const matchesKeyword =
       !keyword || [record.name, record.account].join(' ').toLowerCase().includes(keyword)
     const matchesDepartment = !query.department || record.department === query.department
+    const matchesDepartmentId = !query.departmentId || record.departmentId === query.departmentId
     const matchesStatus = !query.status || query.status === 'all' || record.status === query.status
     const matchesCampus = !query.campusId || record.campusId === query.campusId
 
-    return matchesKeyword && matchesDepartment && matchesStatus && matchesCampus
+    return (
+      matchesKeyword && matchesDepartment && matchesDepartmentId && matchesStatus && matchesCampus
+    )
   })
   const page = Math.max(query.page, 1)
   const pageSize = Math.max(query.pageSize, 1)
diff --git a/clinical-web/src/stores/app.ts b/clinical-web/src/stores/app.ts
index 73a708e..60c2852 100644
--- a/clinical-web/src/stores/app.ts
+++ b/clinical-web/src/stores/app.ts
@@ -10,9 +10,30 @@ import type { WorkbenchCampus } from '@/api/workbench/types'
 const useMockData = mockFlags.organization
 
 const mockCampusRecords: CampusRecord[] = [
-  { id: 'mock-campus-main', code: 'MAIN', name: '本部院区', status: 'ENABLED', sortNo: 1 },
-  { id: 'mock-campus-east', code: 'EAST', name: '东院区', status: 'ENABLED', sortNo: 2 },
-  { id: 'mock-campus-west', code: 'WEST', name: '西院区', status: 'ENABLED', sortNo: 3 },
+  {
+    id: 'mock-campus-main',
+    code: 'MAIN',
+    name: '本部院区',
+    institutionName: '新华院区',
+    status: 'ENABLED',
+    sortNo: 1,
+  },
+  {
+    id: 'mock-campus-east',
+    code: 'EAST',
+    name: '东院区',
+    institutionName: '新华院区',
+    status: 'ENABLED',
+    sortNo: 2,
+  },
+  {
+    id: 'mock-campus-west',
+    code: 'WEST',
+    name: '西院区',
+    institutionName: '新华院区',
+    status: 'ENABLED',
+    sortNo: 3,
+  },
 ]
 
 function getEnabledCampuses(records: CampusRecord[]) {
diff --git a/clinical-web/src/utils/mock-document-library.ts b/clinical-web/src/utils/mock-document-library.ts
index 08606a0..8e17af8 100644
--- a/clinical-web/src/utils/mock-document-library.ts
+++ b/clinical-web/src/utils/mock-document-library.ts
@@ -81,11 +81,19 @@ export interface LocalDepartment {
  * 演示 id 带 mock- 前缀，一眼能看出不是真实 UUID，不会误当成可提交给后端的取值。
  */
 export const demoCampuses = [
-  { id: 'mock-campus-main', code: 'MAIN', name: '本部院区', status: 'ENABLED' as const, sortNo: 1 },
+  {
+    id: 'mock-campus-main',
+    code: 'MAIN',
+    name: '本部院区',
+    institutionName: '新华院区',
+    status: 'ENABLED' as const,
+    sortNo: 1,
+  },
   {
     id: 'mock-campus-east',
     code: 'EAST',
     name: '东院区',
+    institutionName: '新华院区',
     status: 'ENABLED' as const,
     sortNo: 2,
   },
diff --git a/clinical-web/src/views/management/users/components/OrganizationNodeDialog.vue b/clinical-web/src/views/management/users/components/OrganizationNodeDialog.vue
new file mode 100644
index 0000000..17f076a
--- /dev/null
+++ b/clinical-web/src/views/management/users/components/OrganizationNodeDialog.vue
@@ -0,0 +1,397 @@
+<script setup lang="ts">
+import { computed, reactive, watch } from 'vue'
+
+import type {
+  CampusRecord,
+  CreateCampusRequest,
+  CreateDepartmentRequest,
+  DepartmentRecord,
+} from '@/api/management/types'
+
+export type OrganizationNodeSave =
+  | { kind: 'campus'; id?: string; payload: CreateCampusRequest }
+  | { kind: 'department'; id?: string; payload: CreateDepartmentRequest }
+
+const props = defineProps<{
+  visible: boolean
+  kind: 'campus' | 'department'
+  campuses: CampusRecord[]
+  departments: DepartmentRecord[]
+  initial: CampusRecord | DepartmentRecord | null
+  defaultCampusId: string
+  saving: boolean
+}>()
+
+const emit = defineEmits<{
+  close: []
+  save: [form: OrganizationNodeSave]
+}>()
+
+const isEditing = computed(() => Boolean(props.initial))
+const campusForm = reactive({
+  institutionName: '新华院区',
+  code: '',
+  name: '',
+  address: '',
+  status: 'ENABLED',
+  sortNo: 0,
+})
+const departmentForm = reactive({
+  campusId: '',
+  parentId: '' as string | null,
+  code: '',
+  name: '',
+  status: 'ENABLED',
+  sortNo: 0,
+})
+const error = reactive({ message: '' })
+const parentOptions = computed(() =>
+  props.departments.filter(
+    (department) =>
+      department.campusId === departmentForm.campusId && department.id !== props.initial?.id,
+  ),
+)
+
+function resetForm() {
+  error.message = ''
+  if (props.kind === 'campus') {
+    const initial = props.initial as CampusRecord | null
+    Object.assign(campusForm, {
+      institutionName: initial?.institutionName ?? '新华院区',
+      code: initial?.code ?? '',
+      name: initial?.name ?? '',
+      address: initial?.address ?? '',
+      status: initial?.status ?? 'ENABLED',
+      sortNo: initial?.sortNo ?? props.campuses.length + 1,
+    })
+  } else {
+    const initial = props.initial as DepartmentRecord | null
+    Object.assign(departmentForm, {
+      campusId: initial?.campusId ?? props.defaultCampusId ?? props.campuses[0]?.id ?? '',
+      parentId: initial?.parentId ?? null,
+      code: initial?.code ?? '',
+      name: initial?.name ?? '',
+      status: initial?.status ?? 'ENABLED',
+      sortNo: initial?.sortNo ?? props.departments.length + 1,
+    })
+  }
+}
+
+function submit() {
+  error.message = ''
+  if (props.kind === 'campus') {
+    if (!campusForm.institutionName.trim() || !campusForm.name.trim() || !campusForm.code.trim()) {
+      error.message = '请填写所属机构、院区名称和编码'
+      return
+    }
+    emit('save', {
+      kind: 'campus',
+      id: (props.initial as CampusRecord | null)?.id,
+      payload: {
+        institutionName: campusForm.institutionName.trim(),
+        code: campusForm.code.trim(),
+        name: campusForm.name.trim(),
+        address: campusForm.address.trim() || undefined,
+        status: campusForm.status,
+        sortNo: campusForm.sortNo,
+      },
+    })
+    return
+  }
+
+  if (!departmentForm.campusId || !departmentForm.name.trim() || !departmentForm.code.trim()) {
+    error.message = '请填写院区、科室名称和编码'
+    return
+  }
+  emit('save', {
+    kind: 'department',
+    id: (props.initial as DepartmentRecord | null)?.id,
+    payload: {
+      campusId: departmentForm.campusId,
+      parentId: departmentForm.parentId || null,
+      code: departmentForm.code.trim(),
+      name: departmentForm.name.trim(),
+      status: departmentForm.status,
+      sortNo: departmentForm.sortNo,
+    },
+  })
+}
+
+watch(
+  () => [props.visible, props.kind, props.initial] as const,
+  ([visible]) => {
+    if (visible) resetForm()
+  },
+)
+
+watch(
+  () => departmentForm.campusId,
+  () => {
+    if (!parentOptions.value.some((department) => department.id === departmentForm.parentId)) {
+      departmentForm.parentId = null
+    }
+  },
+)
+</script>
+
+<template>
+  <Teleport to="body">
+    <div v-if="visible" class="node-mask" @click.self="emit('close')">
+      <section class="node-dialog" role="dialog" aria-modal="true">
+        <header class="node-dialog__header">
+          <div>
+            <strong
+              >{{ isEditing ? '编辑' : '新增' }}{{ kind === 'campus' ? '院区' : '科室' }}</strong
+            >
+            <p>组织信息用于维护员工归属和组织架构</p>
+          </div>
+          <button type="button" class="node-dialog__close" aria-label="关闭" @click="emit('close')">
+            ×
+          </button>
+        </header>
+
+        <form class="node-dialog__body" @submit.prevent="submit">
+          <div class="node-section-title">
+            {{ kind === 'campus' ? '院区基本信息' : '科室基本信息' }}
+          </div>
+          <template v-if="kind === 'campus'">
+            <label class="node-dialog__full">
+              <span>所属机构 <em>*</em></span>
+              <input v-model="campusForm.institutionName" placeholder="如：新华院区" />
+            </label>
+            <label>
+              <span>院区名称 <em>*</em></span>
+              <input v-model="campusForm.name" placeholder="如：本部院区" />
+            </label>
+            <label>
+              <span>院区编码 <em>*</em></span>
+              <input v-model="campusForm.code" :disabled="isEditing" placeholder="如：MAIN" />
+            </label>
+            <label class="node-dialog__full">
+              <span>院区地址</span>
+              <input v-model="campusForm.address" placeholder="请输入院区地址" />
+            </label>
+            <label>
+              <span>状态</span>
+              <select v-model="campusForm.status">
+                <option value="ENABLED">启用</option>
+                <option value="DISABLED">停用</option>
+              </select>
+            </label>
+          </template>
+          <template v-else>
+            <label>
+              <span>所属院区 <em>*</em></span>
+              <select v-model="departmentForm.campusId">
+                <option value="" disabled>请选择院区</option>
+                <option v-for="campus in campuses" :key="campus.id" :value="campus.id">
+                  {{ campus.name }}
+                </option>
+              </select>
+            </label>
+            <label>
+              <span>科室名称 <em>*</em></span>
+              <input v-model="departmentForm.name" placeholder="如：放射科" />
+            </label>
+            <label>
+              <span>科室编码 <em>*</em></span>
+              <input v-model="departmentForm.code" :disabled="isEditing" placeholder="如：RAD" />
+            </label>
+            <label>
+              <span>上级科室</span>
+              <select v-model="departmentForm.parentId">
+                <option :value="null">无</option>
+                <option
+                  v-for="department in parentOptions"
+                  :key="department.id"
+                  :value="department.id"
+                >
+                  {{ department.name }}
+                </option>
+              </select>
+            </label>
+            <label>
+              <span>状态</span>
+              <select v-model="departmentForm.status">
+                <option value="ENABLED">启用</option>
+                <option value="DISABLED">停用</option>
+              </select>
+            </label>
+          </template>
+          <p v-if="error.message" class="node-dialog__error">{{ error.message }}</p>
+        </form>
+
+        <footer class="node-dialog__footer">
+          <span class="footer-spacer" />
+          <button type="button" class="node-button node-button--ghost" @click="emit('close')">
+            取消
+          </button>
+          <button type="button" class="node-button" :disabled="saving" @click="submit">
+            {{
+              saving
+                ? '保存中…'
+                : isEditing
+                  ? '保存变更'
+                  : kind === 'campus'
+                    ? '创建院区'
+                    : '创建科室'
+            }}
+          </button>
+        </footer>
+      </section>
+    </div>
+  </Teleport>
+</template>
+
+<style scoped>
+.node-mask {
+  position: fixed;
+  z-index: 60;
+  inset: 0;
+  display: flex;
+  padding: 18px;
+  overflow-y: auto;
+  background: rgb(9 40 52 / 45%);
+}
+
+.node-dialog {
+  width: 660px;
+  max-width: 96vw;
+  margin: auto;
+  overflow: hidden;
+  background: #fff;
+  border-radius: 14px;
+  box-shadow: var(--sh-modal);
+}
+
+.node-dialog__header,
+.node-dialog__footer {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  padding: 14px 18px;
+}
+
+.node-dialog__header {
+  border-bottom: 1px solid var(--line);
+}
+
+.node-dialog__header strong {
+  color: var(--ink);
+  font-size: 15px;
+}
+
+.node-dialog__header p {
+  margin: 4px 0 0;
+  color: var(--mut);
+  font-size: 12px;
+}
+
+.node-dialog__close {
+  padding: 0;
+  margin-left: auto;
+  color: var(--mut);
+  font-size: 20px;
+  background: transparent;
+}
+
+.node-dialog__body {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+  padding: 18px;
+}
+
+.node-dialog__body label {
+  display: grid;
+  gap: 6px;
+}
+
+.node-dialog__body label > span {
+  color: var(--ink);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.node-dialog__body em {
+  color: var(--err);
+  font-style: normal;
+}
+
+.node-dialog__body input,
+.node-dialog__body select {
+  width: 100%;
+  min-height: 34px;
+  padding: 7px 9px;
+  color: var(--ink);
+  font: inherit;
+  font-size: 12.5px;
+  background: #fff;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+}
+
+.node-dialog__body input:focus,
+.node-dialog__body select:focus {
+  outline: none;
+  border-color: var(--brand);
+}
+
+.node-section-title,
+.node-dialog__full,
+.node-dialog__error {
+  grid-column: 1 / -1;
+}
+
+.node-section-title {
+  padding: 9px 11px;
+  color: var(--brand-d);
+  font-size: 12px;
+  font-weight: 700;
+  background: #f2f8fa;
+  border-radius: 6px;
+}
+
+.node-dialog__error {
+  padding: 8px 10px;
+  margin: 0;
+  color: var(--err);
+  font-size: 12px;
+  background: var(--err-l);
+  border-radius: 6px;
+}
+
+.node-dialog__footer {
+  background: #f8fbfc;
+  border-top: 1px solid var(--line);
+}
+
+.footer-spacer {
+  flex: 1;
+}
+
+.node-button {
+  padding: 8px 16px;
+  color: #fff;
+  font-size: 12.5px;
+  font-weight: 700;
+  background: var(--brand);
+  border-radius: 7px;
+}
+
+.node-button--ghost {
+  color: var(--brand);
+  background: transparent;
+}
+
+.node-button:disabled {
+  cursor: wait;
+  opacity: 0.65;
+}
+
+@media (max-width: 600px) {
+  .node-dialog__body {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/clinical-web/src/views/management/users/components/OrganizationTree.vue b/clinical-web/src/views/management/users/components/OrganizationTree.vue
new file mode 100644
index 0000000..53476d3
--- /dev/null
+++ b/clinical-web/src/views/management/users/components/OrganizationTree.vue
@@ -0,0 +1,397 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+import type { CampusRecord, DepartmentRecord } from '@/api/management/types'
+
+const props = defineProps<{
+  campuses: CampusRecord[]
+  departments: DepartmentRecord[]
+  selectedCampusId: string
+  selectedDepartmentId: string | null
+  collapsed: boolean
+  canManageCampuses: boolean
+  canManageDepartments: boolean
+}>()
+
+const emit = defineEmits<{
+  selectCampus: [id: string]
+  selectDepartment: [department: DepartmentRecord]
+  addCampus: []
+  addDepartment: []
+  editCampus: [campus: CampusRecord]
+  editDepartment: [department: DepartmentRecord]
+}>()
+
+const institutionGroups = computed(() => {
+  const grouped = new Map<string, CampusRecord[]>()
+  for (const campus of props.campuses) {
+    const institutionName = campus.institutionName?.trim() || '新华院区'
+    const group = grouped.get(institutionName) ?? []
+    group.push(campus)
+    grouped.set(institutionName, group)
+  }
+  return [...grouped].map(([name, campuses]) => ({ name, campuses }))
+})
+
+function departmentsForCampus(campusId: string) {
+  return props.departments
+    .filter((department) => department.campusId === campusId)
+    .sort(
+      (left, right) => left.sortNo - right.sortNo || left.name.localeCompare(right.name, 'zh-CN'),
+    )
+}
+
+function departmentCountForInstitution(campuses: CampusRecord[]) {
+  const campusIds = new Set(campuses.map((campus) => campus.id))
+  return props.departments.filter((department) => campusIds.has(department.campusId)).length
+}
+
+function childrenFor(parentId: string | null | undefined, campusId: string) {
+  return departmentsForCampus(campusId).filter(
+    (department) => (department.parentId ?? null) === (parentId ?? null),
+  )
+}
+
+function isDescendantSelected(department: DepartmentRecord): boolean {
+  return props.selectedDepartmentId === department.id
+}
+</script>
+
+<template>
+  <section class="org-card">
+    <header class="org-card__heading">
+      <strong>架构树</strong>
+      <span class="heading-spacer" />
+      <button
+        v-if="canManageCampuses"
+        type="button"
+        class="org-tool-button"
+        @click="emit('addCampus')"
+      >
+        ＋新增院区
+      </button>
+      <button
+        v-if="canManageDepartments"
+        type="button"
+        class="org-tool-button"
+        @click="emit('addDepartment')"
+      >
+        ＋新增科室
+      </button>
+    </header>
+
+    <div class="org-tree">
+      <div
+        v-for="institution in institutionGroups"
+        :key="institution.name"
+        class="org-tree__institution-group"
+      >
+        <div class="org-tree__root">
+          <span class="org-tree__root-icon">🏛</span>
+          <span class="org-tree__name">{{ institution.name }}</span>
+          <span class="org-tree__root-count">
+            {{ institution.campuses.length }} 院区 /
+            {{ departmentCountForInstitution(institution.campuses) }} 科室
+          </span>
+        </div>
+
+        <div v-for="campus in institution.campuses" :key="campus.id" class="org-tree__campus-group">
+          <div
+            class="org-tree__node org-tree__campus"
+            :class="{ 'is-selected': selectedCampusId === campus.id && !selectedDepartmentId }"
+          >
+            <button
+              type="button"
+              class="org-tree__pick"
+              :aria-expanded="selectedCampusId === campus.id && !collapsed"
+              @click="emit('selectCampus', campus.id)"
+            >
+              <span
+                class="org-tree__fold"
+                :class="{ 'is-open': selectedCampusId === campus.id && !collapsed }"
+                >▸</span
+              >
+              <span class="org-tree__icon">🏥</span>
+              <span class="org-tree__name">{{ campus.name }}</span>
+              <span class="org-tree__count">{{ departmentsForCampus(campus.id).length }} 科室</span>
+            </button>
+            <button
+              v-if="canManageCampuses"
+              type="button"
+              class="org-tree__edit"
+              :aria-label="`编辑院区${campus.name}`"
+              @click="emit('editCampus', campus)"
+            >
+              编辑
+            </button>
+          </div>
+
+          <div
+            v-if="selectedCampusId === campus.id && !collapsed"
+            class="org-tree__department-list"
+          >
+            <template v-for="department in childrenFor(null, campus.id)" :key="department.id">
+              <div
+                class="org-tree__node org-tree__department"
+                :class="{ 'is-selected': isDescendantSelected(department) }"
+              >
+                <button
+                  type="button"
+                  class="org-tree__pick"
+                  @click="emit('selectDepartment', department)"
+                >
+                  <span class="org-tree__name">🗂 {{ department.name }}</span>
+                </button>
+                <button
+                  v-if="canManageDepartments"
+                  type="button"
+                  class="org-tree__edit"
+                  :aria-label="`编辑科室${department.name}`"
+                  @click="emit('editDepartment', department)"
+                >
+                  编辑
+                </button>
+              </div>
+              <div
+                v-for="child in childrenFor(department.id, campus.id)"
+                :key="child.id"
+                class="org-tree__node org-tree__child-department"
+                :class="{ 'is-selected': isDescendantSelected(child) }"
+              >
+                <button
+                  type="button"
+                  class="org-tree__pick"
+                  @click="emit('selectDepartment', child)"
+                >
+                  <span class="org-tree__name">{{ child.name }}</span>
+                </button>
+                <button
+                  v-if="canManageDepartments"
+                  type="button"
+                  class="org-tree__edit"
+                  :aria-label="`编辑科室${child.name}`"
+                  @click="emit('editDepartment', child)"
+                >
+                  编辑
+                </button>
+              </div>
+            </template>
+            <p v-if="!childrenFor(null, campus.id).length" class="org-tree__empty">
+              该院区还没有维护科室
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <p v-if="!campuses.length" class="org-tree__empty">暂无可用院区</p>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.org-card {
+  min-width: 0;
+  padding: 16px;
+  background: #fff;
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  box-shadow: var(--sh-card);
+}
+
+.org-card__heading {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  padding-bottom: 12px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid #eef4f6;
+}
+
+.org-card__heading strong {
+  position: relative;
+  padding-left: 11px;
+  color: var(--ink);
+  font-size: 13px;
+}
+
+.org-card__heading strong::before {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 3px;
+  height: 14px;
+  content: '';
+  background: var(--brand);
+  border-radius: 2px;
+  transform: translateY(-50%);
+}
+
+.heading-spacer {
+  flex: 1;
+}
+
+.org-tool-button {
+  padding: 4px 7px;
+  color: var(--brand);
+  font-size: 11px;
+  white-space: nowrap;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 5px;
+}
+
+.org-tool-button:hover {
+  background: var(--brand-l);
+  border-color: #d3e7ee;
+}
+
+.org-tree {
+  display: grid;
+  gap: 4px;
+  padding: 1px;
+  font-size: 13px;
+}
+
+.org-tree__root,
+.org-tree__node,
+.org-tree__pick {
+  display: flex;
+  gap: 9px;
+  align-items: center;
+  min-width: 0;
+}
+
+.org-tree__root {
+  padding: 10px 12px;
+  margin-bottom: 5px;
+  color: var(--brand-d);
+  background: linear-gradient(135deg, var(--brand-l), #f5fbfd);
+  border: 1px solid #d3e7ee;
+  border-radius: 10px;
+  box-shadow: 0 1px 6px rgb(13 62 81 / 6%);
+}
+
+.org-tree__root-icon,
+.org-tree__icon {
+  display: grid;
+  flex: 0 0 28px;
+  width: 28px;
+  height: 28px;
+  font-size: 14px;
+  background: #fff;
+  border-radius: 9px;
+  box-shadow: 0 1px 4px rgb(13 62 81 / 10%);
+  place-items: center;
+}
+
+.org-tree__name {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.org-tree__root-count,
+.org-tree__count {
+  flex: 0 0 auto;
+  padding: 2px 8px;
+  color: var(--brand);
+  font-size: 10.5px;
+  font-weight: 700;
+  white-space: nowrap;
+  background: #fff;
+  border: 1px solid #d3e7ee;
+  border-radius: 20px;
+}
+
+.org-tree__node {
+  position: relative;
+  border-radius: 9px;
+  transition:
+    background 0.14s,
+    box-shadow 0.14s;
+}
+
+.org-tree__node:hover {
+  background: #f4fafc;
+}
+
+.org-tree__node.is-selected {
+  color: var(--brand-d);
+  background: var(--brand-l);
+  box-shadow: inset 3px 0 0 var(--brand);
+}
+
+.org-tree__pick {
+  flex: 1;
+  padding: 8px 10px;
+  overflow: hidden;
+  color: inherit;
+  text-align: left;
+  background: transparent;
+  border: 0;
+}
+
+.org-tree__campus .org-tree__pick {
+  font-weight: 700;
+}
+
+.org-tree__fold {
+  flex: 0 0 12px;
+  color: var(--mut);
+  font-size: 10px;
+  transition: transform 0.18s;
+}
+
+.org-tree__fold.is-open {
+  transform: rotate(90deg);
+}
+
+.org-tree__icon {
+  flex-basis: 26px;
+  width: 26px;
+  height: 26px;
+  background: #f1f7f9;
+  box-shadow: none;
+}
+
+.org-tree__department-list {
+  padding: 3px 0 3px 12px;
+  margin: 2px 0 5px 15px;
+  border-left: 1px dashed #d9e6ec;
+}
+
+.org-tree__department {
+  margin-bottom: 2px;
+}
+
+.org-tree__child-department {
+  margin-left: 10px;
+  font-size: 12px;
+}
+
+.org-tree__edit {
+  padding: 3px 6px;
+  margin-right: 6px;
+  color: var(--brand);
+  font-size: 10.5px;
+  background: #fff;
+  border: 1px solid #d3e7ee;
+  border-radius: 5px;
+  opacity: 0;
+}
+
+.org-tree__node:hover .org-tree__edit,
+.org-tree__node:focus-within .org-tree__edit {
+  opacity: 1;
+}
+
+.org-tree__empty {
+  padding: 10px;
+  margin: 0;
+  color: var(--mut);
+  font-size: 12px;
+  text-align: center;
+}
+</style>
diff --git a/clinical-web/src/views/management/users/components/UserEditorDialog.vue b/clinical-web/src/views/management/users/components/UserEditorDialog.vue
index c6d6259..4d1009a 100644
--- a/clinical-web/src/views/management/users/components/UserEditorDialog.vue
+++ b/clinical-web/src/views/management/users/components/UserEditorDialog.vue
@@ -11,6 +11,8 @@ const props = defineProps<{
   campuses: CampusRecord[]
   departments: DepartmentRecord[]
   roles: RoleRecord[]
+  defaultCampusId?: string
+  defaultDepartmentId?: string | null
   canAssignRoles: boolean
   saving: boolean
 }>()
@@ -34,12 +36,15 @@ function createEmptyForm(): UserEditorForm {
     password: '',
     displayName: '',
     employeeNo: '',
+    position: '',
+    professionalTitle: '',
     phone: '',
     email: '',
-    campusId: props.campuses[0]?.id ?? '',
-    departmentId: '',
+    campusId: props.defaultCampusId ?? props.campuses[0]?.id ?? '',
+    departmentId: props.defaultDepartmentId ?? '',
     status: 'enabled',
     roleIds: [],
+    passwordChangeRequired: true,
     clearPhone: false,
     clearEmail: false,
   }
@@ -98,6 +103,11 @@ function submit() {
     return
   }
 
+  if (!form.employeeNo.trim()) {
+    error.message = '请输入工号'
+    return
+  }
+
   if (!form.campusId) {
     error.message = '请选择院区'
     return
@@ -152,11 +162,11 @@ watch(
       >
         <header class="dialog-header">
           <div>
-            <strong id="user-editor-title">{{ isEditing ? '编辑用户' : '新增用户' }}</strong>
+            <strong id="user-editor-title">{{ isEditing ? '编辑员工' : '新增员工' }}</strong>
             <p>
               {{
                 isEditing
-                  ? '更新用户基础资料；权限和数据范围由绑定角色决定'
+                  ? '维护员工资料与组织归属；权限和数据范围由绑定角色决定'
                   : '创建可登录医签通的医护用户'
               }}
             </p>
@@ -168,6 +178,11 @@ watch(
 
         <form class="dialog-body" @submit.prevent="submit">
           <div class="form-grid">
+            <div class="form-section">① 身份与归属</div>
+            <label>
+              <span>系统用户 ID</span>
+              <input :value="isEditing ? (form.employeeId ?? '—') : '保存后自动生成'" disabled />
+            </label>
             <label v-if="!isEditing">
               <span>登录账号 <em>*</em></span>
               <input v-model="form.username" autocomplete="username" placeholder="如：zhangsan" />
@@ -190,8 +205,17 @@ watch(
               />
             </label>
             <label>
-              <span>工号</span>
-              <input v-model="form.employeeNo" placeholder="请输入工号" />
+              <span>工号 <em>*</em></span>
+              <input v-model="form.employeeNo" :disabled="isEditing" placeholder="请输入工号" />
+              <small v-if="isEditing">工号为人员主数据，创建后不可修改</small>
+            </label>
+            <label>
+              <span>岗位</span>
+              <input v-model="form.position" placeholder="如：放射科医师" />
+            </label>
+            <label>
+              <span>职称</span>
+              <input v-model="form.professionalTitle" placeholder="如：主治医师" />
             </label>
             <label>
               <span>手机号</span>
@@ -213,6 +237,7 @@ watch(
                 @input="markEmailEdited"
               />
             </label>
+            <div class="form-section">② 角色（权限和数据范围由角色统一配置）</div>
             <label>
               <span>院区 <em>*</em></span>
               <select v-model="form.campusId" @change="handleCampusChange">
@@ -235,6 +260,23 @@ watch(
                 </option>
               </select>
             </label>
+            <label v-if="canAssignRoles" class="form-grid__full">
+              <span>角色（可多选）</span>
+              <select v-model="form.roleIds" multiple size="4">
+                <option v-for="role in roles" :key="role.id" :value="role.id">
+                  {{ role.name }}（{{ role.code }}）{{
+                    role.status === 'DISABLED' ? '（已停用）' : ''
+                  }}
+                </option>
+              </select>
+              <small>多个角色的菜单、操作与数据权限按系统规则合并。</small>
+            </label>
+            <label v-else class="form-grid__full">
+              <span>已绑定角色</span>
+              <input :value="form.roleLabels?.join('、') || '未分配角色'" disabled />
+              <small>员工角色绑定权限由组织管理单独控制。</small>
+            </label>
+            <div class="form-section">③ 账号与安全</div>
             <label>
               <span>状态</span>
               <select v-model="form.status">
@@ -243,21 +285,13 @@ watch(
                 <option value="locked">锁定</option>
               </select>
             </label>
-            <label v-if="canAssignRoles" class="form-grid__full">
-              <span>角色</span>
-              <select v-model="form.roleIds" multiple size="4">
-                <option v-for="role in roles" :key="role.id" :value="role.id">
-                  {{ role.name }}（{{ role.code }}）{{
-                    role.status === 'DISABLED' ? '（已停用）' : ''
-                  }}
-                </option>
-              </select>
-              <small>可按住 Ctrl / Command 多选；保存时会完整替换用户角色。</small>
+            <label v-if="!isEditing" class="checkbox-field">
+              <input v-model="form.passwordChangeRequired" type="checkbox" />
+              <span>首次登录强制修改密码</span>
             </label>
-            <label v-else class="form-grid__full">
-              <span>已绑定角色</span>
-              <input :value="form.roleLabels?.join('、') || '未分配角色'" disabled />
-              <small>员工角色绑定权限由组织管理单独控制。</small>
+            <label v-else>
+              <span>首次登录强制修改密码</span>
+              <input :value="form.passwordChangeRequired ? '是' : '否'" disabled />
             </label>
           </div>
           <p v-if="error.message" class="form-error">{{ error.message }}</p>
@@ -352,6 +386,16 @@ watch(
   grid-column: 1 / -1;
 }
 
+.form-section {
+  grid-column: 1 / -1;
+  padding: 8px 10px;
+  color: var(--brand-d);
+  font-size: 12px;
+  font-weight: 700;
+  background: #f2f8fa;
+  border-radius: 6px;
+}
+
 .form-grid label > span {
   color: var(--ink);
   font-size: 12px;
@@ -397,6 +441,18 @@ watch(
   line-height: 1.5;
 }
 
+.checkbox-field {
+  display: flex !important;
+  flex-direction: row !important;
+  align-items: center;
+  gap: 8px !important;
+  align-self: center;
+}
+
+.checkbox-field input {
+  width: auto;
+}
+
 .form-error {
   margin: 12px 0 0;
   color: var(--err);
diff --git a/clinical-web/src/views/management/users/components/UserPasswordResetDialog.vue b/clinical-web/src/views/management/users/components/UserPasswordResetDialog.vue
index ec9cbf2..6083116 100644
--- a/clinical-web/src/views/management/users/components/UserPasswordResetDialog.vue
+++ b/clinical-web/src/views/management/users/components/UserPasswordResetDialog.vue
@@ -4,18 +4,21 @@ import { reactive, watch } from 'vue'
 const props = defineProps<{
   visible: boolean
   userName: string
+  employeeId?: number | null
+  employeeNo?: string
   saving: boolean
 }>()
 
 const emit = defineEmits<{
   close: []
-  reset: [payload: { newPassword: string; forceChangeOnNextLogin: boolean }]
+  reset: [payload: { newPassword: string; forceChangeOnNextLogin: boolean; reason: string }]
 }>()
 
 const form = reactive({
   newPassword: '',
   confirmPassword: '',
   forceChangeOnNextLogin: true,
+  reason: '',
 })
 const error = reactive({ message: '' })
 
@@ -23,6 +26,7 @@ function resetForm() {
   form.newPassword = ''
   form.confirmPassword = ''
   form.forceChangeOnNextLogin = true
+  form.reason = ''
   error.message = ''
 }
 
@@ -39,9 +43,15 @@ function submit() {
     return
   }
 
+  if (!form.reason.trim()) {
+    error.message = '请填写重置原因'
+    return
+  }
+
   emit('reset', {
     newPassword: form.newPassword,
     forceChangeOnNextLogin: form.forceChangeOnNextLogin,
+    reason: form.reason.trim(),
   })
 }
 
@@ -66,8 +76,8 @@ watch(
       >
         <header class="dialog-header">
           <div>
-            <strong id="password-reset-title">重置用户密码</strong>
-            <p>为“{{ userName }}”设置新的登录密码</p>
+            <strong id="password-reset-title">重置密码</strong>
+            <p>{{ userName }} · ID {{ employeeId ?? '—' }} · 工号 {{ employeeNo || '—' }}</p>
           </div>
           <button type="button" class="close-button" aria-label="关闭" @click="emit('close')">
             ×
@@ -75,6 +85,12 @@ watch(
         </header>
 
         <form class="dialog-body" @submit.prevent="submit">
+          <div class="reset-static">
+            <span>重置对象</span>
+            <strong
+              >{{ userName }}（ID {{ employeeId ?? '—' }} · 工号 {{ employeeNo || '—' }}）</strong
+            >
+          </div>
           <label>
             <span>新密码 <em>*</em></span>
             <input
@@ -99,6 +115,15 @@ watch(
             <input v-model="form.forceChangeOnNextLogin" type="checkbox" />
             <span>要求用户下次登录时修改密码</span>
           </label>
+          <div class="reset-session-note">确认后将撤销该员工的全部现有会话。</div>
+          <label>
+            <span>重置原因 <em>*</em></span>
+            <textarea
+              v-model="form.reason"
+              rows="3"
+              placeholder="如：用户遗忘密码 / 安全事件处置"
+            />
+          </label>
           <p v-if="error.message" class="form-error">{{ error.message }}</p>
           <p class="form-tip">密码仅提交给服务端校验和存储，不会展示在列表、响应或日志中。</p>
         </form>
@@ -174,6 +199,32 @@ watch(
   padding: 18px;
 }
 
+.reset-static {
+  display: grid;
+  gap: 5px;
+  padding: 9px 11px;
+  background: #f5f9fa;
+  border-radius: 7px;
+}
+
+.reset-static span {
+  color: var(--mut);
+  font-size: 11px;
+}
+
+.reset-static strong {
+  color: var(--ink);
+  font-size: 12px;
+}
+
+.reset-session-note {
+  padding: 8px 10px;
+  color: #765516;
+  font-size: 11.5px;
+  background: #fff6df;
+  border-radius: 6px;
+}
+
 .dialog-body label {
   display: grid;
   gap: 6px;
@@ -201,6 +252,23 @@ watch(
   border-radius: 6px;
 }
 
+.dialog-body textarea {
+  width: 100%;
+  padding: 8px 10px;
+  color: var(--ink);
+  font: inherit;
+  font-size: 12.5px;
+  resize: vertical;
+  background: #fff;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+}
+
+.dialog-body textarea:focus {
+  outline: none;
+  border-color: var(--brand);
+}
+
 .dialog-body input[type='password']:focus {
   outline: none;
   border-color: var(--brand);
diff --git a/clinical-web/src/views/management/users/components/UserTable.vue b/clinical-web/src/views/management/users/components/UserTable.vue
index 3a0da5e..17e7bd9 100644
--- a/clinical-web/src/views/management/users/components/UserTable.vue
+++ b/clinical-web/src/views/management/users/components/UserTable.vue
@@ -1,19 +1,16 @@
 <script setup lang="ts">
 import type { UserStatus, UserTableRow } from '../types'
 
-const props = defineProps<{
+defineProps<{
   rows: UserTableRow[]
   roleColors: Record<string, string>
-  disablingId?: string | null
   canEdit?: boolean
   canResetPassword?: boolean
-  canDeactivate?: boolean
 }>()
 
 const emit = defineEmits<{
   edit: [row: UserTableRow]
   resetPassword: [row: UserTableRow]
-  deactivate: [row: UserTableRow]
 }>()
 
 const statusLabels: Record<UserStatus, string> = {
@@ -28,17 +25,24 @@ const statusLabels: Record<UserStatus, string> = {
     <table class="user-table">
       <thead>
         <tr>
-          <th>用户</th>
-          <th>工号</th>
+          <th class="id-column">ID</th>
+          <th class="employee-column">工号</th>
+          <th>姓名</th>
           <th>院区</th>
           <th>科室</th>
+          <th>岗位</th>
+          <th>职称</th>
+          <th>手机</th>
           <th>角色</th>
+          <th>数据范围</th>
           <th>状态</th>
-          <th>操作</th>
+          <th class="actions-column">操作</th>
         </tr>
       </thead>
       <tbody>
         <tr v-for="row in rows" :key="row.id">
+          <td class="mono">{{ row.employeeId ?? '—' }}</td>
+          <td class="mono">{{ row.employeeNo }}</td>
           <td>
             <div class="user-cell">
               <span
@@ -53,55 +57,46 @@ const statusLabels: Record<UserStatus, string> = {
               <strong>{{ row.name }}</strong>
             </div>
           </td>
-          <td>{{ row.employeeNo }}</td>
           <td>{{ row.campus }}</td>
           <td>{{ row.department }}</td>
+          <td>{{ row.position || '—' }}</td>
+          <td>{{ row.professionalTitle || '—' }}</td>
+          <td class="mono">{{ row.phone || '—' }}</td>
           <td>
             <span
+              v-for="name in row.roleNames?.length ? row.roleNames : [row.role]"
+              :key="name"
               class="role-tag"
               :style="{
-                color: roleColors[row.roleNames?.[0] ?? row.role] ?? '#8a9aa3',
-                backgroundColor: `${roleColors[row.roleNames?.[0] ?? row.role] ?? '#8a9aa3'}22`,
+                color: roleColors[name] ?? '#52717e',
+                backgroundColor: `${roleColors[name] ?? '#8a9aa3'}22`,
               }"
             >
-              {{ row.role }}
+              {{ name }}
             </span>
           </td>
+          <td>{{ row.dataScope || '—' }}</td>
           <td>
-            <span class="status-tag" :class="'status-' + row.status">
-              {{ statusLabels[row.status] }}
-            </span>
+            <span class="status-tag" :class="'status-' + row.status">{{
+              statusLabels[row.status]
+            }}</span>
           </td>
           <td class="actions-cell">
-            <button
-              v-if="props.canEdit"
-              type="button"
-              class="table-button"
-              @click="emit('edit', row)"
-            >
+            <button v-if="canEdit" type="button" class="table-button" @click="emit('edit', row)">
               编辑
             </button>
             <button
-              v-if="props.canResetPassword"
+              v-if="canResetPassword"
               type="button"
               class="table-button"
               @click="emit('resetPassword', row)"
             >
               重置密码
             </button>
-            <button
-              v-if="props.canDeactivate && row.status === 'enabled'"
-              type="button"
-              class="table-button table-button--danger"
-              :disabled="disablingId === row.id"
-              @click="emit('deactivate', row)"
-            >
-              {{ disablingId === row.id ? '停用中…' : '停用' }}
-            </button>
           </td>
         </tr>
         <tr v-if="!rows.length">
-          <td colspan="7" class="empty-cell">没有找到匹配的用户</td>
+          <td colspan="12" class="empty-cell">该节点下暂无员工</td>
         </tr>
       </tbody>
     </table>
@@ -116,15 +111,15 @@ const statusLabels: Record<UserStatus, string> = {
 
 .user-table {
   width: 100%;
-  min-width: 1040px;
-  font-size: 13px;
+  min-width: 1420px;
+  font-size: 12.5px;
   border-collapse: collapse;
 }
 
 .user-table th {
-  padding: 9px 12px;
+  padding: 9px 10px;
   color: var(--mut);
-  font-size: 12.5px;
+  font-size: 11.5px;
   font-weight: 700;
   text-align: left;
   white-space: nowrap;
@@ -133,7 +128,7 @@ const statusLabels: Record<UserStatus, string> = {
 }
 
 .user-table td {
-  padding: 9px 12px;
+  padding: 9px 10px;
   vertical-align: middle;
   border-bottom: 1px solid #eef4f6;
 }
@@ -142,29 +137,51 @@ const statusLabels: Record<UserStatus, string> = {
   background: #f7fbfc;
 }
 
+.id-column {
+  min-width: 64px;
+}
+
+.employee-column {
+  min-width: 76px;
+}
+
+.actions-column {
+  min-width: 180px;
+}
+
 .user-cell {
   display: flex;
-  gap: 9px;
+  gap: 8px;
   align-items: center;
+  white-space: nowrap;
 }
 
 .user-avatar {
   display: grid;
-  flex-shrink: 0;
-  width: 30px;
-  height: 30px;
+  flex: 0 0 26px;
+  width: 26px;
+  height: 26px;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
   place-items: center;
+  border: 1px solid #d3e7ee;
   border-radius: 50%;
 }
 
+.mono {
+  color: #4a6571;
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 11.5px;
+  white-space: nowrap;
+}
+
 .role-tag,
 .status-tag {
   display: inline-block;
-  padding: 2px 10px;
-  font-size: 11.5px;
+  padding: 2px 9px;
+  margin: 1px 3px 1px 0;
+  font-size: 11px;
   font-weight: 700;
   white-space: nowrap;
   border-radius: 20px;
@@ -190,9 +207,9 @@ const statusLabels: Record<UserStatus, string> = {
 }
 
 .table-button {
-  padding: 4px 10px;
+  padding: 4px 9px;
   color: var(--brand);
-  font-size: 12px;
+  font-size: 11.5px;
   background: #fff;
   border: 1px solid var(--brand);
   border-radius: 5px;
@@ -206,22 +223,8 @@ const statusLabels: Record<UserStatus, string> = {
   background: var(--brand-l);
 }
 
-.table-button--danger {
-  color: var(--err);
-  border-color: var(--err);
-}
-
-.table-button--danger:hover {
-  background: var(--err-l);
-}
-
-.table-button:disabled {
-  cursor: not-allowed;
-  opacity: 0.55;
-}
-
 .empty-cell {
-  padding: 40px 12px !important;
+  padding: 34px 12px !important;
   color: var(--mut);
   text-align: center;
 }
diff --git a/clinical-web/src/views/management/users/index.vue b/clinical-web/src/views/management/users/index.vue
index 4ad83e2..b4de41b 100644
--- a/clinical-web/src/views/management/users/index.vue
+++ b/clinical-web/src/views/management/users/index.vue
@@ -2,17 +2,20 @@
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
 
-import { getCampuses, getDepartments } from '@/api/management/organization'
+import {
+  createCampus,
+  createDepartment,
+  getAllDepartments,
+  getCampuses,
+  updateCampus,
+  updateDepartment,
+} from '@/api/management/organization'
 import { getAssignableRoles } from '@/api/management/roles'
 import {
-  commitUserImport,
   createUser,
-  deleteUser,
   getUserDetail,
-  getUserImportJob,
   getUsers,
   isUserMockEnabled,
-  previewUserImport,
   resetUserPassword,
   updateUser,
   updateUserRoles,
@@ -22,17 +25,18 @@ import type {
   CampusRecord,
   DepartmentRecord,
   RoleRecord,
-  UserImportJobResponseDto,
-  UserImportPreviewResponseDto,
   UserRecord as ApiUserRecord,
 } from '@/api/management/types'
 import { useAppStore } from '@/stores/app'
 import { useLoginStore } from '@/stores/login'
 
-import UserTable from './components/UserTable.vue'
+import OrganizationNodeDialog, {
+  type OrganizationNodeSave,
+} from './components/OrganizationNodeDialog.vue'
+import OrganizationTree from './components/OrganizationTree.vue'
 import UserEditorDialog from './components/UserEditorDialog.vue'
-import UserImportDialog from './components/UserImportDialog.vue'
 import UserPasswordResetDialog from './components/UserPasswordResetDialog.vue'
+import UserTable from './components/UserTable.vue'
 import { roleColors, users } from './mock'
 import type { UserEditorForm, UserTableRow } from './types'
 
@@ -40,30 +44,31 @@ const appStore = useAppStore()
 const loginStore = useLoginStore()
 const loading = ref(true)
 const keyword = ref('')
+const campuses = ref<CampusRecord[]>([])
+const departments = ref<DepartmentRecord[]>([])
 const roleOptions = ref<RoleRecord[]>([])
 const userRows = ref<UserTableRow[]>([])
 const roleColorMap = ref<Record<string, string>>({ ...roleColors })
+const selectedCampusId = ref('')
+const selectedDepartmentId = ref<string | null>(null)
+const campusCollapsed = ref(false)
 const userPage = ref(1)
 const userPageSize = ref(20)
 const userTotal = ref(0)
-const campuses = ref<CampusRecord[]>([])
-const departments = ref<DepartmentRecord[]>([])
 const editorVisible = ref(false)
 const editorInitial = ref<UserEditorForm | null>(null)
 const editorSaving = ref(false)
-const disablingUserId = ref<string | null>(null)
 const passwordResetVisible = ref(false)
 const passwordResetTarget = ref<UserTableRow | null>(null)
 const passwordResetSaving = ref(false)
-const importVisible = ref(false)
-const importLoading = ref(false)
-const importPreview = ref<UserImportPreviewResponseDto | null>(null)
-const importJob = ref<UserImportJobResponseDto | null>(null)
+const organizationDialogVisible = ref(false)
+const organizationDialogKind = ref<'campus' | 'department'>('campus')
+const organizationDialogInitial = ref<CampusRecord | DepartmentRecord | null>(null)
+const organizationSaving = ref(false)
 let userRequestId = 0
 
 const canEditUsers = computed(() => isUserMockEnabled || loginStore.hasPermission('system:org:emp'))
 const canCreateUsers = computed(() => canEditUsers.value)
-const canDeactivateUsers = computed(() => canEditUsers.value)
 const canAssignRoles = computed(
   () =>
     isUserMockEnabled ||
@@ -76,26 +81,62 @@ const canBindRoles = computed(
 const canResetPasswords = computed(
   () => isUserMockEnabled || loginStore.hasPermission('system:org:pwd'),
 )
-const canImportUsers = computed(
-  () => isUserMockEnabled || loginStore.hasPermission('system:user:import'),
+const canManageCampuses = computed(
+  () => isUserMockEnabled || loginStore.hasPermission('system:org:campus'),
+)
+const canManageDepartments = computed(
+  () => isUserMockEnabled || loginStore.hasPermission('system:org:dept'),
 )
 
 const mockCampuses: CampusRecord[] = [
-  { id: 'mock-main', code: 'MAIN', name: '本部院区', status: 'ENABLED', sortNo: 1 },
-  { id: 'mock-east', code: 'EAST', name: '东院区', status: 'ENABLED', sortNo: 2 },
-  { id: 'mock-west', code: 'WEST', name: '西院区', status: 'ENABLED', sortNo: 3 },
+  {
+    id: 'mock-main',
+    code: 'MAIN',
+    name: '本部院区',
+    institutionName: '新华院区',
+    status: 'ENABLED',
+    sortNo: 1,
+  },
+  {
+    id: 'mock-east',
+    code: 'EAST',
+    name: '东院区',
+    institutionName: '新华院区',
+    status: 'ENABLED',
+    sortNo: 2,
+  },
+  {
+    id: 'mock-west',
+    code: 'WEST',
+    name: '西院区',
+    institutionName: '新华院区',
+    status: 'ENABLED',
+    sortNo: 3,
+  },
+  {
+    id: 'mock-chongming',
+    code: 'CHONGMING',
+    name: '崇明院区',
+    institutionName: '新华院区',
+    status: 'ENABLED',
+    sortNo: 4,
+  },
 ]
 const mockDepartments: DepartmentRecord[] = [
-  '医务处',
-  '放射科',
-  '心内科',
-  '骨科',
-  '健康管理中心',
-  '信息科',
-  '纪检监察室',
-].map((name, index) => ({
+  ['mock-main', '医务处'],
+  ['mock-main', '放射科'],
+  ['mock-main', '心内科'],
+  ['mock-main', '骨科'],
+  ['mock-east', '骨科'],
+  ['mock-east', '健康管理中心'],
+  ['mock-main', '信息科'],
+  ['mock-main', '纪检监察室'],
+  ['mock-west', '消化内科'],
+  ['mock-chongming', '内科'],
+  ['mock-chongming', '放射科'],
+].map(([campusId, name], index) => ({
   id: `mock-department-${index + 1}`,
-  campusId: index === 3 || index === 4 ? 'mock-east' : 'mock-main',
+  campusId,
   code: `MOCK-${index + 1}`,
   name,
   status: 'ENABLED',
@@ -148,100 +189,157 @@ const mockRoles: RoleRecord[] = [
   },
 ]
 
-const visibleUsers = computed(() => {
-  if (!isUserMockEnabled) return userRows.value
+const mockFilteredUsers = computed(() => {
+  const normalizedKeyword = keyword.value.trim().toLowerCase()
   return userRows.value.filter((user) => {
-    const matchesCampus = user.campus === appStore.selectedCampus
-    const normalizedKeyword = keyword.value.trim().toLowerCase()
+    const matchesCampus = !selectedCampusId.value || user.campusId === selectedCampusId.value
+    const matchesDepartment =
+      !selectedDepartmentId.value || user.departmentId === selectedDepartmentId.value
     const matchesKeyword =
       !normalizedKeyword ||
-      [user.name, user.employeeNo].join(' ').toLowerCase().includes(normalizedKeyword)
-    return matchesCampus && matchesKeyword
+      [user.name, user.employeeNo, user.employeeId, user.id, user.account]
+        .join(' ')
+        .toLowerCase()
+        .includes(normalizedKeyword)
+    return matchesCampus && matchesDepartment && matchesKeyword
   })
 })
+const displayedUsers = computed(() => {
+  if (!isUserMockEnabled) return userRows.value
+  const start = (userPage.value - 1) * userPageSize.value
+  return mockFilteredUsers.value.slice(start, start + userPageSize.value)
+})
+const displayedTotal = computed(() =>
+  isUserMockEnabled ? mockFilteredUsers.value.length : userTotal.value,
+)
+const selectedCampus = computed(() =>
+  campuses.value.find((campus) => campus.id === selectedCampusId.value),
+)
+const selectedDepartment = computed(() =>
+  departments.value.find((department) => department.id === selectedDepartmentId.value),
+)
+
+function dataScopeLabel(scope: string | undefined) {
+  const labels: Record<string, string> = {
+    ALL: '全院',
+    DEPARTMENT: '本科室',
+    DEPARTMENT_AND_CHILDREN: '本科室及下级',
+    CUSTOM: '自定义',
+    SELF: '仅本人',
+  }
+  return (scope ? labels[scope] : undefined) ?? '—'
+}
+
+function roleScope(roleIds: string[], roleNames: string[], dataScopes: string[] = []) {
+  const names = roleNames.length
+    ? roleNames
+    : roleIds.map((id) => roleOptions.value.find((role) => role.id === id)?.name ?? '')
+  const scopes = names.filter(Boolean).map((name, index) => {
+    const role = roleOptions.value.find((item) => item.name === name)
+    const scope = dataScopes[index] ?? role?.dataScope
+    return scope
+  })
+  const labels = [...new Set(scopes.filter(Boolean).map(dataScopeLabel))]
+  return labels.includes('全院') ? '全院' : labels.join('、') || '—'
+}
 
 function mapUserRow(
   user: ApiUserRecord,
   campusNames: Map<string, string>,
   departmentNames: Map<string, string>,
 ): UserTableRow {
+  const roleNames = user.roleNames ?? []
   return {
     id: user.id,
+    employeeId: user.employeeId,
     name: user.name,
     account: user.account ?? '',
     employeeNo: user.employeeNo ?? '—',
+    position: user.position,
+    professionalTitle: user.professionalTitle,
     phone: user.phone ?? '',
     email: user.email ?? '',
-    campus:
-      campusNames.get(user.campusId ?? '') ??
-      user.campusName ??
-      (user.campusId ? '未知院区' : '未指定院区'),
+    campus: campusNames.get(user.campusId ?? '') ?? user.campusName ?? '未指定院区',
     campusId: user.campusId,
     department: departmentNames.get(user.departmentId ?? '') ?? user.department ?? '未指定科室',
     departmentId: user.departmentId,
-    role: user.role,
-    roleNames: user.roleNames,
-    roleIds: user.roleIds,
+    role: roleNames.join('、') || '未分配角色',
+    roleNames,
+    roleIds: user.roleIds ?? [],
+    dataScope: roleScope(user.roleIds ?? [], roleNames, user.roleDataScopes ?? []),
+    passwordChangeRequired: user.passwordChangeRequired,
     status: user.status,
     version: user.version,
   }
 }
 
+function mapMockUsers() {
+  campuses.value = mockCampuses.map((campus) => ({ ...campus }))
+  departments.value = mockDepartments.map((department) => ({ ...department }))
+  roleOptions.value = mockRoles.map((role) => ({ ...role }))
+  roleColorMap.value = { ...roleColors }
+  userRows.value = users.map((user) => {
+    const campus = campuses.value.find((item) => item.name === user.campus)
+    const department = departments.value.find(
+      (item) => item.name === user.department && item.campusId === campus?.id,
+    )
+    const roleNames = user.roleNames ?? [user.role]
+    const roleIds =
+      user.roleIds ??
+      roleOptions.value.filter((role) => roleNames.includes(role.name)).map((role) => role.id)
+    return {
+      ...user,
+      employeeId: user.employeeId,
+      campusId: campus?.id,
+      departmentId: department?.id,
+      roleNames,
+      roleIds,
+      dataScope: roleScope(roleIds, roleNames),
+    }
+  })
+  userTotal.value = userRows.value.length
+}
+
 async function loadUsers() {
   const requestId = ++userRequestId
   loading.value = true
   try {
     if (isUserMockEnabled) {
-      campuses.value = mockCampuses.map((campus) => ({ ...campus }))
-      departments.value = mockDepartments.map((department) => ({ ...department }))
-      roleOptions.value = mockRoles.map((role) => ({ ...role }))
-      userRows.value = users.map((user) => ({ ...user }))
-      roleColorMap.value = { ...roleColors }
-      userTotal.value = userRows.value.length
+      const normalizedKeyword = keyword.value.trim().toLowerCase()
+      const filtered = userRows.value.filter((user) => {
+        const matchesCampus = !selectedCampusId.value || user.campusId === selectedCampusId.value
+        const matchesDepartment =
+          !selectedDepartmentId.value || user.departmentId === selectedDepartmentId.value
+        const matchesKeyword =
+          !normalizedKeyword ||
+          [user.name, user.employeeNo, user.employeeId, user.id, user.account]
+            .join(' ')
+            .toLowerCase()
+            .includes(normalizedKeyword)
+        return matchesCampus && matchesDepartment && matchesKeyword
+      })
+      userTotal.value = filtered.length
       return
     }
 
-    const [campusResult, departmentResult, rolesResult] = await Promise.allSettled([
-      getCampuses(),
-      getDepartments(),
-      canAssignRoles.value ? getAssignableRoles() : Promise.resolve([] as RoleRecord[]),
-    ])
-    if (campusResult.status === 'rejected') throw campusResult.reason
-    if (requestId !== userRequestId) return
-
-    const campusRecords = campusResult.value
-    const selectedCampusId = campusRecords.find(
-      (campus) => campus.name === appStore.selectedCampus,
-    )?.id
-    const usersResult = await getUsers({
+    const result = await getUsers({
       page: userPage.value,
       pageSize: userPageSize.value,
       keyword: keyword.value.trim() || undefined,
       status: 'all',
-      campusId: selectedCampusId,
+      campusId: selectedCampusId.value || undefined,
+      departmentId: selectedDepartmentId.value ?? undefined,
     })
     if (requestId !== userRequestId) return
 
-    campuses.value = campusRecords
-    departments.value = departmentResult.status === 'fulfilled' ? departmentResult.value : []
-    roleOptions.value = rolesResult.status === 'fulfilled' ? rolesResult.value : []
-    if (canAssignRoles.value && rolesResult.status === 'rejected') {
-      ElMessage.warning('员工角色选项加载失败，角色绑定暂不可用')
-    }
-    const campusNames = new Map(campusRecords.map((campus) => [campus.id, campus.name]))
+    const campusNames = new Map(campuses.value.map((campus) => [campus.id, campus.name]))
     const departmentNames = new Map(
       departments.value.map((department) => [department.id, department.name]),
     )
-    userRows.value = usersResult.records.map((user) =>
-      mapUserRow(user, campusNames, departmentNames),
-    )
-    userTotal.value = usersResult.total
-    roleColorMap.value = Object.fromEntries(
-      roleOptions.value.map((role) => [role.name, role.color ?? '#8a9aa3']),
-    )
+    userRows.value = result.records.map((user) => mapUserRow(user, campusNames, departmentNames))
+    userTotal.value = result.total
   } catch {
     if (requestId !== userRequestId) return
-    roleOptions.value = []
     userRows.value = []
     userTotal.value = 0
     ElMessage.error('员工列表加载失败，请稍后重试')
@@ -250,25 +348,61 @@ async function loadUsers() {
   }
 }
 
-function isMaskedContactValue(value: string | null | undefined) {
-  return Boolean(value?.includes('*'))
+async function loadOrganization() {
+  loading.value = true
+  try {
+    if (isUserMockEnabled) {
+      mapMockUsers()
+    } else {
+      const [campusResult, departmentResult, rolesResult] = await Promise.allSettled([
+        getCampuses(),
+        getAllDepartments(),
+        canAssignRoles.value ? getAssignableRoles() : Promise.resolve([] as RoleRecord[]),
+      ])
+      if (campusResult.status === 'rejected') throw campusResult.reason
+      campuses.value = campusResult.value
+      departments.value = departmentResult.status === 'fulfilled' ? departmentResult.value : []
+      roleOptions.value = rolesResult.status === 'fulfilled' ? rolesResult.value : []
+      roleColorMap.value = Object.fromEntries(
+        roleOptions.value.map((role) => [role.name, role.color ?? '#8a9aa3']),
+      )
+      if (canAssignRoles.value && rolesResult.status === 'rejected') {
+        ElMessage.warning('员工角色选项加载失败，角色绑定暂不可用')
+      }
+      if (departmentResult.status === 'rejected') {
+        ElMessage.warning('科室架构加载失败，员工科室筛选暂不可用')
+      }
+    }
+
+    const preferredCampus = campuses.value.some(
+      (campus) => campus.id === selectedCampusId.value && campus.status !== 'DISABLED',
+    )
+      ? selectedCampusId.value
+      : (campuses.value.find(
+          (campus) => campus.id === appStore.selectedCampusId && campus.status !== 'DISABLED',
+        )?.id ??
+        campuses.value.find((campus) => campus.status !== 'DISABLED')?.id ??
+        campuses.value[0]?.id ??
+        '')
+    selectedCampusId.value = preferredCampus
+    campusCollapsed.value = false
+    if (preferredCampus) appStore.selectCampus(preferredCampus)
+    userPage.value = 1
+    await loadUsers()
+  } catch {
+    loading.value = false
+    ElMessage.error('组织架构加载失败，请稍后重试')
+  }
 }
 
-function showAddUser() {
+function openNewEmployee() {
   if (!canCreateUsers.value) return
   editorInitial.value = null
   editorVisible.value = true
 }
 
-function showImport() {
-  if (!canImportUsers.value) return
-  if (isUserMockEnabled) {
-    ElMessage.info('批量导入需要切换到真实接口模式（VITE_MOCK_USERS=false）')
-    return
-  }
-  importPreview.value = null
-  importJob.value = null
-  importVisible.value = true
+function masked(value: string | null | undefined) {
+  return Boolean(value?.includes('*'))
 }
 
 async function editUser(row: UserTableRow) {
@@ -283,23 +417,23 @@ async function editUser(row: UserTableRow) {
     }
     editorInitial.value = {
       id: user.id,
+      employeeId: user.employeeId,
       username: user.account ?? '',
       password: '',
       displayName: user.name,
       employeeNo: user.employeeNo ?? '',
+      position: user.position ?? '',
+      professionalTitle: user.professionalTitle ?? '',
       phone: user.phone ?? '',
-      phoneMasked: isMaskedContactValue(user.phone),
+      phoneMasked: masked(user.phone),
       email: user.email ?? '',
-      emailMasked: isMaskedContactValue(user.email),
-      campusId:
-        user.campusId ?? campuses.value.find((campus) => campus.name === row.campus)?.id ?? '',
-      departmentId:
-        user.departmentId ??
-        departments.value.find((department) => department.name === row.department)?.id ??
-        '',
+      emailMasked: masked(user.email),
+      campusId: user.campusId ?? row.campusId ?? '',
+      departmentId: user.departmentId ?? row.departmentId ?? '',
       status: user.status,
       roleIds: user.roleIds ?? [],
-      roleLabels: user.roleNames ?? [],
+      roleLabels: user.roleNames ?? row.roleNames ?? [],
+      passwordChangeRequired: user.passwordChangeRequired ?? false,
       clearPhone: false,
       clearEmail: false,
       version: user.version,
@@ -310,12 +444,8 @@ async function editUser(row: UserTableRow) {
   }
 }
 
-function resetPassword(user: UserTableRow) {
+function openResetPassword(user: UserTableRow) {
   if (!canResetPasswords.value) return
-  if (isUserMockEnabled) {
-    ElMessage.info('密码重置需要切换到真实接口模式（VITE_MOCK_USERS=false）')
-    return
-  }
   passwordResetTarget.value = user
   passwordResetVisible.value = true
 }
@@ -323,9 +453,15 @@ function resetPassword(user: UserTableRow) {
 async function handlePasswordReset(payload: {
   newPassword: string
   forceChangeOnNextLogin: boolean
+  reason: string
 }) {
   const target = passwordResetTarget.value
   if (!target) return
+  if (isUserMockEnabled) {
+    passwordResetVisible.value = false
+    ElMessage.success(`员工“${target.name}”的密码已重置`)
+    return
+  }
   passwordResetSaving.value = true
   try {
     await resetUserPassword(target.id, payload)
@@ -339,74 +475,42 @@ async function handlePasswordReset(payload: {
   }
 }
 
-async function handleImportPreview(payload: { file: File; campusId?: string }) {
-  importLoading.value = true
-  importPreview.value = null
-  importJob.value = null
-  try {
-    importPreview.value = await previewUserImport(payload.file, payload.campusId)
-  } catch {
-    ElMessage.error('员工文件校验失败，请检查文件格式和内容')
-  } finally {
-    importLoading.value = false
-  }
-}
-
-async function handleImportCommit() {
-  const preview = importPreview.value
-  if (!preview || preview.invalidRows > 0) return
-  importLoading.value = true
-  try {
-    const job = await commitUserImport({ importId: preview.importId })
-    importJob.value = job
-    try {
-      importJob.value = await getUserImportJob(job.jobId)
-    } catch {
-      // The import is already accepted; a status lookup failure does not undo it.
-    }
-    ElMessage.success('员工导入任务已提交')
-    await loadUsers()
-  } catch {
-    ElMessage.error('员工导入提交失败，请稍后重试')
-  } finally {
-    importLoading.value = false
-  }
-}
-
 function searchUsers() {
   userPage.value = 1
   void loadUsers()
 }
 
 function changeUserPage(nextPage: number) {
-  const pageCount = Math.max(Math.ceil(userTotal.value / userPageSize.value), 1)
+  const pageCount = Math.max(Math.ceil(displayedTotal.value / userPageSize.value), 1)
   if (nextPage < 1 || nextPage > pageCount || nextPage === userPage.value) return
   userPage.value = nextPage
   void loadUsers()
 }
 
-async function deactivateUser(row: UserTableRow) {
-  if (
-    !canDeactivateUsers.value ||
-    row.status !== 'enabled' ||
-    !window.confirm(`确定停用员工“${row.name}”吗？`)
-  )
-    return
-  disablingUserId.value = row.id
-  try {
-    if (isUserMockEnabled) {
-      const target = userRows.value.find((user) => user.id === row.id)
-      if (target) target.status = 'disabled'
-    } else {
-      await deleteUser(row.id)
-      await loadUsers()
-    }
-    ElMessage.success(`员工“${row.name}”已停用`)
-  } catch {
-    ElMessage.error('员工停用失败，请稍后重试')
-  } finally {
-    disablingUserId.value = null
-  }
+function selectCampus(id: string) {
+  const isAlreadySelected = selectedCampusId.value === id && !selectedDepartmentId.value
+  selectedCampusId.value = id
+  selectedDepartmentId.value = null
+  campusCollapsed.value = isAlreadySelected ? !campusCollapsed.value : false
+  appStore.selectCampus(id)
+  userPage.value = 1
+  void loadUsers()
+}
+
+function selectDepartment(department: DepartmentRecord) {
+  const togglingOff = selectedDepartmentId.value === department.id
+  selectedCampusId.value = department.campusId
+  selectedDepartmentId.value = togglingOff ? null : department.id
+  campusCollapsed.value = false
+  appStore.selectCampus(department.campusId)
+  userPage.value = 1
+  void loadUsers()
+}
+
+function getRoleNames(roleIds: string[]) {
+  return roleIds
+    .map((roleId) => roleOptions.value.find((role) => role.id === roleId)?.name)
+    .filter((name): name is string => Boolean(name))
 }
 
 function toBackendUserStatus(value: UserTableRow['status']): BackendUserStatus {
@@ -418,106 +522,98 @@ function toBackendUserStatus(value: UserTableRow['status']): BackendUserStatus {
   return map[value]
 }
 
-function getRoleNames(roleIds: string[]) {
-  return roleIds
-    .map((roleId) => roleOptions.value.find((role) => role.id === roleId)?.name)
-    .filter((name): name is string => Boolean(name))
-}
-
-function getCampusName(id: string) {
-  return campuses.value.find((campus) => campus.id === id)?.name ?? '未指定院区'
-}
-
-function getDepartmentName(id: string) {
-  return departments.value.find((department) => department.id === id)?.name ?? '未指定科室'
-}
-
 async function saveUser(form: UserEditorForm) {
   editorSaving.value = true
   try {
     if (isUserMockEnabled) {
-      const names = getRoleNames(form.roleIds)
+      const roleNames = getRoleNames(form.roleIds)
       const row: UserTableRow = {
         id: form.id ?? `mock-user-${Date.now()}`,
+        employeeId:
+          form.employeeId ??
+          Math.max(1000, ...userRows.value.map((user) => user.employeeId ?? 0)) + 1,
         name: form.displayName,
         account: form.username,
-        employeeNo: form.employeeNo || '—',
+        employeeNo: form.employeeNo,
+        position: form.position,
+        professionalTitle: form.professionalTitle,
         phone: form.phone,
         email: form.email,
-        campus: getCampusName(form.campusId),
+        campus: campuses.value.find((campus) => campus.id === form.campusId)?.name ?? '未指定院区',
         campusId: form.campusId,
-        department: getDepartmentName(form.departmentId),
+        department:
+          departments.value.find((department) => department.id === form.departmentId)?.name ??
+          '未指定科室',
         departmentId: form.departmentId || null,
-        role: names.join('、') || '未分配角色',
-        roleNames: names,
+        role: roleNames.join('、') || '未分配角色',
+        roleNames,
         roleIds: [...form.roleIds],
+        dataScope: roleScope(form.roleIds, roleNames),
         status: form.status,
         version: form.version,
       }
       const index = userRows.value.findIndex((item) => item.id === row.id)
       if (index === -1) userRows.value.unshift(row)
       else userRows.value[index] = row
-    } else {
-      const payload = {
-        displayName: form.displayName,
-        employeeNo: form.employeeNo || undefined,
-        ...(form.phoneMasked
-          ? {}
-          : form.clearPhone
-            ? { clearPhone: true }
-            : { phone: form.phone || undefined }),
-        ...(form.emailMasked
-          ? {}
-          : form.clearEmail
-            ? { clearEmail: true }
-            : { email: form.email || undefined }),
-        campusId: form.campusId,
-        departmentId: form.departmentId || null,
-        status: toBackendUserStatus(form.status),
-        expectedVersion: form.version,
-      }
-      let rolesFailed = false
-      if (form.id) {
-        await updateUser(form.id, payload)
-        if (canAssignRoles.value) {
-          try {
-            await updateUserRoles(form.id, { roleIds: form.roleIds })
-            if (form.id === loginStore.user?.id) await loginStore.refreshAuthorization()
-          } catch {
-            rolesFailed = true
-          }
-        }
-      } else {
-        const createdUser = await createUser({
-          username: form.username,
-          password: form.password,
-          displayName: form.displayName,
-          employeeNo: form.employeeNo || undefined,
-          phone: form.phone || undefined,
-          email: form.email || undefined,
-          campusId: form.campusId,
-          departmentId: form.departmentId || null,
-          status: toBackendUserStatus(form.status),
-        })
-        if (canAssignRoles.value && form.roleIds.length) {
-          try {
-            await updateUserRoles(createdUser.id, { roleIds: form.roleIds })
-          } catch {
-            rolesFailed = true
-          }
-        }
-      }
-      await loadUsers()
       editorVisible.value = false
-      if (rolesFailed) {
-        ElMessage.warning('员工资料已保存，但角色绑定失败，请重新编辑角色')
-      } else {
-        ElMessage.success(form.id ? '员工资料已更新' : '员工已创建')
-      }
+      ElMessage.success(form.id ? '员工资料已更新' : '员工已创建')
       return
     }
+
+    const sharedPayload = {
+      displayName: form.displayName,
+      employeeNo: form.employeeNo,
+      position: form.position || undefined,
+      professionalTitle: form.professionalTitle || undefined,
+      ...(form.phoneMasked
+        ? {}
+        : form.clearPhone
+          ? { clearPhone: true }
+          : { phone: form.phone || undefined }),
+      ...(form.emailMasked
+        ? {}
+        : form.clearEmail
+          ? { clearEmail: true }
+          : { email: form.email || undefined }),
+      campusId: form.campusId,
+      departmentId: form.departmentId || null,
+      status: toBackendUserStatus(form.status),
+      ...(form.id ? { expectedVersion: form.version } : {}),
+    }
+    let rolesFailed = false
+    if (form.id) {
+      await updateUser(form.id, sharedPayload)
+      if (canAssignRoles.value) {
+        try {
+          await updateUserRoles(form.id, { roleIds: form.roleIds })
+          if (form.id === loginStore.user?.id) await loginStore.refreshAuthorization()
+        } catch {
+          rolesFailed = true
+        }
+      }
+    } else {
+      const createdUser = await createUser({
+        ...sharedPayload,
+        username: form.username,
+        password: form.password,
+        passwordChangeRequired: form.passwordChangeRequired ?? true,
+      })
+      if (canAssignRoles.value && form.roleIds.length) {
+        try {
+          await updateUserRoles(createdUser.id, { roleIds: form.roleIds })
+        } catch {
+          rolesFailed = true
+        }
+      }
+    }
     editorVisible.value = false
-    ElMessage.success(form.id ? '员工资料已更新' : '员工已创建')
+    userPage.value = 1
+    await loadUsers()
+    if (rolesFailed) {
+      ElMessage.warning('员工资料已保存，但角色绑定失败，请重新编辑角色')
+    } else {
+      ElMessage.success(form.id ? '员工资料已更新' : '员工已创建')
+    }
   } catch {
     ElMessage.error(form.id ? '员工更新失败，请稍后重试' : '员工创建失败，请稍后重试')
   } finally {
@@ -525,86 +621,172 @@ async function saveUser(form: UserEditorForm) {
   }
 }
 
+function openAddCampus() {
+  organizationDialogKind.value = 'campus'
+  organizationDialogInitial.value = null
+  organizationDialogVisible.value = true
+}
+
+function openAddDepartment() {
+  organizationDialogKind.value = 'department'
+  organizationDialogInitial.value = null
+  organizationDialogVisible.value = true
+}
+
+function editCampus(campus: CampusRecord) {
+  organizationDialogKind.value = 'campus'
+  organizationDialogInitial.value = campus
+  organizationDialogVisible.value = true
+}
+
+function editDepartment(department: DepartmentRecord) {
+  organizationDialogKind.value = 'department'
+  organizationDialogInitial.value = department
+  organizationDialogVisible.value = true
+}
+
+async function saveOrganizationNode(form: OrganizationNodeSave) {
+  organizationSaving.value = true
+  try {
+    if (form.kind === 'campus') {
+      const campus = form.id
+        ? await updateCampus(form.id, form.payload)
+        : await createCampus(form.payload)
+      await appStore.loadCampuses(true)
+      if (!form.id) selectedCampusId.value = campus.id
+    } else {
+      const department = form.id
+        ? await updateDepartment(form.id, form.payload)
+        : await createDepartment(form.payload)
+      selectedCampusId.value = department.campusId
+      if (!form.id) selectedDepartmentId.value = department.id
+    }
+    organizationDialogVisible.value = false
+    await loadOrganization()
+    ElMessage.success(form.id ? '组织信息已更新' : '组织节点已创建')
+  } catch {
+    ElMessage.error('组织信息保存失败，请检查编码是否重复或所属院区是否有效')
+  } finally {
+    organizationSaving.value = false
+  }
+}
+
 watch(
-  () => appStore.selectedCampus,
-  () => {
+  () => appStore.selectedCampusId,
+  (campusId) => {
+    if (
+      !campusId ||
+      campusId === selectedCampusId.value ||
+      !campuses.value.some((campus) => campus.id === campusId)
+    ) {
+      return
+    }
+    selectedCampusId.value = campusId
+    selectedDepartmentId.value = null
+    campusCollapsed.value = false
     userPage.value = 1
     void loadUsers()
   },
 )
 
-onMounted(loadUsers)
+onMounted(loadOrganization)
 </script>
 
 <template>
-  <section class="users-page">
-    <div v-if="loading" class="loading-card" aria-label="正在加载员工">
+  <section class="organization-page">
+    <div class="organization-toolbar">
+      <div class="organization-search">
+        <span aria-hidden="true">⌕</span>
+        <input
+          v-model="keyword"
+          type="search"
+          placeholder="关键词：姓名 / ID / 工号"
+          aria-label="按姓名、系统 ID 或工号搜索员工"
+          @keydown.enter.prevent="searchUsers"
+        />
+      </div>
+      <button type="button" class="org-button org-button--ghost" @click="searchUsers">查询</button>
+      <span class="toolbar-spacer" />
+      <button v-if="canCreateUsers" type="button" class="org-button" @click="openNewEmployee">
+        ＋新增员工
+      </button>
+    </div>
+
+    <div v-if="loading && !campuses.length" class="loading-card" aria-label="正在加载组织架构">
       <span v-for="index in 4" :key="index" />
     </div>
 
-    <section v-else class="page-card">
-      <div class="card-heading">
-        <div>
-          <h2>员工列表</h2>
-          <p>员工资料在组织管理中维护，权限与数据范围由角色统一配置。</p>
-        </div>
-        <span class="heading-spacer" />
-        <input
-          v-model="keyword"
-          class="user-search"
-          type="search"
-          placeholder="搜索姓名 / 工号"
-          aria-label="搜索姓名或工号"
-          @keydown.enter.prevent="searchUsers"
-        />
-        <button type="button" class="table-button" @click="searchUsers">查询</button>
-        <button v-if="canCreateUsers" type="button" class="table-button" @click="showAddUser">
-          ＋新增员工
-        </button>
-        <button v-if="canImportUsers" type="button" class="table-button" @click="showImport">
-          批量导入
-        </button>
-      </div>
-      <UserTable
-        :rows="visibleUsers"
-        :role-colors="roleColorMap"
-        :disabling-id="disablingUserId"
-        :can-edit="canEditUsers"
-        :can-reset-password="canResetPasswords"
-        :can-deactivate="canDeactivateUsers"
-        @edit="editUser"
-        @reset-password="resetPassword"
-        @deactivate="deactivateUser"
+    <div v-else class="organization-layout">
+      <OrganizationTree
+        :campuses="campuses"
+        :departments="departments"
+        :selected-campus-id="selectedCampusId"
+        :selected-department-id="selectedDepartmentId"
+        :collapsed="campusCollapsed"
+        :can-manage-campuses="canManageCampuses"
+        :can-manage-departments="canManageDepartments"
+        @select-campus="selectCampus"
+        @select-department="selectDepartment"
+        @add-campus="openAddCampus"
+        @add-department="openAddDepartment"
+        @edit-campus="editCampus"
+        @edit-department="editDepartment"
       />
-      <div v-if="!isUserMockEnabled && userTotal" class="table-pagination">
-        <span>共 {{ userTotal }} 条</span>
-        <button
-          type="button"
-          class="table-button"
-          :disabled="userPage <= 1 || loading"
-          @click="changeUserPage(userPage - 1)"
-        >
-          上一页
-        </button>
-        <span>第 {{ userPage }} / {{ Math.max(Math.ceil(userTotal / userPageSize), 1) }} 页</span>
-        <button
-          type="button"
-          class="table-button"
-          :disabled="userPage >= Math.ceil(userTotal / userPageSize) || loading"
-          @click="changeUserPage(userPage + 1)"
-        >
-          下一页
-        </button>
-      </div>
-    </section>
+
+      <section class="employee-card">
+        <header class="employee-card__heading">
+          <strong>
+            员工列表 · {{ selectedCampus?.name ?? '全部院区' }}
+            {{ selectedDepartment ? `· ${selectedDepartment.name}` : '（全部科室）' }}
+          </strong>
+          <span class="employee-count">{{ displayedTotal }} 人</span>
+          <span class="heading-spacer" />
+        </header>
+        <div v-if="loading" class="table-loading">正在加载员工…</div>
+        <UserTable
+          v-else
+          :rows="displayedUsers"
+          :role-colors="roleColorMap"
+          :can-edit="canEditUsers"
+          :can-reset-password="canResetPasswords"
+          @edit="editUser"
+          @reset-password="openResetPassword"
+        />
+        <div v-if="displayedTotal" class="table-pagination">
+          <span>共 {{ displayedTotal }} 人</span>
+          <button
+            type="button"
+            class="org-button org-button--small org-button--ghost"
+            :disabled="userPage <= 1 || loading"
+            @click="changeUserPage(userPage - 1)"
+          >
+            上一页
+          </button>
+          <span
+            >第 {{ userPage }} /
+            {{ Math.max(Math.ceil(displayedTotal / userPageSize), 1) }} 页</span
+          >
+          <button
+            type="button"
+            class="org-button org-button--small org-button--ghost"
+            :disabled="userPage >= Math.ceil(displayedTotal / userPageSize) || loading"
+            @click="changeUserPage(userPage + 1)"
+          >
+            下一页
+          </button>
+        </div>
+      </section>
+    </div>
 
     <UserEditorDialog
       :visible="editorVisible"
       :initial="editorInitial"
-      :campuses="campuses"
-      :departments="departments"
+      :campuses="campuses.filter((campus) => campus.status !== 'DISABLED')"
+      :departments="departments.filter((department) => department.status !== 'DISABLED')"
       :roles="roleOptions"
       :can-assign-roles="canBindRoles"
+      :default-campus-id="selectedCampusId"
+      :default-department-id="selectedDepartmentId"
       :saving="editorSaving"
       @close="editorVisible = false"
       @save="saveUser"
@@ -612,131 +794,237 @@ onMounted(loadUsers)
     <UserPasswordResetDialog
       :visible="passwordResetVisible"
       :user-name="passwordResetTarget?.name ?? ''"
+      :employee-id="passwordResetTarget?.employeeId"
+      :employee-no="passwordResetTarget?.employeeNo"
       :saving="passwordResetSaving"
       @close="passwordResetVisible = false"
       @reset="handlePasswordReset"
     />
-    <UserImportDialog
-      :visible="importVisible"
+    <OrganizationNodeDialog
+      :visible="organizationDialogVisible"
+      :kind="organizationDialogKind"
       :campuses="campuses"
-      :default-campus-id="campuses.find((campus) => campus.name === appStore.selectedCampus)?.id"
-      :preview="importPreview"
-      :job="importJob"
-      :loading="importLoading"
-      @close="importVisible = false"
-      @preview="handleImportPreview"
-      @commit="handleImportCommit"
+      :departments="departments"
+      :initial="organizationDialogInitial"
+      :default-campus-id="selectedCampusId"
+      :saving="organizationSaving"
+      @close="organizationDialogVisible = false"
+      @save="saveOrganizationNode"
     />
   </section>
 </template>
 
 <style scoped>
-.users-page {
+.organization-page {
+  display: grid;
+  gap: 14px;
   width: 100%;
-  max-width: 1440px;
+  max-width: 1760px;
   margin: 0 auto;
 }
-.page-card {
-  padding: 16px 18px;
-  background: var(--card);
-  border-radius: var(--r);
-  box-shadow: var(--sh);
-}
-.card-heading {
+
+.organization-toolbar {
   display: flex;
   gap: 10px;
   align-items: center;
-  margin-bottom: 14px;
+  flex-wrap: wrap;
+  padding: 14px 16px;
+  background: #fff;
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  box-shadow: var(--sh-card);
 }
-.card-heading h2 {
-  margin: 0;
-  color: var(--ink);
-  font-size: 14.5px;
-  line-height: 1.4;
+
+.organization-search {
+  position: relative;
+  flex: 0 0 320px;
+  max-width: 100%;
 }
-.card-heading p {
-  margin: 5px 0 0;
+
+.organization-search span {
+  position: absolute;
+  top: 50%;
+  left: 12px;
   color: var(--mut);
-  font-size: 12px;
+  font-size: 17px;
+  transform: translateY(-53%);
+  pointer-events: none;
 }
+
+.organization-search input {
+  width: 100%;
+  height: 36px;
+  padding: 0 12px 0 36px;
+  color: var(--ink);
+  font: inherit;
+  font-size: 12.5px;
+  background: #f7fbfc;
+  border: 1px solid #e2ecf1;
+  border-radius: 9px;
+}
+
+.organization-search input:focus {
+  outline: none;
+  background: #fff;
+  border-color: var(--brand);
+  box-shadow: 0 0 0 3px rgb(14 110 140 / 10%);
+}
+
+.toolbar-spacer,
 .heading-spacer {
   flex: 1;
 }
-.user-search {
-  width: 180px;
-  padding: 6px 10px;
-  color: var(--ink);
+
+.org-button {
+  min-height: 34px;
+  padding: 7px 13px;
+  color: #fff;
   font-size: 12.5px;
+  font-weight: 700;
+  white-space: nowrap;
+  background: var(--brand);
+  border: 1px solid var(--brand);
+  border-radius: 7px;
+}
+
+.org-button:hover {
+  filter: brightness(0.96);
+}
+
+.org-button--ghost {
+  color: var(--brand);
+  background: #fff;
+}
+
+.org-button--small {
+  min-height: 28px;
+  padding: 4px 9px;
+  font-size: 11.5px;
+}
+
+.org-button:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.organization-layout {
+  display: grid;
+  grid-template-columns: 302px minmax(0, 1fr);
+  gap: 14px;
+  align-items: start;
+}
+
+.employee-card {
+  min-width: 0;
+  padding: 16px;
+  overflow: hidden;
   background: #fff;
   border: 1px solid var(--line);
-  border-radius: 6px;
+  border-radius: 12px;
+  box-shadow: var(--sh-card);
 }
-.user-search:focus {
-  outline: none;
-  border-color: var(--brand);
+
+.employee-card__heading {
+  display: flex;
+  gap: 9px;
+  align-items: center;
+  padding-bottom: 12px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid #eef4f6;
 }
-.table-button {
-  padding: 4px 10px;
+
+.employee-card__heading strong {
+  position: relative;
+  padding-left: 11px;
+  overflow: hidden;
+  color: var(--ink);
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.employee-card__heading strong::before {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 3px;
+  height: 14px;
+  content: '';
+  background: var(--brand);
+  border-radius: 2px;
+  transform: translateY(-50%);
+}
+
+.employee-count {
+  flex: 0 0 auto;
+  padding: 2px 10px;
   color: var(--brand);
-  font-size: 12px;
-  background: #fff;
-  border: 1px solid var(--brand);
-  border-radius: 5px;
-}
-.table-button:hover {
+  font-size: 11.5px;
+  font-weight: 700;
   background: var(--brand-l);
+  border-radius: 20px;
 }
+
+.table-loading {
+  padding: 34px;
+  color: var(--mut);
+  font-size: 12.5px;
+  text-align: center;
+}
+
 .table-pagination {
   display: flex;
-  gap: 10px;
+  gap: 12px;
   align-items: center;
   justify-content: flex-end;
-  padding-top: 14px;
+  padding-top: 12px;
   color: var(--mut);
-  font-size: 12px;
-}
-.table-pagination .table-button:disabled {
-  cursor: not-allowed;
-  opacity: 0.55;
+  font-size: 11.5px;
 }
+
 .loading-card {
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 12px;
+  gap: 10px;
+  padding: 24px;
+  background: #fff;
+  border: 1px solid var(--line);
+  border-radius: 12px;
 }
+
 .loading-card span {
-  display: block;
-  height: 116px;
-  background: linear-gradient(90deg, #edf3f5 25%, #f7fafb 37%, #edf3f5 63%);
+  height: 24px;
+  background: linear-gradient(90deg, #f3f7f8 25%, #eaf1f3 45%, #f3f7f8 65%);
   background-size: 400% 100%;
-  border-radius: 10px;
-  box-shadow: var(--sh);
-  animation: skeleton-shimmer 1.4s ease infinite;
+  border-radius: 5px;
+  animation: shimmer 1.4s ease infinite;
 }
-@keyframes skeleton-shimmer {
+
+@keyframes shimmer {
   0% {
     background-position: 100% 0;
   }
   100% {
-    background-position: -100% 0;
+    background-position: 0 0;
   }
 }
-@media (max-width: 900px) {
-  .card-heading {
-    align-items: flex-start;
-    flex-wrap: wrap;
-  }
-  .heading-spacer {
-    display: none;
-  }
-  .user-search {
-    flex: 1;
-    min-width: 180px;
-  }
-}
-@media (max-width: 600px) {
-  .loading-card {
+
+@media (max-width: 1150px) {
+  .organization-layout {
     grid-template-columns: 1fr;
   }
 }
+
+@media (max-width: 600px) {
+  .organization-search {
+    flex-basis: 100%;
+  }
+
+  .organization-toolbar {
+    padding: 11px;
+  }
+
+  .employee-card {
+    padding: 11px;
+  }
+}
 </style>
diff --git a/clinical-web/src/views/management/users/mock.ts b/clinical-web/src/views/management/users/mock.ts
index 840972d..320dd72 100644
--- a/clinical-web/src/views/management/users/mock.ts
+++ b/clinical-web/src/views/management/users/mock.ts
@@ -10,65 +10,186 @@ export const roleColors: Record<string, string> = {
 export const users: UserTableRow[] = [
   {
     id: 'user-001',
+    employeeId: 1002,
     name: '张文静',
     employeeNo: '10234',
     campus: '本部院区',
     department: '医务处',
+    position: '医务管理',
+    professionalTitle: '主任医师',
+    phone: '138****5678',
     role: '医务管理',
     status: 'enabled',
   },
   {
     id: 'user-002',
-    name: '刘明辉',
-    employeeNo: '10301',
+    employeeId: 1003,
+    name: '吴敏',
+    employeeNo: '10235',
     campus: '本部院区',
-    department: '放射科',
-    role: '科室签署员',
+    department: '医务处',
+    position: '医务干事',
+    professionalTitle: '主治医师',
+    phone: '139****0092',
+    role: '医务管理',
     status: 'enabled',
   },
   {
     id: 'user-003',
-    name: '王芳',
-    employeeNo: '10455',
+    employeeId: 1004,
+    name: '刘明辉',
+    employeeNo: '10301',
     campus: '本部院区',
-    department: '心内科',
+    department: '放射科',
+    position: '放射科医师',
+    professionalTitle: '副主任医师',
+    phone: '137****8845',
     role: '科室签署员',
     status: 'enabled',
   },
   {
     id: 'user-004',
-    name: '李国栋',
-    employeeNo: '10512',
-    campus: '东院区',
-    department: '骨科',
+    employeeId: 1005,
+    name: '高倩',
+    employeeNo: '10302',
+    campus: '本部院区',
+    department: '放射科',
+    position: '登记员',
+    professionalTitle: '技师',
+    phone: '150****3311',
     role: '科室签署员',
     status: 'enabled',
   },
   {
     id: 'user-005',
-    name: '陈晓云',
-    employeeNo: '10188',
+    employeeId: 1006,
+    name: '王芳',
+    employeeNo: '10455',
     campus: '本部院区',
-    department: '信息科',
-    role: '系统管理员',
+    department: '心内科',
+    position: '心内科医师',
+    professionalTitle: '主治医师',
+    phone: '136****7789',
+    role: '科室签署员',
     status: 'enabled',
   },
   {
     id: 'user-006',
+    employeeId: 1008,
+    name: '钱进',
+    employeeNo: '10520',
+    campus: '本部院区',
+    department: '骨科',
+    position: '骨科医师',
+    professionalTitle: '主任医师',
+    phone: '188****2210',
+    role: '科室签署员',
+    status: 'enabled',
+  },
+  {
+    id: 'user-007',
+    employeeId: 1001,
+    name: '陈晓云',
+    account: 'admin',
+    employeeNo: '10188',
+    campus: '本部院区',
+    department: '信息科',
+    position: '系统管理员',
+    professionalTitle: '工程师',
+    phone: '150****6644',
+    role: '系统管理员',
+    status: 'enabled',
+  },
+  {
+    id: 'user-008',
+    employeeId: 1011,
+    name: '孙立',
+    account: 'sunli',
+    employeeNo: '10733',
+    campus: '本部院区',
+    department: '纪检监察室',
+    position: '审计专员',
+    professionalTitle: '—',
+    phone: '139****6621',
+    role: '查询审计员',
+    status: 'enabled',
+  },
+  {
+    id: 'user-009',
+    employeeId: 1007,
+    name: '李国栋',
+    employeeNo: '10512',
+    campus: '东院区',
+    department: '骨科',
+    position: '骨科医师',
+    professionalTitle: '副主任医师',
+    phone: '135****9051',
+    role: '科室签署员',
+    status: 'enabled',
+  },
+  {
+    id: 'user-010',
+    employeeId: 1009,
     name: '赵雪梅',
     employeeNo: '10602',
     campus: '东院区',
     department: '健康管理中心',
+    position: '体检医师',
+    professionalTitle: '主治医师',
+    phone: '187****3345',
     role: '科室签署员',
     status: 'disabled',
   },
   {
-    id: 'user-007',
-    name: '孙立',
-    employeeNo: '10733',
-    campus: '本部院区',
-    department: '纪检监察室',
-    role: '查询审计员',
+    id: 'user-011',
+    employeeId: 1010,
+    name: '孙浩然',
+    employeeNo: '10701',
+    campus: '西院区',
+    department: '消化内科',
+    position: '消化科医师',
+    professionalTitle: '住院医师',
+    phone: '150****4468',
+    role: '科室签署员',
+    status: 'enabled',
+  },
+  {
+    id: 'user-012',
+    employeeId: 1012,
+    name: '顾建平',
+    employeeNo: '20101',
+    campus: '崇明院区',
+    department: '内科',
+    position: '内科医师',
+    professionalTitle: '主任医师',
+    phone: '139****1120',
+    role: '科室签署员',
+    status: 'enabled',
+  },
+  {
+    id: 'user-013',
+    employeeId: 1013,
+    name: '黄丽',
+    employeeNo: '20102',
+    campus: '崇明院区',
+    department: '内科',
+    position: '护理组长',
+    professionalTitle: '主管护师',
+    phone: '137****5561',
+    role: '科室签署员',
+    status: 'enabled',
+  },
+  {
+    id: 'user-014',
+    employeeId: 1014,
+    name: '沈涛',
+    employeeNo: '20105',
+    campus: '崇明院区',
+    department: '放射科',
+    position: '放射科医师',
+    professionalTitle: '主治医师',
+    phone: '150****7782',
+    role: '科室签署员',
     status: 'enabled',
   },
 ]
diff --git a/clinical-web/src/views/management/users/types.ts b/clinical-web/src/views/management/users/types.ts
index 081782d..8a5abd3 100644
--- a/clinical-web/src/views/management/users/types.ts
+++ b/clinical-web/src/views/management/users/types.ts
@@ -2,9 +2,12 @@ export type UserStatus = 'enabled' | 'disabled' | 'locked'
 
 export interface UserTableRow {
   id: string
+  employeeId?: number | null
   name: string
   account?: string
   employeeNo: string
+  position?: string | null
+  professionalTitle?: string | null
   phone?: string
   email?: string
   campus: string
@@ -14,16 +17,21 @@ export interface UserTableRow {
   role: string
   roleNames?: string[]
   roleIds?: string[]
+  dataScope?: string
+  passwordChangeRequired?: boolean
   status: UserStatus
   version?: number
 }
 
 export interface UserEditorForm {
   id?: string
+  employeeId?: number | null
   username: string
   password: string
   displayName: string
   employeeNo: string
+  position: string
+  professionalTitle: string
   phone: string
   phoneMasked?: boolean
   email: string
@@ -33,6 +41,7 @@ export interface UserEditorForm {
   status: UserStatus
   roleIds: string[]
   roleLabels?: string[]
+  passwordChangeRequired?: boolean
   clearPhone?: boolean
   clearEmail?: boolean
   version?: number