diff --git a/components.d.ts b/components.d.ts
index affcc3d..152f21a 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -7,6 +7,7 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    Auth: typeof import('./src/components/Auth/index.vue')['default']
     CuDateQuery: typeof import('./src/components/cu-date-query/index.vue')['default']
     CuPicker: typeof import('./src/components/cu-picker/index.vue')['default']
     CustomNavbar: typeof import('./src/components/custom-navbar/index.vue')['default']
@@ -18,7 +19,9 @@ declare module 'vue' {
     QiunDataCharts: typeof import('./src/components/qiun-data-charts/qiun-data-charts.vue')['default']
     QiunError: typeof import('./src/components/qiun-error/qiun-error.vue')['default']
     QiunLoading: typeof import('./src/components/qiun-loading/qiun-loading.vue')['default']
+    WdBadge: typeof import('wot-design-uni/components/wd-badge/wd-badge.vue')['default']
     WdButton: typeof import('wot-design-uni/components/wd-button/wd-button.vue')['default']
+    WdCalendar: typeof import('wot-design-uni/components/wd-calendar/wd-calendar.vue')['default']
     WdCard: typeof import('wot-design-uni/components/wd-card/wd-card.vue')['default']
     WdCell: typeof import('wot-design-uni/components/wd-cell/wd-cell.vue')['default']
     WdCellGroup: typeof import('wot-design-uni/components/wd-cell-group/wd-cell-group.vue')['default']
@@ -26,6 +29,9 @@ declare module 'vue' {
     WdCollapse: typeof import('wot-design-uni/components/wd-collapse/wd-collapse.vue')['default']
     WdCollapseItem: typeof import('wot-design-uni/components/wd-collapse-item/wd-collapse-item.vue')['default']
     WdConfigProvider: typeof import('wot-design-uni/components/wd-config-provider/wd-config-provider.vue')['default']
+    WdDropMenu: typeof import('wot-design-uni/components/wd-drop-menu/wd-drop-menu.vue')['default']
+    WdDropMenuItem: typeof import('wot-design-uni/components/wd-drop-menu-item/wd-drop-menu-item.vue')['default']
+    WdFab: typeof import('wot-design-uni/components/wd-fab/wd-fab.vue')['default']
     WdForm: typeof import('wot-design-uni/components/wd-form/wd-form.vue')['default']
     WdFormItem: typeof import('wot-design-uni/components/wd-form-item/wd-form-item.vue')['default']
     WdGrid: typeof import('wot-design-uni/components/wd-grid/wd-grid.vue')['default']
@@ -34,20 +40,26 @@ declare module 'vue' {
     WdImg: typeof import('wot-design-uni/components/wd-img/wd-img.vue')['default']
     WdImgCropper: typeof import('wot-design-uni/components/wd-img-cropper/wd-img-cropper.vue')['default']
     WdInput: typeof import('wot-design-uni/components/wd-input/wd-input.vue')['default']
+    WdInputNumber: typeof import('wot-design-uni/components/wd-input-number/wd-input-number.vue')['default']
     WdLoading: typeof import('wot-design-uni/components/wd-loading/wd-loading.vue')['default']
+    WdLoadmore: typeof import('wot-design-uni/components/wd-loadmore/wd-loadmore.vue')['default']
     WdMessageBox: typeof import('wot-design-uni/components/wd-message-box/wd-message-box.vue')['default']
     WdNoticeBar: typeof import('wot-design-uni/components/wd-notice-bar/wd-notice-bar.vue')['default']
     WdNotify: typeof import('wot-design-uni/components/wd-notify/wd-notify.vue')['default']
+    WdPicker: typeof import('wot-design-uni/components/wd-picker/wd-picker.vue')['default']
     WdPopup: typeof import('wot-design-uni/components/wd-popup/wd-popup.vue')['default']
     WdProgress: typeof import('wot-design-uni/components/wd-progress/wd-progress.vue')['default']
     WdRadio: typeof import('wot-design-uni/components/wd-radio/wd-radio.vue')['default']
     WdRadioGroup: typeof import('wot-design-uni/components/wd-radio-group/wd-radio-group.vue')['default']
     WdSearch: typeof import('wot-design-uni/components/wd-search/wd-search.vue')['default']
+    WdSelectPicker: typeof import('wot-design-uni/components/wd-select-picker/wd-select-picker.vue')['default']
     WdStatusTip: typeof import('wot-design-uni/components/wd-status-tip/wd-status-tip.vue')['default']
     WdSwiper: typeof import('wot-design-uni/components/wd-swiper/wd-swiper.vue')['default']
     WdSwitch: typeof import('wot-design-uni/components/wd-switch/wd-switch.vue')['default']
+    WdTab: typeof import('wot-design-uni/components/wd-tab/wd-tab.vue')['default']
     WdTabbar: typeof import('wot-design-uni/components/wd-tabbar/wd-tabbar.vue')['default']
     WdTabbarItem: typeof import('wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue')['default']
+    WdTabs: typeof import('wot-design-uni/components/wd-tabs/wd-tabs.vue')['default']
     WdTag: typeof import('wot-design-uni/components/wd-tag/wd-tag.vue')['default']
     WdText: typeof import('wot-design-uni/components/wd-text/wd-text.vue')['default']
     WdTextarea: typeof import('wot-design-uni/components/wd-textarea/wd-textarea.vue')['default']
diff --git a/src/api/config.ts b/src/api/config.ts
new file mode 100644
index 0000000..d1c97a9
--- /dev/null
+++ b/src/api/config.ts
@@ -0,0 +1,104 @@
+import request from "@/utils/request";
+
+const CONFIG_BASE_URL = "/api/v1/configs";
+
+const ConfigAPI = {
+  /** 获取系统配置分页数据 */
+  getPage(queryParams: ConfigPageQuery) {
+    return request<any>({
+      url: `${CONFIG_BASE_URL}`,
+      method: "GET",
+      data: queryParams,
+    });
+  },
+  /**
+   * 获取系统配置表单数据
+   *
+   * @param id ConfigID
+   * @returns Config表单数据
+   */
+  getFormData(id: number) {
+    return request<ConfigForm>({
+      url: `${CONFIG_BASE_URL}/${id}/form`,
+      method: "GET",
+    });
+  },
+
+  /** 添加系统配置*/
+  add(data: ConfigForm) {
+    return request({
+      url: `${CONFIG_BASE_URL}`,
+      method: "POST",
+      data: data,
+    });
+  },
+
+  /**
+   * 更新系统配置
+   *
+   * @param id ConfigID
+   * @param data Config表单数据
+   */
+  update(id: number, data: ConfigForm) {
+    return request({
+      url: `${CONFIG_BASE_URL}/${id}`,
+      method: "PUT",
+      data: data,
+    });
+  },
+
+  /**
+   * 删除系统配置
+   *
+   * @param ids 系统配置ID
+   */
+  deleteById(id: number) {
+    return request({
+      url: `${CONFIG_BASE_URL}/${id}`,
+      method: "DELETE",
+    });
+  },
+
+  refreshCache() {
+    return request({
+      url: `${CONFIG_BASE_URL}/refresh`,
+      method: "PUT",
+    });
+  },
+};
+
+export default ConfigAPI;
+
+/** $系统配置分页查询参数 */
+export interface ConfigPageQuery extends PageQuery {
+  /** 搜索关键字 */
+  keywords?: string;
+}
+
+/** 系统配置表单对象 */
+export interface ConfigForm {
+  /** 主键 */
+  id?: number;
+  /** 配置名称 */
+  configName?: string;
+  /** 配置键 */
+  configKey?: string;
+  /** 配置值 */
+  configValue?: string;
+  /** 描述、备注 */
+  remark?: string;
+}
+
+/** 系统配置分页对象 */
+export interface ConfigPageVO {
+  /** 主键 */
+  id?: number;
+  /** 配置名称 */
+  configName?: string;
+  /** 配置键 */
+  configKey?: string;
+  /** 配置值 */
+  configValue?: string;
+  /** 描述、备注 */
+  remark?: string;
+}
diff --git a/src/api/dept.ts b/src/api/dept.ts
new file mode 100644
index 0000000..cdbd165
--- /dev/null
+++ b/src/api/dept.ts
@@ -0,0 +1,130 @@
+import request from "@/utils/request";
+
+const DEPT_BASE_URL = "/api/v1/dept";
+
+const DeptAPI = {
+  /**
+   * 获取部门列表
+   *
+   * @param queryParams 查询参数（可选）
+   * @returns 部门树形表格数据
+   */
+  getList(queryParams?: DeptQuery) {
+    return request<DeptVO[]>({
+      url: `${DEPT_BASE_URL}`,
+      method: "GET",
+      data: queryParams,
+    });
+  },
+
+  /** 获取部门下拉列表 */
+  getOptions() {
+    return request<OptionType[]>({
+      url: `${DEPT_BASE_URL}/options`,
+      method: "GET",
+    });
+  },
+
+  /**
+   * 获取部门表单数据
+   *
+   * @param id 部门ID
+   * @returns 部门表单数据
+   */
+  getFormData(id: number) {
+    return request<DeptForm>({
+      url: `${DEPT_BASE_URL}/${id}/form`,
+      method: "GET",
+    });
+  },
+
+  /**
+   * 新增部门
+   *
+   * @param data 部门表单数据
+   * @returns 请求结果
+   */
+  add(data: DeptForm) {
+    return request({
+      url: `${DEPT_BASE_URL}`,
+      method: "POST",
+      data: data,
+    });
+  },
+
+  /**
+   * 修改部门
+   *
+   * @param id 部门ID
+   * @param data 部门表单数据
+   * @returns 请求结果
+   */
+  update(id: number, data: DeptForm) {
+    return request({
+      url: `${DEPT_BASE_URL}/${id}`,
+      method: "PUT",
+      data: data,
+    });
+  },
+
+  /**
+   * 删除部门
+   *
+   * @param ids 部门ID，多个以英文逗号(,)分隔
+   * @returns 请求结果
+   */
+  deleteByIds(ids: string) {
+    return request({
+      url: `${DEPT_BASE_URL}/${ids}`,
+      method: "DELETE",
+    });
+  },
+};
+
+export default DeptAPI;
+
+/** 部门查询参数 */
+export interface DeptQuery {
+  /** 搜索关键字 */
+  keywords?: string;
+  /** 状态 */
+  status?: number;
+}
+
+/** 部门类型 */
+export interface DeptVO {
+  /** 子部门 */
+  children?: DeptVO[];
+  /** 创建时间 */
+  createTime?: Date;
+  /** 部门ID */
+  id?: number;
+  /** 部门名称 */
+  name?: string;
+  /** 部门编号 */
+  code?: string;
+  /** 父部门ID */
+  parentId?: number;
+  /** 排序 */
+  sort?: number;
+  /** 状态(1:启用；0:禁用) */
+  status?: number;
+  /** 修改时间 */
+  updateTime?: Date;
+}
+
+/** 部门表单类型 */
+export interface DeptForm {
+  /** 部门ID(新增不填) */
+  id?: number;
+  /** 部门名称 */
+  name?: string;
+  /** 部门编号 */
+  code?: string;
+  /** 父部门ID */
+  parentId: number;
+  /** 排序 */
+  sort?: number;
+  /** 状态(1:启用；0：禁用) */
+  status?: number;
+}
diff --git a/src/api/log.ts b/src/api/log.ts
new file mode 100644
index 0000000..5e17546
--- /dev/null
+++ b/src/api/log.ts
@@ -0,0 +1,123 @@
+import request from "@/utils/request";
+
+const LOG_BASE_URL = "/api/v1/logs";
+const STATISTICS_BASE_URL = "/api/v1/statistics";
+
+const LogAPI = {
+  /**
+   * 获取日志分页列表
+   *
+   * @param queryParams 查询参数
+   */
+  getPage(queryParams?: LogPageQuery) {
+    return request<any>({
+      url: `${LOG_BASE_URL}`,
+      method: "GET",
+      data: queryParams,
+    });
+  },
+
+  /**
+   * 获取访问趋势统计
+   *
+   * @param queryParams 查询参数
+   * @returns 访问趋势数据
+   */
+  getVisitTrend(queryParams: VisitTrendQuery) {
+    return request<VisitTrendVO>({
+      url: `${STATISTICS_BASE_URL}/visits/trend`,
+      method: "GET",
+      data: queryParams,
+    });
+  },
+
+  /**
+   * 获取访问概览统计
+   *
+   * @returns 访问概览数据
+   */
+  getVisitStats() {
+    return request<VisitStatsVO>({
+      url: `${STATISTICS_BASE_URL}/visits/overview`,
+      method: "GET",
+    });
+  },
+};
+
+export default LogAPI;
+
+/**
+ * 日志分页查询对象
+ */
+export interface LogPageQuery extends PageQuery {
+  /** 搜索关键字 */
+  keywords?: string;
+  /** 操作时间 */
+  createTime?: [string, string] | string;
+}
+
+/**
+ * 系统日志分页VO
+ */
+export interface LogVO {
+  /** 主键 */
+  id?: number;
+  /** 日志模块 */
+  module?: string;
+  /** 日志内容 */
+  content?: string;
+  /** 请求路径 */
+  requestUri?: string;
+  /** 请求方法 */
+  method?: string;
+  /** IP 地址 */
+  ip?: string;
+  /** 地区 */
+  region?: string;
+  /** 浏览器 */
+  browser?: string;
+  /** 终端系统 */
+  os?: string;
+  /** 执行时间(毫秒) */
+  executionTime?: number;
+  /** 操作人 */
+  operator?: string;
+  /** 操作时间 */
+  createTime?: string;
+}
+
+/**  访问趋势视图对象 */
+export interface VisitTrendVO {
+  /** 日期列表 */
+  dates: string[];
+  /** 浏览量(PV) */
+  pvList: number[];
+  /** 访客数(UV) */
+  uvList: number[];
+  /** IP数 */
+  ipList: number[];
+}
+
+/** 访问趋势查询参数 */
+export interface VisitTrendQuery {
+  /** 开始日期 */
+  startDate: string;
+  /** 结束日期 */
+  endDate: string;
+}
+
+/**  访问统计 */
+export interface VisitStatsVO {
+  /** 今日访客数(UV) */
+  todayUvCount: number;
+  /** 总访客数 */
+  totalUvCount: number;
+  /** 访客数同比增长率（相对于昨天同一时间段的增长率） */
+  uvGrowthRate: number;
+  /** 今日浏览量(PV) */
+  todayPvCount: number;
+  /** 总浏览量 */
+  totalPvCount: number;
+  /** 同比增长率（相对于昨天同一时间段的增长率） */
+  pvGrowthRate: number;
+}
diff --git a/src/api/notice.ts b/src/api/notice.ts
new file mode 100644
index 0000000..b02cfbb
--- /dev/null
+++ b/src/api/notice.ts
@@ -0,0 +1,202 @@
+import request from "@/utils/request";
+
+const NOTICE_BASE_URL = "/api/v1/notices";
+
+const NoticeAPI = {
+  /** 获取通知公告分页数据 */
+  getPage(queryParams?: NoticePageQuery) {
+    return request<any>({
+      url: `${NOTICE_BASE_URL}`,
+      method: "GET",
+      data: queryParams,
+    });
+  },
+
+  /**
+   * 获取通知公告表单数据
+   *
+   * @param id NoticeID
+   * @returns Notice表单数据
+   */
+  getFormData(id: number) {
+    return request<NoticeForm>({
+      url: `${NOTICE_BASE_URL}/${id}/form`,
+      method: "GET",
+    });
+  },
+
+  /**
+   * 添加通知公告
+   *
+   * @param data Notice表单数据
+   * @returns
+   */
+  add(data: NoticeForm) {
+    return request({
+      url: `${NOTICE_BASE_URL}`,
+      method: "POST",
+      data: data,
+    });
+  },
+
+  /**
+   * 更新通知公告
+   *
+   * @param id NoticeID
+   * @param data Notice表单数据
+   */
+  update(id: number, data: NoticeForm) {
+    return request({
+      url: `${NOTICE_BASE_URL}/${id}`,
+      method: "PUT",
+      data: data,
+    });
+  },
+
+  /**
+   * 批量删除通知公告，多个以英文逗号(,)分割
+   *
+   * @param ids 通知公告ID字符串，多个以英文逗号(,)分割
+   */
+  deleteByIds(ids: string) {
+    return request({
+      url: `${NOTICE_BASE_URL}/${ids}`,
+      method: "DELETE",
+    });
+  },
+
+  /**
+   * 发布通知
+   *
+   * @param id 被发布的通知公告id
+   * @returns
+   */
+  publish(id: number) {
+    return request({
+      url: `${NOTICE_BASE_URL}/${id}/publish`,
+      method: "PUT",
+    });
+  },
+
+  /**
+   * 撤回通知
+   *
+   * @param id 撤回的通知id
+   * @returns
+   */
+  revoke(id: number) {
+    return request({
+      url: `${NOTICE_BASE_URL}/${id}/revoke`,
+      method: "PUT",
+    });
+  },
+
+  /**
+   * 查看通知
+   *
+   * @param id
+   */
+  getDetail(id: string) {
+    return request<NoticeDetailVO>({
+      url: `${NOTICE_BASE_URL}/${id}/detail`,
+      method: "GET",
+    });
+  },
+
+  /* 全部已读 */
+  readAll() {
+    return request({
+      url: `${NOTICE_BASE_URL}/read-all`,
+      method: "PUT",
+    });
+  },
+
+  /** 获取我的通知分页列表 */
+  getMyNoticePage(queryParams?: NoticePageQuery) {
+    return request<any>({
+      url: `${NOTICE_BASE_URL}/my`,
+      method: "GET",
+      data: queryParams,
+    });
+  },
+};
+
+export default NoticeAPI;
+
+/** 通知公告分页查询参数 */
+export interface NoticePageQuery extends PageQuery {
+  /** 标题 */
+  title?: string;
+  /** 发布状态(0：未发布，1：已发布，-1：已撤回) */
+  publishStatus?: number;
+
+  isRead?: number;
+}
+
+/** 通知公告表单对象 */
+export interface NoticeForm {
+  id?: number;
+  /** 通知标题 */
+  title?: string;
+  /** 通知内容 */
+  content?: string;
+  /** 通知类型 */
+  type?: number;
+  /** 优先级(L：低，M：中，H：高) */
+  level?: string;
+  /** 目标类型(1-全体 2-指定) */
+  targetType?: number;
+  /** 目标ID合集，以,分割 */
+  targetUserIds?: string;
+}
+
+/** 通知公告分页对象 */
+export interface NoticePageVO {
+  id: string;
+  /** 通知标题 */
+  title?: string;
+  /** 通知内容 */
+  content?: string;
+  /** 通知类型 */
+  type?: number;
+  /** 发布人 */
+  publisherName?: string;
+  /** 优先级(0-低 1-中 2-高) */
+  priority?: number;
+  /** 目标类型(0-全体 1-指定) */
+  targetType?: number;
+  /** 发布状态(0-未发布 1已发布 2已撤回) */
+  publishStatus?: number;
+  /** 发布时间 */
+  publishTime?: Date;
+  /** 撤回时间 */
+  revokeTime?: Date;
+  /** 优先级(L-低 M-中 H-高) */
+  level?: string | number;
+}
+
+export interface NoticeDetailVO {
+  /** 通知ID */
+  id?: string;
+
+  /** 通知标题 */
+  title?: string;
+
+  /** 通知内容 */
+  content?: string;
+
+  /** 通知类型 */
+  type?: number;
+
+  /** 发布人 */
+  publisherName?: string;
+
+  /** 优先级(L-低 M-中 H-高) */
+  level?: string;
+
+  /** 发布时间 */
+  publishTime?: Date;
+
+  /** 发布状态 */
+  publishStatus?: number;
+}
diff --git a/src/api/role.ts b/src/api/role.ts
new file mode 100644
index 0000000..f4e7ea0
--- /dev/null
+++ b/src/api/role.ts
@@ -0,0 +1,139 @@
+import request from "@/utils/request";
+
+const ROLE_BASE_URL = "/api/v1/roles";
+
+const RoleAPI = {
+  /** 获取角色分页数据 */
+  getPage(queryParams?: RolePageQuery) {
+    return request<any>({
+      url: `${ROLE_BASE_URL}`,
+      method: "GET",
+      data: queryParams,
+    });
+  },
+
+  /** 获取角色下拉数据源 */
+  getOptions() {
+    return request<OptionType[]>({
+      url: `${ROLE_BASE_URL}/options`,
+      method: "GET",
+    });
+  },
+
+  /**
+   * 获取角色的菜单ID集合
+   *
+   * @param roleId 角色ID
+   * @returns 角色的菜单ID集合
+   */
+  getRoleMenuIds(roleId: number) {
+    return request<number[]>({
+      url: `${ROLE_BASE_URL}/${roleId}/menuIds`,
+      method: "GET",
+    });
+  },
+
+  /**
+   * 分配菜单权限
+   *
+   * @param roleId 角色ID
+   * @param data 菜单ID集合
+   */
+  updateRoleMenus(roleId: number, data: number[]) {
+    return request({
+      url: `${ROLE_BASE_URL}/${roleId}/menus`,
+      method: "PUT",
+      data: data,
+    });
+  },
+
+  /**
+   * 获取角色表单数据
+   *
+   * @param id 角色ID
+   * @returns 角色表单数据
+   */
+  getFormData(id: number) {
+    return request<RoleForm>({
+      url: `${ROLE_BASE_URL}/${id}/form`,
+      method: "GET",
+    });
+  },
+
+  /** 添加角色 */
+  add(data: RoleForm) {
+    return request({
+      url: `${ROLE_BASE_URL}`,
+      method: "POST",
+      data: data,
+    });
+  },
+
+  /**
+   * 更新角色
+   *
+   * @param id 角色ID
+   * @param data 角色表单数据
+   */
+  update(id: number, data: RoleForm) {
+    return request({
+      url: `${ROLE_BASE_URL}/${id}`,
+      method: "PUT",
+      data: data,
+    });
+  },
+
+  /**
+   * 批量删除角色，多个以英文逗号(,)分割
+   *
+   * @param ids 角色ID字符串，多个以英文逗号(,)分割
+   */
+  deleteByIds(ids: string) {
+    return request({
+      url: `${ROLE_BASE_URL}/${ids}`,
+      method: "DELETE",
+    });
+  },
+};
+
+export default RoleAPI;
+
+/** 角色分页查询参数 */
+export interface RolePageQuery extends PageQuery {
+  /** 搜索关键字 */
+  keywords?: string;
+}
+
+/** 角色分页对象 */
+export interface RolePageVO {
+  /** 角色编码 */
+  code?: string;
+  /** 角色ID */
+  id: number;
+  /** 角色名称 */
+  name?: string;
+  /** 排序 */
+  sort?: number;
+  /** 角色状态 */
+  status?: number;
+  /** 创建时间 */
+  createTime?: string;
+  /** 修改时间 */
+  updateTime?: string;
+}
+
+/** 角色表单对象 */
+export interface RoleForm {
+  /** 角色ID */
+  id?: number;
+  /** 角色编码 */
+  code?: string;
+  /** 数据权限 */
+  dataScope: number;
+  /** 角色名称 */
+  name?: string;
+  /** 排序 */
+  sort: number;
+  /** 角色状态(1-正常；0-停用) */
+  status?: number;
+}
diff --git a/src/components/Auth/index.vue b/src/components/Auth/index.vue
new file mode 100644
index 0000000..8acd07a
--- /dev/null
+++ b/src/components/Auth/index.vue
@@ -0,0 +1,91 @@
+<template>
+  <slot v-if="authorized" />
+  <slot v-else name="fallback" />
+</template>
+
+<script lang="ts" setup>
+/**
+ * 权限控制组件
+ *
+ * @description 跨平台权限控制组件，支持权限和角色检查
+ * @usage 适用于所有平台（H5、小程序、App）
+ *
+ * @example
+ * // 权限检查
+ * <Auth permission="sys:user:create">
+ *   <button>新增用户</button>
+ * </Auth>
+ *
+ * // 多个权限（满足其一即可）
+ * <Auth :permission="['sys:user:create', 'sys:user:update']">
+ *   <button>操作</button>
+ * </Auth>
+ *
+ * // 角色检查
+ * <Auth role="ADMIN">
+ *   <button>管理员操作</button>
+ * </Auth>
+ *
+ * // 同时检查权限和角色
+ * <Auth permission="sys:user:delete" role="ADMIN">
+ *   <button>删除用户</button>
+ * </Auth>
+ *
+ * // 无权限时显示备用内容
+ * <Auth permission="sys:user:create">
+ *   <template #default>
+ *     <button>新增用户</button>
+ *   </template>
+ *   <template #fallback>
+ *     <text>无权限</text>
+ *   </template>
+ * </Auth>
+ */
+import { computed } from "vue";
+import { hasPermission, hasRole } from "@/utils/permission";
+
+interface Props {
+  /** 权限标识，支持字符串或字符串数组 */
+  permission?: string | string[];
+  /** 角色标识，支持字符串或字符串数组 */
+  role?: string | string[];
+  /** 是否需要同时满足权限和角色（默认：false，满足其一即可） */
+  requireAll?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  permission: undefined,
+  role: undefined,
+  requireAll: false,
+});
+
+/**
+ * 计算是否有权限
+ */
+const authorized = computed(() => {
+  const { permission, role, requireAll } = props;
+
+  // 无任何限制条件，默认显示
+  if (!permission && !role) {
+    return true;
+  }
+
+  // 检查权限
+  const hasPerm = permission ? hasPermission(permission) : true;
+
+  // 检查角色
+  const hasRoleFlag = role ? hasRole(role) : true;
+
+  // 根据条件返回结果
+  if (requireAll) {
+    // 需要同时满足
+    return hasPerm && hasRoleFlag;
+  } else {
+    // 满足其一即可
+    if (permission && role) {
+      return hasPerm || hasRoleFlag;
+    }
+    return hasPerm && hasRoleFlag;
+  }
+});
+</script>
diff --git a/src/constants/index.ts b/src/constants/index.ts
index 2bf58bf..eed0c48 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -17,3 +17,9 @@ export const USER_INFO_KEY = "user_info";
 // 🎨 主题相关
 export const THEME_MODE_KEY = "app-theme";
 export const THEME_COLOR_KEY = "app-theme-color";
+
+// 🔑 权限相关
+/** 超级管理员角色标识 */
+export const ROLE_ROOT = "ROOT";
+/** 全部权限标识 */
+export const PERM_ALL = "*:*:*";
diff --git a/src/pages.json b/src/pages.json
index a6305fa..e056a25 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -14,7 +14,8 @@
       "type": "page",
       "name": "login",
       "style": {
-        "navigationStyle": "custom"
+        "navigationStyle": "custom",
+        "navigationBarTitleText": ""
       }
     },
     {
@@ -43,17 +44,6 @@
       "path": "pages/mine/account/index",
       "type": "page"
     },
-    {
-      "path": "pages/mine/feedback/index",
-      "type": "page",
-      "name": "feedback",
-      "style": {
-        "navigationBarTitleText": "意见反馈"
-      },
-      "meta": {
-        "requireAuth": true
-      }
-    },
     {
       "path": "pages/mine/official/index",
       "type": "page",
@@ -70,14 +60,6 @@
       "path": "pages/mine/profile/index",
       "type": "page"
     },
-    {
-      "path": "pages/mine/settings/index",
-      "type": "page",
-      "name": "settings",
-      "style": {
-        "navigationBarTitleText": "设置"
-      }
-    },
     {
       "path": "pages/work/config/index",
       "type": "page",
@@ -118,14 +100,6 @@
         "navigationBarTitleText": "通知公告"
       }
     },
-    {
-      "path": "pages/work/permission/index",
-      "type": "page",
-      "name": "permission",
-      "style": {
-        "navigationBarTitleText": "权限管理"
-      }
-    },
     {
       "path": "pages/work/role/index",
       "type": "page",
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 641c60a..d232454 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -129,13 +129,12 @@
         <!-- #ifdef MP-WEIXIN -->
         <!-- 微信登录区域 -->
         <view v-else class="form-area">
-          <!-- 企业一键登录 -->
           <button
             class="btn-wechat"
             open-type="getPhoneNumber"
             @getphonenumber="handleWechatPhoneLogin"
           >
-            <image class="btn-wechat-icon" src="/static/images/wechat-icon.png" mode="aspectFit" />
+            <image class="btn-wechat-icon" src="/static/icons/weixin.png" mode="aspectFit" />
             微信一键登录
           </button>
 
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index 91c704b..3c1d663 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -17,7 +17,7 @@
         <view class="avatar-container" @click="navigateToProfile">
           <image
             class="avatar"
-            :src="isLogin ? userInfo!.avatar : defaultAvatar"
+            :src="isLogin && userInfo?.avatar ? userInfo.avatar : defaultAvatar"
             mode="aspectFill"
           />
           <view v-if="genderIconName" class="gender-icon" :class="genderIconClass">
@@ -27,12 +27,12 @@
         <view class="user-details">
           <block v-if="isLogin">
             <view class="nickname">
-              {{ userInfo!.nickname || "匿名用户" }}
+              {{ userInfo?.nickname || "匿名用户" }}
             </view>
             <view class="user-meta">
               <view class="meta-row">
                 <wd-icon name="user" size="14" color="rgba(255, 255, 255, 0.92)" />
-                <text class="meta-value">{{ userInfo?.username || "0000000" }}</text>
+                <text class="meta-value">{{ userInfo?.username || "未设置" }}</text>
               </view>
               <view v-if="deptNameText" class="meta-row">
                 <wd-icon name="home" size="14" color="rgba(255, 255, 255, 0.92)" />
@@ -56,16 +56,31 @@
         <view class="header-actions">
           <view class="action-btn relative" @click="navigateToNotifications">
             <wd-icon name="notification" size="20" color="#fff" />
-            <view v-if="true" class="action-badge">2</view>
+            <view v-if="isLogin && notificationCount > 0" class="action-badge">
+              {{ notificationCount }}
+            </view>
           </view>
-          <view class="action-btn" @click="navigateToSettings">
+          <view class="action-btn" @click="navigateToTheme">
             <wd-icon name="setting" size="20" color="#fff" />
           </view>
         </view>
       </view>
     </view>
 
-    <view class="section-card">
+    <!-- 公众号胶囊卡片 -->
+    <view class="official-capsule" @click="navigateToOfficialAccount">
+      <image class="official-avatar" src="/static/logo.png" mode="aspectFill" />
+      <view class="official-body">
+        <view class="official-title">有来技术</view>
+        <view class="official-desc">技术干货 · 开源社区 · 交流群</view>
+      </view>
+      <view class="official-action">
+        <wd-icon name="arrow-right" size="18" color="#9ca3af" />
+      </view>
+    </view>
+
+    <!-- 个人中心 -->
+    <view v-if="isLogin" class="section-card">
       <view class="section-header">
         <view class="section-title">
           <wd-icon name="user" size="18" :color="currentThemeColor" />
@@ -86,35 +101,79 @@
       </view>
     </view>
 
+    <!-- 设置 -->
     <view class="section-card">
       <view class="section-header">
         <view class="section-title">
-          <wd-icon name="help-circle" size="18" :color="currentThemeColor" />
-          <text class="title-text">帮助与支持</text>
+          <wd-icon name="setting1" size="18" :color="currentThemeColor" />
+          <text class="title-text">设置</text>
         </view>
       </view>
       <view class="menu-list">
-        <view class="menu-item" @click="handleQuestionFeedback">
-          <wd-icon name="edit" size="20" color="#666" />
-          <text class="menu-text">问题反馈</text>
+        <view class="menu-item" @click="navigateToTheme">
+          <wd-icon name="setting1" size="20" color="#666" />
+          <text class="menu-text">主题设置</text>
+          <wd-icon name="arrow-right" size="16" color="#ccc" />
+        </view>
+        <view class="menu-item" @click="navigateToUserAgreement">
+          <wd-icon name="user" size="20" color="#666" />
+          <text class="menu-text">用户协议</text>
+          <wd-icon name="arrow-right" size="16" color="#ccc" />
+        </view>
+        <view class="menu-item" @click="navigateToPrivacy">
+          <wd-icon name="secured" size="20" color="#666" />
+          <text class="menu-text">隐私政策</text>
+          <wd-icon name="arrow-right" size="16" color="#ccc" />
+        </view>
+        <view class="menu-item" @click="navigateToAbout">
+          <wd-icon name="info-circle" size="20" color="#666" />
+          <text class="menu-text">关于我们</text>
           <wd-icon name="arrow-right" size="16" color="#ccc" />
         </view>
       </view>
     </view>
 
-    <view class="section-card official-section">
-      <view class="official-card" @click="navigateToOfficialAccount">
-        <image class="official-avatar" src="/static/logo.png" mode="aspectFill" />
-        <view class="official-body">
-          <view class="official-title">有来技术</view>
-          <view class="official-desc">技术干货 · 开源社区 · 交流群</view>
+    <!-- 系统工具 -->
+    <view class="section-card">
+      <view class="section-header">
+        <view class="section-title">
+          <wd-icon name="tools" size="18" :color="currentThemeColor" />
+          <text class="title-text">系统工具</text>
         </view>
-        <view class="official-action">
-          <wd-icon name="arrow-right" size="18" color="#9ca3af" />
+      </view>
+      <view class="menu-list">
+        <view class="menu-item" @click="navigateToNetworkTest">
+          <wd-icon name="wifi" size="20" color="#666" />
+          <text class="menu-text">网络测试</text>
+          <wd-icon name="arrow-right" size="16" color="#ccc" />
+        </view>
+        <view class="menu-item" @click="handleClearCache">
+          <wd-icon name="delete1" size="20" color="#666" />
+          <text class="menu-text">清空缓存</text>
+          <text class="menu-value">{{ cacheSize }}</text>
+          <wd-icon name="arrow-right" size="16" color="#ccc" />
         </view>
       </view>
     </view>
 
+    <!-- 退出登录 -->
+    <view v-if="isLogin" class="logout-section">
+      <wd-button custom-class="logout-btn" plain @click="handleLogout">退出登录</wd-button>
+    </view>
+
+    <!-- 底部版本号 -->
+    <view class="footer-version">
+      <text>v{{ appVersion }}</text>
+    </view>
+
+    <wd-loading
+      v-if="clearing"
+      v-model="clearing"
+      text="正在清理..."
+      mask
+      custom-class="loading-center"
+    />
+
     <wd-toast />
   </view>
 </template>
@@ -132,14 +191,17 @@ import { onLoad } from "@dcloudio/uni-app";
 import { useUserStore, useThemeStore } from "@/store";
 import { useRouter } from "uni-mini-router";
 import { useNavbar } from "@/composables/useNavbar";
+import { getAccessToken } from "@/utils/auth";
 
 const userStore = useUserStore();
 const themeStore = useThemeStore();
 const currentThemeColor = computed(() => themeStore.themeVars.colorTheme);
 const userInfo = computed(() => userStore.userInfo);
-const isLogin = computed(() => !!userInfo.value);
 const defaultAvatar = "/static/images/default-avatar.png";
 
+const hasToken = computed(() => !!getAccessToken());
+const isLogin = computed(() => hasToken.value);
+
 const headerBackground = computed(() => {
   const color = currentThemeColor.value || "#4d80f0";
   const colorWithAlpha = color.length === 7 ? `${color}E6` : color;
@@ -149,6 +211,11 @@ const headerBackground = computed(() => {
 
 const router = useRouter();
 
+const notificationCount = computed(() => 0);
+
+// 版本号
+const appVersion = ref("1.0.0");
+
 // 使用导航栏 Hook（TabBar 页面）
 const navbar = useNavbar({ hasTabbar: true });
 
@@ -177,7 +244,22 @@ const genderIconClass = computed(() => {
   return "";
 });
 
-onLoad(() => {});
+onLoad(async () => {
+  const token = getAccessToken();
+  if (token && !userStore.userInfo) {
+    try {
+      await userStore.getInfo();
+    } catch {
+      // ignore
+    }
+  }
+
+  getCacheSize();
+
+  // #ifdef MP-WEIXIN
+  appVersion.value = uni.getAccountInfoSync().miniProgram.version || "1.0.0";
+  // #endif
+});
 
 // 登录
 const navigateToLoginPage = () => {
@@ -206,20 +288,128 @@ const navigateToAccount = () => {
 };
 
 const navigateToNotifications = () => {
+  if (!isLogin.value) {
+    navigateToLoginPage();
+    return;
+  }
   uni.showToast({
     title: "功能开发中",
     icon: "none",
   });
 };
 
-// 设置
-const navigateToSettings = () => {
-  router.push({ path: "/pages/mine/settings/index" });
+// 主题设置
+const navigateToTheme = () => {
+  router.push({ path: "/pages/mine/settings/theme/index" });
 };
 
-// 问题反馈
-const handleQuestionFeedback = () => {
-  router.push({ path: "/pages/mine/feedback/index" });
+// 用户协议
+const navigateToUserAgreement = () => {
+  router.push({ path: "/pages/mine/settings/agreement/index" });
+};
+
+// 隐私政策
+const navigateToPrivacy = () => {
+  router.push({ path: "/pages/mine/settings/privacy/index" });
+};
+
+// 关于我们
+const navigateToAbout = () => {
+  router.push({ path: "/pages/mine/about/index" });
+};
+
+// 网络测试
+const navigateToNetworkTest = () => {
+  router.push({ path: "/pages/mine/settings/network/index" });
+};
+
+const clearing = ref(false);
+const cacheSize = ref<any>("计算中...");
+
+const formatSize = (size: number) => {
+  if (size < 1024) {
+    return size + "B";
+  } else if (size < 1024 * 1024) {
+    return (size / 1024).toFixed(2) + "KB";
+  } else {
+    return (size / 1024 / 1024).toFixed(2) + "MB";
+  }
+};
+
+const getCacheSize = async () => {
+  try {
+    // #ifdef MP-WEIXIN
+    const res = await uni.getStorageInfo();
+    cacheSize.value = formatSize(res.currentSize);
+    // #endif
+    // #ifdef H5
+    cacheSize.value = formatSize(
+      Object.keys(localStorage).reduce((size, key) => size + localStorage[key].length, 0)
+    );
+    // #endif
+    if (!cacheSize.value) {
+      cacheSize.value = "0B";
+    }
+  } catch (error) {
+    console.error("获取缓存大小失败:", error);
+    cacheSize.value = "获取失败";
+  }
+};
+
+const handleClearCache = async () => {
+  if (cacheSize.value === "获取失败") {
+    uni.showToast({
+      title: "获取缓存信息失败，请稍后重试",
+      icon: "none",
+      duration: 2000,
+    });
+    return;
+  }
+  if (cacheSize.value === "0B") {
+    uni.showToast({
+      title: "暂无缓存需要清理",
+      icon: "none",
+      duration: 2000,
+    });
+    return;
+  }
+  if (clearing.value) {
+    return;
+  }
+
+  try {
+    clearing.value = true;
+    await new Promise((resolve) => setTimeout(resolve, 1500));
+    await uni.clearStorage();
+    await getCacheSize();
+    uni.showToast({
+      title: "清理成功",
+      icon: "success",
+    });
+  } catch {
+    uni.showToast({
+      title: "清理失败",
+      icon: "error",
+    });
+  } finally {
+    clearing.value = false;
+  }
+};
+
+const handleLogout = () => {
+  uni.showModal({
+    title: "提示",
+    content: "确定要退出登录吗？",
+    success: function (res) {
+      if (res.confirm) {
+        userStore.logout();
+        uni.showToast({
+          title: "已退出登录",
+          icon: "success",
+        });
+      }
+    },
+  });
 };
 
 // 有来技术公众号
@@ -435,52 +625,57 @@ const navigateToOfficialAccount = () => {
   color: #9ca3af;
 }
 
-.official-section {
-  margin-top: 16rpx;
-}
-
-.official-card {
+// 公众号入口（简洁卡片风格）
+.official-capsule {
   display: flex;
   align-items: center;
-  padding: 32rpx 28rpx;
+  margin: -24rpx 28rpx 24rpx;
+  padding: 20rpx 24rpx;
   background: #fff;
   border-radius: 20rpx;
-  box-shadow: 0 2rpx 16rpx rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
 }
 
 .official-avatar {
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 24rpx;
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 16rpx;
 }
 
 .official-body {
   flex: 1;
   min-width: 0;
-  margin-left: 28rpx;
+  margin-left: 18rpx;
 }
 
 .official-title {
-  font-size: 32rpx;
+  font-size: 28rpx;
   font-weight: 600;
-  color: #1f2937;
+  color: #374151;
 }
 
 .official-desc {
-  margin-top: 12rpx;
-  font-size: 24rpx;
+  margin-top: 4rpx;
+  font-size: 22rpx;
   color: #9ca3af;
-  letter-spacing: 1rpx;
 }
 
 .official-action {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 56rpx;
-  height: 56rpx;
-  background: #f3f4f6;
-  border-radius: 50%;
+  padding-left: 8rpx;
+}
+
+// 底部版本号
+.footer-version {
+  padding: 40rpx 0 60rpx;
+  text-align: center;
+
+  text {
+    font-size: 24rpx;
+    color: #9ca3af;
+  }
 }
 
 // 退出登录
diff --git a/src/pages/work/config/index.vue b/src/pages/work/config/index.vue
index 9489d89..d740c84 100644
--- a/src/pages/work/config/index.vue
+++ b/src/pages/work/config/index.vue
@@ -1,10 +1,297 @@
 <template>
-  <view class="page-container dark:text-[var(--wot-color-text)]">
-    <wd-status-tip type="search" tip="系统配置功能建设中..." />
+  <view class="work">
+    <!-- 筛选 -->
+    <wd-drop-menu close-on-click-modal class="mb-20rpx mr-20rpx ml-20rpx">
+      <wd-drop-menu-item ref="dropMenu" title="筛选" icon="filter" icon-size="18px">
+        <view>
+          <wd-input
+            v-model="queryParams.keywords"
+            label="关键字"
+            type="text"
+            clearable
+            placeholder="请输入关键字"
+          />
+          <view class="flex flex-row items-center mb-20rpx">
+            <wd-button class="mt-20rpx mb-20rpx" size="medium" @click="handleQuery()">
+              查询
+            </wd-button>
+            <wd-button size="medium" type="info" @click="handleReset">重置</wd-button>
+          </view>
+        </view>
+      </wd-drop-menu-item>
+    </wd-drop-menu>
+
+    <view class="data-container">
+      <!-- 列表内容 -->
+      <view v-for="(item, index) in pageData" :key="index" class="mb-20rpx">
+        <wd-card>
+          <template #title>
+            <view class="flex items-center justify-between">
+              <view class="flex-1 text-truncate">{{ item.configName }}</view>
+            </view>
+          </template>
+
+          <wd-cell-group>
+            <wd-cell title="配置键" :value="item.configKey" />
+            <wd-cell title="配置值" :value="item.configValue" />
+            <wd-cell title="备注" :value="item.remark" />
+          </wd-cell-group>
+
+          <template #footer>
+            <wd-button size="small" plain type="primary" @click="handleAction(item)">
+              操作
+            </wd-button>
+          </template>
+        </wd-card>
+      </view>
+    </view>
+
+    <!-- 加载更多 -->
+    <wd-loadmore :state="state" @reload="handleQuery" />
+
+    <!-- 底部按钮 -->
+    <view class="fixed bottom-0 w-full flex justify-around items-center p-20rpx bg-#fff">
+      <wd-button size="medium" type="primary" @click="handleOpenDialog">添加</wd-button>
+      <wd-button size="medium" type="success" @click="refreshCache">刷新缓存</wd-button>
+    </view>
+
+    <wd-popup v-model="showEditPopup" position="bottom">
+      <view class="p-20rpx">
+        <wd-form ref="formRef" :model="form">
+          <wd-input
+            v-model="form.configName"
+            label="配置名称"
+            type="text"
+            placeholder="请输入配置名称"
+            :rules="[{ required: true, message: '请填写配置名称' }]"
+          />
+          <wd-input
+            v-model="form.configKey"
+            label="配置键名"
+            type="text"
+            placeholder="请输入配置键名"
+            :rules="[{ required: true, message: '请填写配置键' }]"
+          />
+          <wd-input
+            v-model="form.configValue"
+            label="配置键值"
+            type="text"
+            placeholder="请输入配置键值"
+            :rules="[{ required: true, message: '请填写配置值' }]"
+          />
+          <wd-textarea
+            v-model="form.remark"
+            prop="remark"
+            label="配置描述"
+            label-align="right"
+            clearable
+            :maxlength="100"
+            show-word-limit
+            label-width="100px"
+            placeholder="请输入配置描述"
+          />
+        </wd-form>
+        <view class="flex justify-around mt-20rpx">
+          <wd-button @click="showEditPopup = false">取消</wd-button>
+          <wd-button type="primary" native-type="submit" :loading="loading" @click="submitForm">
+            确定
+          </wd-button>
+        </view>
+      </view>
+    </wd-popup>
   </view>
 </template>
 
-<script setup lang="ts"></script>
+<script lang="ts" setup>
+import ConfigAPI, { ConfigPageVO, ConfigForm, ConfigPageQuery } from "@/api/config";
+import { DropMenuItemExpose } from "wot-design-uni/components/wd-drop-menu-item/types";
+import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
+import { FormInstance } from "wot-design-uni/components/wd-form/types";
+import { debounce } from "@/utils";
+const state = ref<LoadMoreState>("loading"); // 加载状态 loading, finished:, error
+const total = ref(0);
+const queryParams = reactive<ConfigPageQuery>({
+  pageNum: 1,
+  pageSize: 10,
+  keywords: "",
+});
+// 系统配置表格数据
+const pageData = ref<ConfigPageVO[]>([]);
+const formRef = ref<FormInstance>();
+
+const loading = ref(false);
+
+/**
+ * 搜索栏
+ */
+const dropMenu = ref<DropMenuItemExpose>();
+
+/**
+ * 搜索
+ */
+function handleQuery() {
+  pageData.value = [];
+  dropMenu.value?.close();
+  queryParams.pageNum = 1;
+  loadmore();
+}
+
+const showEditPopup = ref(false);
+const form = ref<ConfigForm>({});
+
+// 修改编辑函数
+function handleEdit(id: number) {
+  ConfigAPI.getFormData(id).then((data) => {
+    Object.assign(form.value, data);
+    // 显示弹窗
+    showEditPopup.value = true;
+  });
+}
+
+// 提交表单
+async function submitForm() {
+  loading.value = true;
+  try {
+    if (formRef.value) {
+      formRef.value!.validate().then(async ({ valid }) => {
+        if (valid) {
+          if (form.value.id) {
+            await ConfigAPI.update(form.value.id, form.value);
+            uni.showToast({ title: "更新成功", icon: "success" });
+          } else {
+            await ConfigAPI.add(form.value);
+            uni.showToast({ title: "添加成功", icon: "success" });
+          }
+          showEditPopup.value = false;
+          handleQuery(); // 刷新列表
+        } else {
+          uni.showToast({ title: "请检查表单", icon: "error" });
+          loading.value = false;
+        }
+      });
+    }
+  } catch {
+    uni.showToast({ title: "操作失败", icon: "error" });
+    loading.value = false;
+  } finally {
+    loading.value = false;
+  }
+}
+
+/**
+ * 重置搜索条件
+ */
+function handleReset() {
+  queryParams.pageNum = 1;
+  queryParams.keywords = "";
+  pageData.value = [];
+  dropMenu.value?.close();
+  handleQuery();
+}
+
+/**
+ * 触底事件
+ */
+onReachBottom(() => {
+  queryParams.pageNum++;
+  handleQuery();
+});
+
+/**
+ * 加载更多
+ */
+function loadmore() {
+  state.value = "loading";
+  ConfigAPI.getPage(queryParams)
+    .then((data) => {
+      if (queryParams.pageNum === 1) {
+        pageData.value = data.list;
+      } else {
+        pageData.value.push(...data.list);
+      }
+      total.value = data.total;
+    })
+    .finally(() => {
+      state.value = "finished";
+    });
+}
+
+/**
+ * 添加
+ */
+function handleOpenDialog() {
+  form.value.id = undefined;
+  form.value.configName = "";
+  form.value.configKey = "";
+  form.value.configValue = "";
+  form.value.remark = "";
+  showEditPopup.value = true;
+}
+
+/**
+ * 刷新缓存
+ */
+const refreshCache = debounce(() => {
+  ConfigAPI.refreshCache().then(() => {
+    uni.showToast({
+      title: "刷新缓存成功",
+      icon: "success",
+      duration: 1000, // 显示时间，单位为毫秒，设置为 0 则不会自动消失
+    });
+  });
+}, 1000);
+
+/**
+ * 删除
+ */
+function handleDelete(item: ConfigPageVO) {
+  uni.showModal({
+    title: "提示",
+    content: "确定要删除该配置吗？",
+    success: async (res) => {
+      if (res.confirm) {
+        if (item.id) {
+          ConfigAPI.deleteById(item.id).then(() => {
+            uni.showToast({ title: "删除成功", icon: "success" });
+          });
+        }
+      }
+    },
+  });
+}
+
+/**
+ * 操作
+ */
+function handleAction(item: ConfigPageVO) {
+  const actions = ["编辑", "删除"];
+  uni.showActionSheet({
+    itemList: actions,
+    success: ({ tapIndex }) => {
+      switch (actions[tapIndex]) {
+        case "编辑":
+          handleEdit(item.id || 0);
+          break;
+        case "删除":
+          handleDelete(item);
+          break;
+      }
+    },
+  });
+}
+
+onMounted(() => {
+  handleQuery();
+});
+
+/**
+ * 页面返回回来也要重新加载数据
+ */
+onLoad(() => {
+  queryParams.pageNum = 1;
+  handleQuery();
+});
+</script>
 
 <route lang="json">
 {
@@ -15,4 +302,33 @@
 }
 </route>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.data-container {
+  :deep(.wd-cell__wrapper) {
+    padding: 4rpx 0;
+  }
+
+  :deep(.wd-cell) {
+    padding-right: 10rpx;
+    background: #f8f8f8;
+  }
+
+  :deep(.wd-fab__trigger) {
+    width: 80rpx !important;
+    height: 80rpx !important;
+  }
+
+  :deep(.wd-cell__right) {
+    flex: 2;
+  }
+
+  .filter-container {
+    padding: 10rpx;
+    background: #fff;
+  }
+
+  .data-container {
+    margin-top: 20rpx;
+  }
+}
+</style>
diff --git a/src/pages/work/index.vue b/src/pages/work/index.vue
index 387ee2a..8f0aaf6 100644
--- a/src/pages/work/index.vue
+++ b/src/pages/work/index.vue
@@ -1,14 +1,13 @@
 <template>
   <view class="work">
-    <template v-for="(item, index) in gridList" :key="index">
+    <template v-for="(item, index) in visibleGridList" :key="index">
       <wd-card :title="item.title">
         <wd-grid clickable :column="4">
           <wd-grid-item
             v-for="(child, childIndex) in item.children"
             :key="childIndex"
-            :v-has-perm="child.prem"
             use-slot
-            @click="handleNavClick(child)"
+            @itemclick="handleNavClick(child)"
           >
             <view class="p-2">
               <image class="w-72rpx h-72rpx rounded-8rpx" :src="child.icon" />
@@ -23,10 +22,22 @@
 
 <script lang="ts" setup>
 import { useRouter } from "uni-mini-router";
+import { useUserStore } from "@/store";
 
 const router = useRouter();
+const userStore = useUserStore();
 
-const gridList = reactive([
+// 用户权限列表
+const userPerms = computed(() => userStore.userInfo?.perms || []);
+
+// 检查是否有权限
+const hasPermission = (perm: string) => {
+  if (!perm) return true; // 无权限要求则显示
+  return userPerms.value.includes(perm) || userPerms.value.includes("*:*:*");
+};
+
+// 菜单配置（预设布局）
+const gridList = [
   {
     title: "系统管理",
     children: [
@@ -34,26 +45,25 @@ const gridList = reactive([
         icon: "/static/icons/user.png",
         title: "用户管理",
         url: "/pages/work/user/index",
-        prem: "sys:user:query",
+        perm: "sys:user:list",
       },
       {
         icon: "/static/icons/role.png",
         title: "角色管理",
         url: "/pages/work/role/index",
-        prem: "sys:role:query",
+        perm: "sys:role:list",
       },
-
       {
         icon: "/static/icons/notice.png",
         title: "通知公告",
         url: "/pages/work/notice/index",
-        prem: "sys:notice:query",
+        perm: "sys:notice:list",
       },
       {
         icon: "/static/icons/setting.png",
         title: "系统配置",
         url: "/pages/work/config/index",
-        prem: "sys:config:query",
+        perm: "sys:config:list",
       },
     ],
   },
@@ -64,15 +74,29 @@ const gridList = reactive([
         icon: "/static/icons/log.png",
         title: "系统日志",
         url: "/pages/work/log/index",
-        prem: "sys:log:query",
+        perm: "sys:log:list",
       },
     ],
   },
-]);
+];
+
+// 根据权限过滤后的菜单列表
+const visibleGridList = computed(() => {
+  return gridList
+    .map((group) => ({
+      ...group,
+      children: group.children.filter((item) => hasPermission(item.perm)),
+    }))
+    .filter((group) => group.children.length > 0);
+});
 
 // 处理导航点击
 function handleNavClick(item: any) {
-  router.push({ path: item.url });
+  try {
+    router.push({ path: item.url });
+  } catch (e) {
+    console.error("[work] router.push failed:", e, item);
+  }
 }
 </script>
 
diff --git a/src/pages/work/log/index.vue b/src/pages/work/log/index.vue
index 0d2d4a3..730d230 100644
--- a/src/pages/work/log/index.vue
+++ b/src/pages/work/log/index.vue
@@ -1,10 +1,155 @@
 <template>
-  <view class="page-container dark:text-[var(--wot-color-text)]">
-    <wd-status-tip type="search" tip="系统日志功能建设中..." />
+  <view class="log">
+    <!-- 筛选 -->
+    <wd-drop-menu close-on-click-modal class="mb-24rpx">
+      <wd-drop-menu-item ref="filterDropMenu" title="筛选" icon="filter" icon-size="18px">
+        <view>
+          <wd-input
+            v-model="queryParams.keywords"
+            label="关键字"
+            type="text"
+            placeholder="请输入关键字"
+          />
+
+          <cu-date-query v-model="queryParams.createTime" :label="'日期选择'" />
+
+          <view class="flex-between py-2">
+            <wd-button class="w-20%" type="info" @click="handleResetQuery">重置</wd-button>
+            <wd-button class="w-70%" @click="handleQuery">查询</wd-button>
+          </view>
+        </view>
+      </wd-drop-menu-item>
+    </wd-drop-menu>
+
+    <!-- 卡片列表 -->
+    <wd-card v-for="item in pageData" :key="item.id" class="card-list">
+      <template #title>
+        {{ item.operator }}
+      </template>
+
+      <wd-cell-group>
+        <wd-cell title="模块" :value="item.module" />
+        <wd-cell title="内容" :value="item.content" />
+        <wd-cell title="IP" :value="item.ip" />
+        <wd-cell title="地区" :value="item.region" />
+      </wd-cell-group>
+
+      <template #footer>
+        <view class="flex-between">
+          <view class="text-left">
+            <wd-text text="创建时间：" size="small" class="font-bold" />
+            <wd-text :text="item.createTime" size="small" />
+          </view>
+          <view class="text-right">
+            <wd-button type="primary" size="small" plain @click="handleViewDetail(item)">
+              查看详情
+            </wd-button>
+          </view>
+        </view>
+      </template>
+    </wd-card>
+
+    <!-- 详情弹窗 -->
+    <wd-popup v-model="detailDialogVisible" position="bottom">
+      <wd-cell-group>
+        <wd-cell title="操作人" :value="logDetail.operator" />
+        <wd-cell title="操作时间" :value="logDetail.createTime" />
+        <wd-cell title="模块" :value="logDetail.module" />
+        <wd-cell title="内容" :value="logDetail.content" />
+        <wd-cell title="IP" :value="logDetail.ip" />
+        <wd-cell title="地区" :value="logDetail.region" />
+        <wd-cell title="浏览器" :value="logDetail.browser" />
+        <wd-cell title="终端系统" :value="logDetail.os" />
+        <wd-cell title="耗时(毫秒)" :value="logDetail.executionTime" />
+      </wd-cell-group>
+    </wd-popup>
+
+    <!-- 加载更多 -->
+    <wd-loadmore v-if="total > 0" :state="loadMoreState" @reload="loadmore" />
+    <wd-status-tip v-else-if="total == 0" image="search" tip="当前搜索无结果" />
   </view>
 </template>
+<script lang="ts" setup>
+import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
+import { DropMenuItemExpose } from "wot-design-uni/components/wd-drop-menu-item/types";
 
-<script setup lang="ts"></script>
+import LogAPI, { LogVO, LogPageQuery } from "@/api/log";
+
+const filterDropMenu = ref<DropMenuItemExpose>();
+const loadMoreState = ref<LoadMoreState>("loading");
+
+const queryParams = reactive<LogPageQuery>({
+  pageNum: 1,
+  pageSize: 10,
+});
+
+const total = ref(0);
+const pageData = ref<LogVO[]>([]);
+
+const logDetail = ref<LogVO>({});
+const detailDialogVisible = ref(false);
+
+/**
+ * 搜索栏
+ */
+function handleQuery() {
+  filterDropMenu.value?.close();
+  queryParams.pageNum = 1;
+  loadmore();
+}
+
+/**
+ * 重置搜索
+ */
+function handleResetQuery() {
+  queryParams.keywords = undefined;
+  queryParams.createTime = undefined;
+  handleQuery();
+}
+
+/**
+ * 加载更多
+ */
+function loadmore() {
+  loadMoreState.value = "loading";
+  LogAPI.getPage(queryParams)
+    .then((data) => {
+      pageData.value = data.list;
+      total.value = data.total;
+      queryParams.pageNum++;
+    })
+    .catch(() => {
+      pageData.value = [];
+    })
+    .finally(() => {
+      loadMoreState.value = "finished";
+    });
+}
+
+/**
+ * 查看详情
+ */
+function handleViewDetail(item: LogVO) {
+  detailDialogVisible.value = true;
+  logDetail.value = item;
+}
+
+/**
+ * 触底事件
+ */
+onReachBottom(() => {
+  if (queryParams.pageNum * queryParams.pageSize < total.value) {
+    loadmore();
+  } else if (queryParams.pageNum * queryParams.pageSize >= total.value) {
+    loadMoreState.value = "finished";
+  }
+});
+
+onLoad(() => {
+  handleQuery();
+});
+</script>
 
 <route lang="json">
 {
@@ -15,4 +160,24 @@
 }
 </route>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.wd-col {
+  margin-top: 10rpx;
+}
+
+::v-deep .wd-drop-menu__item {
+  display: flex;
+  justify-content: flex-end;
+  padding: 0 50rpx;
+}
+
+.card-list {
+  :deep(.wd-cell__wrapper) {
+    padding: 4rpx 0;
+  }
+  :deep(.wd-cell) {
+    padding-right: 10rpx;
+    background: #f8f8f8;
+  }
+}
+</style>
diff --git a/src/pages/work/notice/index.vue b/src/pages/work/notice/index.vue
index 6afea4e..67f56b0 100644
--- a/src/pages/work/notice/index.vue
+++ b/src/pages/work/notice/index.vue
@@ -1,10 +1,272 @@
 <template>
-  <view class="page-container dark:text-[var(--wot-color-text)]">
-    <wd-status-tip type="search" tip="通知公告功能建设中..." />
+  <view>
+    <!-- 添加搜索栏 -->
+    <wd-drop-menu close-on-click-modal class="mb-20rpx mr-20rpx ml-20rpx">
+      <wd-drop-menu-item ref="dropMenu" title="筛选" icon="filter" icon-size="18px">
+        <view>
+          <wd-input
+            v-model="queryParams.title"
+            label="关键字"
+            type="text"
+            placeholder="请输入关键字"
+          />
+
+          <view class="flex flex-row items-center mb-20rpx">
+            <wd-button class="mt-20rpx mb-20rpx" size="medium" @click="handleQuery()">
+              查询
+            </wd-button>
+            <wd-button size="medium" type="info" @click="handleReset">重置</wd-button>
+          </view>
+        </view>
+      </wd-drop-menu-item>
+    </wd-drop-menu>
+
+    <!-- 列表内容 -->
+    <view class="data-container">
+      <view v-for="(item, index) in dataList" :key="index" class="mt-20rpx">
+        <wd-card>
+          <template #title>
+            <view class="flex items-center justify-between">
+              <view class="flex-1 text-truncate">{{ item.title }}</view>
+              <wd-tag :type="getStatusType(item.publishStatus)" size="small">
+                {{ getStatusText(item.publishStatus) }}
+              </wd-tag>
+            </view>
+          </template>
+
+          <wd-cell-group>
+            <wd-cell title="通告目标类型" :value="item.targetType === 1 ? '指定' : '全体'" />
+            <wd-cell title="紧急程度">
+              <template #default>
+                <text>{{ getLevelText(item.level) }}</text>
+              </template>
+            </wd-cell>
+            <wd-cell title="发布人" :value="item.publisherName || '-'" />
+          </wd-cell-group>
+          <template #footer>
+            <view class="flex-between">
+              <view v-if="item.publishStatus === 1" class="text-left">
+                <wd-text text="发布时间：" size="small" class="font-bold" />
+                <wd-text :text="formatDate(item.publishTime)" size="small" />
+              </view>
+              <view v-else class="text-left">
+                <wd-text text="撤回时间：" size="small" class="font-bold" />
+                <wd-text :text="formatDate(item.revokeTime)" size="small" />
+              </view>
+              <view class="text-right">
+                <wd-button size="small" plain type="primary" @click="handleAction(item)">
+                  操作
+                </wd-button>
+              </view>
+            </view>
+          </template>
+        </wd-card>
+      </view>
+    </view>
+
+    <!-- 加载更多 -->
+    <wd-loadmore custom-class="loadmore" :state="loadState" />
   </view>
 </template>
 
-<script setup lang="ts"></script>
+<script lang="ts" setup>
+import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
+import { DropMenuItemExpose } from "wot-design-uni/components/wd-drop-menu-item/types";
+import NoticeAPI, { NoticePageQuery, NoticePageVO } from "@/api/notice";
+const loadState = ref<LoadMoreState>("finished");
+const dataList = ref<NoticePageVO[]>([]);
+const total = ref(0);
+
+// 修改查询参数
+const queryParams = ref<NoticePageQuery>({
+  pageNum: 1,
+  pageSize: 10,
+  title: "",
+});
+
+// 添加搜索处理函数
+const dropMenu = ref<DropMenuItemExpose>();
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  loadMore();
+  dropMenu.value?.close();
+};
+
+// 重置
+const handleReset = () => {
+  queryParams.value = { pageNum: 1, pageSize: 10 };
+  dropMenu.value?.close();
+  loadMore();
+};
+
+// 获取状态样式
+const getStatusType = (
+  status: number | undefined
+): "default" | "primary" | "danger" | "warning" | "success" => {
+  if (!status) return "default";
+  const statusMap: Record<number, "default" | "primary" | "danger" | "warning" | "success"> = {
+    0: "primary",
+    1: "success",
+    [-1]: "warning",
+  };
+  return statusMap[status] || "default";
+};
+
+// 获取状态文本
+const getStatusText = (status: number | undefined): string => {
+  if (status !== 0 && !status) return "-";
+  const statusMap: Record<number, string> = {
+    0: "未发布",
+    1: "已发布",
+    [-1]: "已撤回",
+  };
+  return statusMap[status] || "未知";
+};
+
+// 获取级别文本
+const getLevelText = (level: string | number | undefined): string => {
+  if (!level) return "-";
+  const levelMap: Record<string, string> = {
+    L: "低",
+    M: "中",
+    H: "高",
+  };
+  return levelMap[String(level)] || String(level);
+};
+
+// 格式化日期
+const formatDate = (date: Date | undefined): string => {
+  return date ? date.toString() : "-";
+};
+
+// 加载更多
+const loadMore = async () => {
+  if (loadState.value === "loading") return;
+
+  loadState.value = "loading";
+  const { list, total: totalCount } = await NoticeAPI.getPage(queryParams.value);
+
+  if (queryParams.value.pageNum === 1) {
+    dataList.value = list;
+  } else {
+    dataList.value = [...dataList.value, ...list];
+  }
+
+  total.value = totalCount;
+  queryParams.value.pageNum++;
+
+  loadState.value = dataList.value.length >= total.value ? "finished" : "loading";
+};
+
+// 查看详情
+const handleView = (notice: NoticePageVO) => {
+  uni.navigateTo({
+    url: `/pages/work/notice/detail?id=${notice.id}`,
+  });
+};
+
+// 操作按钮
+const handleAction = (notice: NoticePageVO) => {
+  const actions = notice.publishStatus !== 1 ? ["查看", "删除", "发布"] : ["查看", "撤回"];
+  uni.showActionSheet({
+    itemList: actions,
+    success: ({ tapIndex }) => {
+      switch (actions[tapIndex]) {
+        case "查看":
+          handleView(notice);
+          break;
+        case "删除":
+          handleDelete(notice);
+          break;
+        case "发布":
+          handlePublish(notice);
+          break;
+        case "撤回":
+          handleRevoke(notice);
+          break;
+      }
+    },
+  });
+};
+
+// 删除
+const handleDelete = (notice: NoticePageVO) => {
+  uni.showModal({
+    title: "提示",
+    content: "确定要删除该通知吗？",
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          await NoticeAPI.deleteByIds(notice.id);
+          uni.showToast({ title: "删除成功", icon: "success" });
+          // 重新加载第一页
+          queryParams.value.pageNum = 1;
+          loadMore();
+        } catch (error) {
+          uni.showToast({ title: "删除失败" + error, icon: "none" });
+        }
+      }
+    },
+  });
+};
+
+// 发布
+const handlePublish = (notice: NoticePageVO) => {
+  uni.showModal({
+    title: "提示",
+    content: "确定要发布该通知吗？",
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          await NoticeAPI.publish(Number(notice.id));
+          uni.showToast({ title: "发布成功", icon: "success" });
+          // 重新加载第一页
+          queryParams.value.pageNum = 1;
+          loadMore();
+        } catch (error) {
+          uni.showToast({ title: "发布失败" + error, icon: "none" });
+        }
+      }
+    },
+  });
+};
+
+// 撤回
+const handleRevoke = (notice: NoticePageVO) => {
+  uni.showModal({
+    title: "提示",
+    content: "确定要撤回该通知吗？",
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          await NoticeAPI.revoke(Number(notice.id));
+          uni.showToast({
+            title: "撤回成功",
+            icon: "success",
+          });
+          // 刷新列表
+          queryParams.value.pageNum = 1;
+          loadMore();
+        } catch (error) {
+          uni.showToast({
+            title: "撤回失败" + error,
+            icon: "error",
+          });
+        }
+      }
+    },
+  });
+};
+
+onReachBottom(() => {
+  if (loadState.value === "loading" || loadState.value === "finished") return;
+  loadMore();
+});
+
+onLoad(() => {
+  loadMore();
+});
+</script>
 
 <route lang="json">
 {
@@ -15,4 +277,29 @@
 }
 </route>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.data-container {
+  :deep(.wd-cell__wrapper) {
+    padding: 4rpx 0;
+  }
+
+  :deep(.wd-cell) {
+    padding-right: 10rpx;
+    background: #f8f8f8;
+  }
+
+  :deep(.wd-fab__trigger) {
+    width: 80rpx !important;
+    height: 80rpx !important;
+  }
+
+  .filter-container {
+    padding: 10rpx;
+    background: #fff;
+  }
+
+  .data-container {
+    margin-top: 20rpx;
+  }
+}
+</style>
diff --git a/src/pages/work/permission/index.vue b/src/pages/work/permission/index.vue
deleted file mode 100644
index e42714b..0000000
--- a/src/pages/work/permission/index.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <view class="page">
-    <wd-cell-group border>
-      <wd-cell title="权限管理" is-link to="/pages/work/permission/index" />
-    </wd-cell-group>
-    <view class="placeholder">
-      <text class="placeholder__text">权限管理功能开发中...</text>
-    </view>
-  </view>
-</template>
-
-<script setup lang="ts">
-</script>
-
-<route lang="json">
-{
-  "name": "permission",
-  "style": { "navigationBarTitleText": "权限管理" }
-}
-</route>
-
-<style lang="scss" scoped>
-.page {
-  min-height: 100vh;
-  background-color: #f8fafc;
-}
-
-.placeholder {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 300rpx;
-
-  &__text {
-    font-size: 14px;
-    color: #94a3b8;
-  }
-}
-</style>
diff --git a/src/pages/work/role/index.vue b/src/pages/work/role/index.vue
index d0183c4..2415334 100644
--- a/src/pages/work/role/index.vue
+++ b/src/pages/work/role/index.vue
@@ -1,10 +1,310 @@
 <template>
-  <view class="page-container dark:text-[var(--wot-color-text)]">
-    <wd-status-tip type="search" tip="角色管理功能建设中..." />
+  <view class="role">
+    <!-- 筛选 -->
+    <wd-drop-menu>
+      <wd-drop-menu-item ref="filterDropMenu" icon="filter" icon-size="18px" title="筛选">
+        <view>
+          <wd-input
+            v-model="queryParams.keywords"
+            label="关键字"
+            type="text"
+            placeholder="请输入关键字"
+          />
+          <view class="flex-between py-2">
+            <wd-button custom-class="w-20%" type="info" @click="handleResetQuery">重置</wd-button>
+            <wd-button custom-class="w-70%" @click="handleQuery">确定</wd-button>
+          </view>
+        </view>
+      </wd-drop-menu-item>
+    </wd-drop-menu>
+    <!-- 卡片列表 -->
+    <view class="list-container">
+      <wd-card v-for="item in dataList" :key="item.id" class="role-card">
+        <template #title>
+          <view class="flex-between">
+            <view class="flex-center">
+              <view class="ml-2">
+                <view class="font-bold">
+                  {{ item.name }}
+                </view>
+              </view>
+            </view>
+            <view>
+              <wd-tag v-if="item.status === 1" type="success" plain>正常</wd-tag>
+              <wd-tag v-else-if="item.status === 0" plain>停用</wd-tag>
+            </view>
+          </view>
+        </template>
+
+        <wd-cell-group>
+          <wd-cell title="编码" title-width="150rpx" :value="item.code" />
+          <wd-cell title="排序号" title-width="150rpx" :value="item.sort" />
+        </wd-cell-group>
+
+        <template #footer>
+          <view class="flex-between">
+            <view class="text-left">
+              <wd-text text="创建时间：" size="small" class="font-bold" />
+              <wd-text :text="item.createTime" size="small" />
+            </view>
+            <view class="flex-right">
+              <wd-button size="small" plain @click="handleAction(item)">操作</wd-button>
+            </view>
+          </view>
+        </template>
+      </wd-card>
+
+      <!-- 加载更多 -->
+      <wd-loadmore :state="loadMoreState" @reload="queryPageData" />
+    </view>
+    <!-- 底部按钮 -->
+    <wd-fab
+      position="left-bottom"
+      :expandable="false"
+      customStyle="width: 1rem; height: 1rem; line-height: 1rem;z-index:9"
+      @click="handleOpenDialog()"
+    />
+
+    <wd-popup v-model="dialog.visible" position="bottom" custom-class="yl_popup">
+      <wd-form ref="roleFormRef" :model="formData" :rules="rules">
+        <wd-cell-group border>
+          <wd-input v-model="formData.name" label="角色名称" prop="name" />
+          <wd-input v-model="formData.code" label="角色编码" prop="code" />
+          <wd-select-picker
+            v-model="formData.dataScope"
+            type="radio"
+            label="数据权限"
+            :columns="dataScopeOptions"
+            :align-right="true"
+            prop="dataScope"
+          />
+          <wd-cell title="状态" prop="status">
+            <wd-switch v-model="formData.status" :active-value="1" :inactive-value="0" />
+          </wd-cell>
+          <wd-cell title="排序" prop="sort">
+            <wd-input-number v-model="formData.sort" />
+          </wd-cell>
+        </wd-cell-group>
+      </wd-form>
+      <view class="footer">
+        <wd-button type="primary" block @click="handleSubmit">提交</wd-button>
+      </view>
+    </wd-popup>
+    <wd-message-box />
   </view>
 </template>
+<script lang="ts" setup>
+import RoleAPI, { RolePageVO, RolePageQuery, RoleForm } from "@/api/role";
+import { useUserStore } from "@/store";
+import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
+import { DropMenuItemExpose } from "wot-design-uni/components/wd-drop-menu-item/types";
+import { FormInstance } from "wot-design-uni/components/wd-form/types";
+import { FormRules } from "wot-design-uni/components/wd-form/types";
+import { useMessage } from "wot-design-uni";
+const message = useMessage();
 
-<script setup lang="ts"></script>
+const loadMoreState = ref<LoadMoreState>("loading");
+
+const total = ref(0);
+
+const queryParams = reactive<RolePageQuery>({
+  pageNum: 1,
+  pageSize: 10,
+});
+
+/**
+ * 搜索栏
+ */
+const filterDropMenu = ref<DropMenuItemExpose>();
+
+function handleQuery() {
+  filterDropMenu.value?.close();
+  queryParams.pageNum = 1;
+  dataList.value = [];
+  queryPageData();
+}
+/**
+ * 重置查询
+ */
+const handleResetQuery = () => {
+  filterDropMenu.value?.close();
+  queryParams.keywords = "";
+  queryParams.pageNum = 1;
+  dataList.value = [];
+  queryPageData();
+};
+
+// 角色列表数据
+const dataList = ref<RolePageVO[]>([]);
+
+/**
+ * 查询分页数据
+ */
+function queryPageData() {
+  loadMoreState.value = "loading";
+  RoleAPI.getPage(queryParams)
+    .then((data) => {
+      dataList.value?.push(...data.list);
+      total.value = data.total;
+    })
+    .catch((e) => {
+      console.log("系统异常", e);
+    })
+    .finally(() => {
+      loadMoreState.value = "finished";
+    });
+}
+
+/**
+ * 触底事件
+ */
+onReachBottom(() => {
+  if (queryParams.pageNum * queryParams.pageSize < total.value) {
+    queryParams.pageNum++;
+    queryPageData();
+  } else {
+    loadMoreState.value = "finished";
+  }
+});
+
+// 操作按钮
+const handleAction = (item: RolePageVO) => {
+  const { roles = [], perms = [] } = useUserStore().userInfo || {};
+  const canAssignPerm = roles.includes("ROOT") || perms.includes("sys:role:assign");
+  const actions = canAssignPerm ? ["编辑", "分配权限", "删除"] : ["编辑", "删除"];
+  uni.showActionSheet({
+    itemList: actions,
+    success: ({ tapIndex }) => {
+      switch (actions[tapIndex]) {
+        case "编辑":
+          handleOpenDialog(item.id);
+          break;
+        case "分配权限":
+          handleAssignPerm(item.id);
+          break;
+        case "删除":
+          handleDelete(item.id);
+          break;
+      }
+    },
+  });
+};
+
+const dialog = reactive({
+  visible: false,
+});
+
+const dataScopeOptions = ref<Record<string, any>[]>([
+  { label: "全部数据", value: 0 },
+  { label: "部门及子部门数据", value: 1 },
+  { label: "本部门数据", value: 2 },
+  { label: "本人数据", value: 3 },
+]);
+
+const formData = reactive<RoleForm>({
+  dataScope: 0,
+  sort: 1,
+});
+
+const rules: FormRules = {
+  name: [{ required: true, message: "请输入角色名称", trigger: "blur" }],
+  code: [{ required: true, message: "请输入角色编码", trigger: "blur" }],
+  dataScope: [{ required: true, message: "请选择数据权限", trigger: "blur" }],
+  status: [{ required: true, message: "请选择状态", trigger: "change" }],
+  sort: [{ required: true, message: "请输入排序号", trigger: "change" }],
+};
+
+const roleFormRef = ref<FormInstance>();
+
+/**
+ * 打开弹窗
+ */
+async function handleOpenDialog(id?: number) {
+  dialog.visible = true;
+  formData.id = undefined;
+  formData.name = "";
+  formData.code = "";
+  formData.dataScope = 0;
+  formData.status = 1;
+  formData.sort = 1;
+  if (id) {
+    RoleAPI.getFormData(id).then((data) => {
+      Object.assign(formData, { ...data });
+    });
+  }
+}
+
+/**
+ * 提交保存
+ */
+function handleSubmit() {
+  if (roleFormRef.value) {
+    roleFormRef.value.validate().then(({ valid }) => {
+      if (valid) {
+        const roleId = formData.id;
+        if (roleId) {
+          RoleAPI.update(roleId, formData).then(() => {
+            uni.showToast({ title: "修改成功", icon: "success" });
+            dialog.visible = false;
+            queryParams.pageNum = 1;
+            handleQuery();
+          });
+        } else {
+          RoleAPI.add(formData).then(() => {
+            uni.showToast({ title: "添加成功", icon: "success" });
+            dialog.visible = false;
+            queryParams.pageNum = 1;
+            handleQuery();
+          });
+        }
+      }
+    });
+  }
+}
+
+/**
+ * 删除
+ *
+ * @param id  用户id
+ */
+function handleDelete(id: number) {
+  message
+    .confirm({
+      msg: "确认删除角色吗？",
+      title: "提示",
+    })
+    .then(() => {
+      RoleAPI.deleteByIds(id + "").then(() => {
+        uni.showToast({ title: "删除成功", icon: "success" });
+        queryParams.pageNum = 1;
+        handleQuery();
+      });
+    })
+    .catch(() => {
+      console.log("点击了取消按钮");
+    });
+}
+
+function handleAssignPerm(id: number) {
+  uni.navigateTo({
+    url: "/pages/work/role/assign-perm?id=" + id,
+  });
+}
+
+onLoad(() => {
+  handleQuery();
+});
+</script>
+
+<script lang="ts">
+// https://wot-design-uni.pages.dev/guide/common-problems#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%A0%B7%E5%BC%8F%E9%9A%94%E7%A6%BB
+export default {
+  options: {
+    styleIsolation: "shared",
+  },
+};
+</script>
 
 <route lang="json">
 {
@@ -15,4 +315,48 @@
 }
 </route>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.role {
+  :deep(.wd-drop-menu .wd-drop-menu__item) {
+    display: flex;
+    justify-content: flex-end;
+    padding: 0 50rpx;
+  }
+  .list-container {
+    .role-card {
+      margin-top: 20rpx;
+      :deep(.wd-cell__wrapper) {
+        padding: 4rpx 0;
+      }
+      :deep(.wd-cell) {
+        padding-right: 10rpx;
+        background: #f8f8f8;
+      }
+    }
+  }
+  :deep(.wd-cell__wrapper) {
+    padding: 4rpx 0;
+  }
+
+  :deep(.wd-cell) {
+    padding-right: 10rpx;
+    background: #f8f8f8;
+  }
+
+  :deep(.wd-fab__trigger) {
+    width: 80rpx !important;
+    height: 80rpx !important;
+  }
+  .yl_popup {
+    .footer {
+      margin: 30rpx 0;
+    }
+  }
+  :deep(.w-20per) {
+    width: 20%;
+  }
+  :deep(.w-70per) {
+    width: 70%;
+  }
+}
+</style>
diff --git a/src/pages/work/user/index.vue b/src/pages/work/user/index.vue
index 15551b1..b9ba2a9 100644
--- a/src/pages/work/user/index.vue
+++ b/src/pages/work/user/index.vue
@@ -1,10 +1,391 @@
 <template>
-  <view class="page-container dark:text-[var(--wot-color-text)]">
-    <wd-status-tip type="search" tip="用户管理功能建设中..." />
+  <view class="user-container">
+    <!-- 排序筛选 -->
+    <view class="filter-container">
+      <wd-drop-menu>
+        <wd-drop-menu-item
+          v-model="sortValue"
+          :options="sortOptions"
+          title="排序"
+          icon="unfold-more"
+          @change="handleSortChange"
+        />
+        <wd-drop-menu-item ref="filterDropMenu" title="筛选" icon="filter">
+          <view>
+            <wd-input
+              v-model="queryParams.keywords"
+              label="关键字"
+              placeholder="用户名/昵称/手机号"
+            />
+
+            <cu-date-query v-model="queryParams.createTime" label="创建时间" />
+
+            <view class="flex-between py-2">
+              <wd-button type="info" @click="handleResetQuery">重置</wd-button>
+              <wd-button @click="handleQuery">查询</wd-button>
+            </view>
+          </view>
+        </wd-drop-menu-item>
+      </wd-drop-menu>
+    </view>
+
+    <!-- 数据列表 -->
+    <view class="data-container">
+      <wd-card v-for="item in pageData" :key="item.id">
+        <template #title>
+          <view class="flex-between">
+            <view class="flex-center">
+              <wd-img :width="50" :height="50" round :src="item.avatar" />
+              <view class="ml-2">
+                <view class="font-bold">
+                  {{ item.nickname }}
+                  <wd-icon v-if="item.gender == 1" name="gender-male" class="color-#4D80F0" />
+                  <wd-icon
+                    v-else-if="item.gender == 2"
+                    name="gender-female"
+                    class="color-#FA4350"
+                  />
+                </view>
+                <view class="mt-1"><wd-text :text="item.deptName" size="12px" /></view>
+              </view>
+            </view>
+            <view>
+              <wd-tag v-if="item.status === 1" type="success" plain>正常</wd-tag>
+              <wd-tag v-else-if="item.status === 0" plain>禁用</wd-tag>
+            </view>
+          </view>
+        </template>
+
+        <wd-cell-group>
+          <wd-cell title="用户名" :value="item.username" icon="user" />
+          <wd-cell title="角色" :value="item.roleNames" icon="usergroup" />
+          <wd-cell title="手机号码" :value="item.mobile" icon="mobile" />
+          <wd-cell title="邮箱" :value="item.email" icon="mail" />
+        </wd-cell-group>
+
+        <template #footer>
+          <view class="flex-between">
+            <view class="text-left">
+              <wd-text text="创建时间：" size="small" class="font-bold" />
+              <wd-text :text="item.createTime" size="small" />
+            </view>
+            <view class="text-right">
+              <Auth permission="sys:user:update">
+                <wd-button
+                  type="primary"
+                  size="small"
+                  plain
+                  @click="handleOpenDialog(item.id)"
+                >
+                  编辑
+                </wd-button>
+                &nbsp;
+              </Auth>
+              <Auth permission="sys:user:delete">
+                <wd-button
+                  type="error"
+                  size="small"
+                  plain
+                  @click="handleDelete(item.id)"
+                >
+                  删除
+                </wd-button>
+              </Auth>
+            </view>
+          </view>
+        </template>
+      </wd-card>
+
+      <wd-loadmore v-if="total > 0" :state="loadMoreState" @reload="loadmore" />
+      <wd-status-tip v-else-if="total == 0" image="search" tip="当前搜索无结果" />
+    </view>
+
+    <!-- 弹窗表单 -->
+    <wd-popup v-model="dialog.visible" position="bottom" @close="hancleCloseDialog">
+      <wd-form ref="userFormRef" :model="formData" :rules="rules">
+        <wd-cell-group border>
+          <wd-input v-model="formData.username" label="用户名" :readonly="!formData.id" required />
+          <wd-input v-model="formData.nickname" label="昵称" required />
+          <wd-select-picker
+            v-model="formData.roleIds"
+            label="角色"
+            :columns="roleOptions"
+            required
+          />
+          <CuPicker
+            v-model="formData.deptId"
+            v-model:data="deptOptions"
+            label="部门"
+            :required="true"
+          />
+          <wd-input v-model="formData.mobile" label="手机号" prop="mobile" />
+          <wd-input v-model="formData.email" label="邮箱" prop="email" />
+          <wd-cell title="状态">
+            <wd-switch v-model="formData.status" :active-value="1" :inactive-value="0" required />
+          </wd-cell>
+        </wd-cell-group>
+      </wd-form>
+      <view class="popup-footer">
+        <wd-button type="primary" block @click="handleSubmit">提交</wd-button>
+      </view>
+    </wd-popup>
+
+    <!-- 悬浮操作按钮 -->
+    <Auth permission="sys:user:create">
+      <wd-fab
+        position="left-bottom"
+        :expandable="false"
+        custom-style="z-index: 9"
+        @click="handleOpenDialog"
+      />
+    </Auth>
+
+    <wd-message-box />
   </view>
 </template>
 
-<script setup lang="ts"></script>
+<script lang="ts" setup>
+import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+
+import { LoadMoreState } from "wot-design-uni/components/wd-loadmore/types";
+import { FormRules } from "wot-design-uni/components/wd-form/types";
+import { useMessage } from "wot-design-uni";
+
+import UserAPI, { type UserPageQuery, UserPageVO, UserForm } from "@/api/user";
+import RoleAPI from "@/api/role";
+import DeptAPI from "@/api/dept";
+
+const message = useMessage();
+const loadMoreState = ref<LoadMoreState>("loading");
+const filterDropMenu = ref();
+const userFormRef = ref();
+
+const sortValue = ref(0);
+const sortOptions = ref<Record<string, any>[]>([
+  { label: "默认排序", value: 0 },
+  { label: "最近创建", value: 1 },
+  { label: "最近更新", value: 2 },
+]);
+
+let queryParams: UserPageQuery = {
+  pageNum: 1,
+  pageSize: 10,
+};
+
+const total = ref(0);
+const pageData = ref<UserPageVO[]>([]);
+
+const dialog = reactive({
+  visible: false,
+});
+
+const initialFormData: UserForm = {
+  id: undefined,
+  roleIds: [],
+  username: undefined,
+  nickname: undefined,
+  deptId: undefined,
+  mobile: undefined,
+  email: undefined,
+  status: 1,
+};
+
+const formData = reactive<UserForm>({ ...initialFormData });
+
+const roleOptions = ref<Record<string, any>[]>([]);
+const deptOptions = ref<OptionType[]>([]);
+const rules: FormRules = {
+  username: [{ required: true, message: "请输入用户名" }],
+  nickname: [{ required: true, message: "请输入昵称" }],
+  roleIds: [{ required: true, message: "请选择角色" }],
+  deptId: [{ required: true, message: "请选择部门" }],
+  status: [{ required: true, message: "请选择状态" }],
+  mobile: [
+    {
+      required: false,
+      message: "手机号格式不正确",
+      validator: (value: string) => {
+        if (!value) {
+          return Promise.resolve();
+        }
+        if (!/^1[3456789]\d{9}$/.test(value)) {
+          return Promise.reject("手机号格式不正确");
+        } else {
+          return Promise.resolve();
+        }
+      },
+    },
+  ],
+  email: [
+    {
+      required: false,
+      message: "邮箱格式不正确",
+      validator: (value: string) => {
+        if (!value) {
+          return Promise.resolve();
+        }
+        if (!/^\w+([-+.].\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value)) {
+          return Promise.reject("邮箱格式不正确");
+        } else {
+          return Promise.resolve();
+        }
+      },
+    },
+  ],
+};
+
+/**
+ * 排序改变
+ */
+const handleSortChange = (event: { value: string | number }) => {
+  const value = Number(event.value);
+  if (value === 1) {
+    queryParams.field = "create_time";
+    queryParams.direction = "desc";
+  } else if (value === 2) {
+    queryParams.field = "update_time";
+    queryParams.direction = "desc";
+  } else {
+    queryParams.field = "";
+    queryParams.direction = "";
+  }
+  handleQuery();
+};
+
+/**
+ * 查询
+ */
+const handleQuery = () => {
+  filterDropMenu.value?.close();
+  queryParams.pageNum = 1;
+  loadmore();
+};
+
+/**
+ * 重置查询
+ */
+const handleResetQuery = () => {
+  queryParams = {
+    pageNum: 1,
+    pageSize: 10,
+  };
+  handleQuery();
+};
+
+/**
+ * 加载更多
+ */
+function loadmore() {
+  loadMoreState.value = "loading";
+  UserAPI.getPage(queryParams)
+    .then((data) => {
+      pageData.value = data.list;
+      total.value = data.total;
+      queryParams.pageNum++;
+    })
+    .catch((e) => {
+      pageData.value = [];
+    })
+    .finally(() => {
+      loadMoreState.value = "finished";
+    });
+}
+
+/**
+ * 打开弹窗
+ */
+async function handleOpenDialog(id?: number) {
+  dialog.visible = true;
+  roleOptions.value = await RoleAPI.getOptions();
+  deptOptions.value = await DeptAPI.getOptions();
+  if (id) {
+    UserAPI.getFormData(id).then((data) => {
+      Object.assign(formData, { ...data });
+    });
+  }
+}
+
+/**
+ * 提交保存
+ */
+function handleSubmit() {
+  hancleCloseDialog();
+  userFormRef.value.validate().then(({ valid }: { valid: boolean }) => {
+    if (valid) {
+      const userId = formData.id;
+      if (userId) {
+        UserAPI.update(userId, formData).then(() => {
+          message.show("修改成功");
+          hancleCloseDialog();
+          handleQuery();
+        });
+      } else {
+        UserAPI.add(formData).then(() => {
+          message.show("添加成功");
+          hancleCloseDialog();
+          handleQuery();
+        });
+      }
+    }
+  });
+}
+
+// 重置表单
+function resetForm() {
+  userFormRef.value.reset();
+  Object.assign(formData, initialFormData);
+}
+
+// 关闭弹窗
+function hancleCloseDialog() {
+  dialog.visible = false;
+  resetForm();
+}
+
+/**
+ * 删除
+ *
+ * @param id  用户id
+ */
+function handleDelete(id: number) {
+  message
+    .confirm({
+      msg: "确认删除用户吗？",
+      title: "提示",
+    })
+    .then(() => {
+      UserAPI.deleteByIds(id + "").then(() => {
+        message.show("删除成功");
+        handleQuery();
+      });
+    });
+}
+
+/**
+ * 返回
+ */
+// 触底事件
+onReachBottom(() => {
+  if (queryParams.pageNum * queryParams.pageSize < total.value) {
+    loadmore();
+  } else if (queryParams.pageNum * queryParams.pageSize >= total.value) {
+    loadMoreState.value = "finished";
+  }
+});
+
+onLoad(() => {
+  handleQuery();
+});
+</script>
+
+<script lang="ts">
+// https://wot-design-uni.pages.dev/guide/common-problems#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%A0%B7%E5%BC%8F%E9%9A%94%E7%A6%BB
+export default {
+  options: {
+    styleIsolation: "shared",
+  },
+};
+</script>
 
 <route lang="json">
 {
@@ -15,4 +396,33 @@
 }
 </route>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.user-container {
+  :deep(.wd-cell__wrapper) {
+    padding: 4rpx 0;
+  }
+
+  :deep(.wd-cell) {
+    padding-right: 10rpx;
+    background: #f8f8f8;
+  }
+
+  :deep(.wd-fab__trigger) {
+    width: 80rpx !important;
+    height: 80rpx !important;
+  }
+
+  .filter-container {
+    padding: 10rpx;
+    background: #fff;
+  }
+
+  .data-container {
+    margin-top: 20rpx;
+  }
+
+  .popup-footer {
+    margin: 30rpx;
+  }
+}
+</style>
diff --git a/src/router/index.ts b/src/router/index.ts
index ee29fab..9285d11 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,7 @@
 import { pages, subPackages } from "virtual:uni-pages";
-import { isLoggedIn } from "@/utils/auth";
+import { getAccessToken, isLoggedIn } from "@/utils/auth";
 import { createRouter } from "uni-mini-router";
+import { useUserStore } from "@/store";
 
 // 生成路由配置
 function generateRoutes() {
@@ -31,7 +32,7 @@ const router = createRouter({
 });
 
 // 全局前置守卫
-router.beforeEach((to, from, next) => {
+router.beforeEach(async (to, from, next) => {
   if (to.meta && to.meta.requireAuth && !isLoggedIn()) {
     const redirectPath = (to.path || "/pages/index/index") as string;
     // 先取消本次导航，避免在异步对话框中遗漏 next 导致报错
@@ -50,9 +51,31 @@ router.beforeEach((to, from, next) => {
         }
       },
     });
-  } else {
-    next();
+    return;
   }
+
+  if (to.meta && to.meta.requireAuth) {
+    const token = getAccessToken();
+    const userStore = useUserStore();
+
+    if (!token) {
+      next(false);
+      router.push({ path: "/pages/login/index" });
+      return;
+    }
+
+    if (!userStore.userInfo) {
+      try {
+        await userStore.getInfo();
+      } catch {
+        next(false);
+        userStore.logout();
+        return;
+      }
+    }
+  }
+
+  next();
 });
 
 router.afterEach((to, from) => {
diff --git a/src/static/images/header-bg.png b/src/static/images/header-bg.png
deleted file mode 100644
index 4647833..0000000
Binary files a/src/static/images/header-bg.png and /dev/null differ
diff --git a/src/static/images/login-bg.svg b/src/static/images/login-bg.svg
deleted file mode 100644
index bede7f1..0000000
--- a/src/static/images/login-bg.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<svg width="100%" height="100%" viewBox="0 0 750 1334" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg">
-  <!-- 背景渐变 -->
-  <defs>
-    <!-- 主背景渐变 - 蓝色系 -->
-    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#94BFFF" />
-      <stop offset="100%" stop-color="#165DFF" />
-    </linearGradient>
-    
-    <!-- 图形渐变 - 白色半透明 -->
-    <linearGradient id="shapeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#ffffff" stop-opacity="0.3" />
-      <stop offset="100%" stop-color="#ffffff" stop-opacity="0.15" />
-    </linearGradient>
-    
-    <!-- 底部波浪渐变 -->
-    <linearGradient id="waveGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.05" />
-      <stop offset="100%" stop-color="#FFFFFF" stop-opacity="0.1" />
-    </linearGradient>
-
-    <!-- 为暗黑模式提供的额外效果 -->
-    <filter id="softGlow" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur stdDeviation="15" result="blur" />
-      <feComposite in="SourceGraphic" in2="blur" operator="over" />
-    </filter>
-  </defs>
-  
-  <!-- 顶部背景 -->
-  <rect width="100%" height="100%" fill="#1A1A1A" opacity="0" class="dark-mode-bg" />
-  <rect width="100%" height="50%" fill="url(#bgGradient)" />
-  
-  <!-- 左侧装饰图形 -->
-  <rect x="60" y="120" width="110" height="110" rx="15" fill="url(#shapeGradient)" transform="rotate(-10, 115, 175)" opacity="0.7" />
-  <rect x="140" y="70" width="75" height="75" rx="10" fill="url(#shapeGradient)" transform="rotate(15, 177, 107)" opacity="0.6" />
-  <rect x="30" y="220" width="90" height="90" rx="10" fill="url(#shapeGradient)" transform="rotate(-5, 75, 265)" opacity="0.5" />
-  
-  <!-- 右侧装饰图形（对称） -->
-  <circle cx="635" cy="120" r="55" fill="url(#shapeGradient)" opacity="0.7" />
-  <circle cx="573" cy="70" r="37" fill="url(#shapeGradient)" opacity="0.6" />
-  <circle cx="675" cy="220" r="45" fill="url(#shapeGradient)" opacity="0.5" />
-  
-  <!-- 底部波浪形状，适配深色和浅色模式 -->
-  <path d="M0,1200 C150,1100 260,1250 410,1150 C560,1050 640,1180 750,1150 L750,1334 L0,1334 Z" fill="url(#waveGradient)" class="wave-light" />
-  <path d="M0,1200 C150,1100 260,1250 410,1150 C560,1050 640,1180 750,1150 L750,1334 L0,1334 Z" fill="#1A1A1A" opacity="0" class="wave-dark" />
-
-  <style>
-    @media (prefers-color-scheme: dark) {
-      .dark-mode-bg { opacity: 1; }
-      .wave-light { opacity: 0; }
-      .wave-dark { opacity: 0.7; }
-    }
-  </style>
-</svg> 
diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts
index 768e6bd..185fd1f 100644
--- a/src/types/auto-imports.d.ts
+++ b/src/types/auto-imports.d.ts
@@ -8,6 +8,8 @@ export {}
 declare global {
   const CommonUtil: typeof import('wot-design-uni')['CommonUtil']
   const EffectScope: typeof import('vue')['EffectScope']
+  const PERM_ALL: typeof import('../utils/permission')['PERM_ALL']
+  const ROLE_ROOT: typeof import('../utils/permission')['ROLE_ROOT']
   const Storage: typeof import('../utils/storage')['Storage']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
   const applyThemeOnPageShow: typeof import('../utils/theme')['applyThemeOnPageShow']
@@ -18,6 +20,7 @@ declare global {
   const clearTokens: typeof import('../utils/auth')['clearTokens']
   const colorColumns: typeof import('../composables/types/theme')['colorColumns']
   const computed: typeof import('vue')['computed']
+  const config: typeof import('../api/config')['default']
   const createApp: typeof import('vue')['createApp']
   const createPinia: typeof import('pinia')['createPinia']
   const createRouter: typeof import('uni-mini-router')['createRouter']
@@ -27,6 +30,7 @@ declare global {
   const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
   const defineComponent: typeof import('vue')['defineComponent']
   const defineStore: typeof import('pinia')['defineStore']
+  const dept: typeof import('../api/dept')['default']
   const effectScope: typeof import('vue')['effectScope']
   const file: typeof import('../api/file')['default']
   const getAccessToken: typeof import('../utils/auth')['getAccessToken']
@@ -38,6 +42,10 @@ declare global {
   const getUserInfo: typeof import('../utils/storage')['getUserInfo']
   const guessSerializerType: typeof import('@uni-helper/uni-use')['guessSerializerType']
   const h: typeof import('vue')['h']
+  const hasAllPermissions: typeof import('../utils/permission')['hasAllPermissions']
+  const hasAllRoles: typeof import('../utils/permission')['hasAllRoles']
+  const hasPermission: typeof import('../utils/permission')['hasPermission']
+  const hasRole: typeof import('../utils/permission')['hasRole']
   const initTheme: typeof import('../composables/types/theme')['initTheme']
   const inject: typeof import('vue')['inject']
   const isLoggedIn: typeof import('../utils/auth')['isLoggedIn']
@@ -45,6 +53,7 @@ declare global {
   const isReactive: typeof import('vue')['isReactive']
   const isReadonly: typeof import('vue')['isReadonly']
   const isRef: typeof import('vue')['isRef']
+  const log: typeof import('../api/log')['default']
   const mapActions: typeof import('pinia')['mapActions']
   const mapGetters: typeof import('pinia')['mapGetters']
   const mapState: typeof import('pinia')['mapState']
@@ -52,6 +61,7 @@ declare global {
   const mapWritableState: typeof import('pinia')['mapWritableState']
   const markRaw: typeof import('vue')['markRaw']
   const nextTick: typeof import('vue')['nextTick']
+  const notice: typeof import('../api/notice')['default']
   const onActivated: typeof import('vue')['onActivated']
   const onAddToFavorites: typeof import('@dcloudio/uni-app')['onAddToFavorites']
   const onBackPress: typeof import('@dcloudio/uni-app')['onBackPress']
@@ -101,6 +111,7 @@ declare global {
   const requireLogin: typeof import('../utils/auth')['requireLogin']
   const resetTheme: typeof import('../composables/types/theme')['resetTheme']
   const resolveComponent: typeof import('vue')['resolveComponent']
+  const role: typeof import('../api/role')['default']
   const setAccessToken: typeof import('../utils/auth')['setAccessToken']
   const setActivePinia: typeof import('pinia')['setActivePinia']
   const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
@@ -209,6 +220,7 @@ declare module 'vue' {
     readonly clearAll: UnwrapRef<typeof import('../utils/storage')['clearAll']>
     readonly clearTokens: UnwrapRef<typeof import('../utils/auth')['clearTokens']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>
+    readonly config: UnwrapRef<typeof import('../api/config')['default']>
     readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
     readonly createPinia: UnwrapRef<typeof import('pinia')['createPinia']>
     readonly createRouter: UnwrapRef<typeof import('uni-mini-router')['createRouter']>
@@ -217,6 +229,7 @@ declare module 'vue' {
     readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
     readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
     readonly defineStore: UnwrapRef<typeof import('pinia')['defineStore']>
+    readonly dept: UnwrapRef<typeof import('../api/dept')['default']>
     readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
     readonly file: UnwrapRef<typeof import('../api/file')['default']>
     readonly getAccessToken: UnwrapRef<typeof import('../utils/auth')['getAccessToken']>
@@ -227,12 +240,17 @@ declare module 'vue' {
     readonly getToken: UnwrapRef<typeof import('../utils/storage')['getToken']>
     readonly getUserInfo: UnwrapRef<typeof import('../utils/storage')['getUserInfo']>
     readonly h: UnwrapRef<typeof import('vue')['h']>
+    readonly hasAllPermissions: UnwrapRef<typeof import('../utils/permission')['hasAllPermissions']>
+    readonly hasAllRoles: UnwrapRef<typeof import('../utils/permission')['hasAllRoles']>
+    readonly hasPermission: UnwrapRef<typeof import('../utils/permission')['hasPermission']>
+    readonly hasRole: UnwrapRef<typeof import('../utils/permission')['hasRole']>
     readonly inject: UnwrapRef<typeof import('vue')['inject']>
     readonly isLoggedIn: UnwrapRef<typeof import('../utils/auth')['isLoggedIn']>
     readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
     readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
     readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
     readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
+    readonly log: UnwrapRef<typeof import('../api/log')['default']>
     readonly mapActions: UnwrapRef<typeof import('pinia')['mapActions']>
     readonly mapGetters: UnwrapRef<typeof import('pinia')['mapGetters']>
     readonly mapState: UnwrapRef<typeof import('pinia')['mapState']>
@@ -240,6 +258,7 @@ declare module 'vue' {
     readonly mapWritableState: UnwrapRef<typeof import('pinia')['mapWritableState']>
     readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
     readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
+    readonly notice: UnwrapRef<typeof import('../api/notice')['default']>
     readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
     readonly onAddToFavorites: UnwrapRef<typeof import('@dcloudio/uni-app')['onAddToFavorites']>
     readonly onBackPress: UnwrapRef<typeof import('@dcloudio/uni-app')['onBackPress']>
@@ -286,6 +305,7 @@ declare module 'vue' {
     readonly request: UnwrapRef<typeof import('../utils/request')['default']>
     readonly requireLogin: UnwrapRef<typeof import('../utils/auth')['requireLogin']>
     readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
+    readonly role: UnwrapRef<typeof import('../api/role')['default']>
     readonly setAccessToken: UnwrapRef<typeof import('../utils/auth')['setAccessToken']>
     readonly setActivePinia: UnwrapRef<typeof import('pinia')['setActivePinia']>
     readonly setMapStoreSuffix: UnwrapRef<typeof import('pinia')['setMapStoreSuffix']>
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index c45d947..c6b7409 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -20,7 +20,6 @@ interface NavigateToOptions {
        "/pages/work/log/index" |
        "/pages/work/menu/index" |
        "/pages/work/notice/index" |
-       "/pages/work/permission/index" |
        "/pages/work/role/index" |
        "/pages/work/user/index" |
        "/pages/mine/settings/agreement/index" |
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
index 44f9f4d..650da81 100644
--- a/src/utils/auth.ts
+++ b/src/utils/auth.ts
@@ -65,11 +65,10 @@ export function clearTokens(): void {
  * @returns 返回用户是否已登录
  */
 export function checkLogin(silent: boolean = false): boolean {
-  const userStore = useUserStore();
   const accessToken = getAccessToken();
 
-  // 检查 token 和用户信息是否都存在
-  const isLoggedIn = !!(accessToken && userStore.userInfo);
+  // 检查 token 是否存在
+  const isLoggedIn = !!accessToken;
 
   if (!isLoggedIn && !silent) {
     try {
@@ -119,7 +118,7 @@ export function checkLogin(silent: boolean = false): boolean {
  * @returns 返回用户是否已登录
  */
 export function isLoggedIn(): boolean {
-  return checkLogin(true);
+  return !!getAccessToken();
 }
 
 /**
diff --git a/src/utils/permission.ts b/src/utils/permission.ts
new file mode 100644
index 0000000..220a400
--- /dev/null
+++ b/src/utils/permission.ts
@@ -0,0 +1,155 @@
+import { useUserStore } from "@/store";
+import { ROLE_ROOT, PERM_ALL } from "@/constants";
+
+/**
+ * 检查是否拥有指定权限
+ *
+ * @param permission 权限标识，支持字符串或字符串数组（满足其一即可）
+ * @returns 是否拥有权限
+ *
+ * @example
+ * hasPermission('sys:user:create') // 检查单个权限
+ * hasPermission(['sys:user:create', 'sys:user:update']) // 满足其一即可
+ */
+export function hasPermission(permission: string | string[]): boolean {
+  // 参数校验
+  if (!permission) {
+    console.warn("[Permission] 需要提供权限标识");
+    return false;
+  }
+
+  // 标准化为数组
+  const permissions = Array.isArray(permission) ? permission : [permission];
+
+  // 空数组校验
+  if (permissions.length === 0) {
+    console.warn("[Permission] 权限标识数组不能为空");
+    return false;
+  }
+
+  const userStore = useUserStore();
+  const userInfo = userStore.userInfo;
+
+  // 未登录或无用户信息
+  if (!userInfo) {
+    return false;
+  }
+
+  const { roles = [], perms = [] } = userInfo;
+
+  // 超级管理员拥有所有权限
+  if (roles.includes(ROLE_ROOT)) {
+    return true;
+  }
+
+  // 检查是否包含全部权限标识
+  if (permissions.includes(PERM_ALL)) {
+    return true;
+  }
+
+  // 检查权限：满足其一即可
+  return permissions.some((perm) => perms.includes(perm));
+}
+
+/**
+ * 检查是否拥有指定角色
+ *
+ * @param role 角色标识，支持字符串或字符串数组（满足其一即可）
+ * @returns 是否拥有角色
+ *
+ * @example
+ * hasRole('ADMIN') // 检查单个角色
+ * hasRole(['ADMIN', 'TEST']) // 满足其一即可
+ */
+export function hasRole(role: string | string[]): boolean {
+  // 参数校验
+  if (!role) {
+    console.warn("[Permission] 需要提供角色标识");
+    return false;
+  }
+
+  // 标准化为数组
+  const roles = Array.isArray(role) ? role : [role];
+
+  // 空数组校验
+  if (roles.length === 0) {
+    console.warn("[Permission] 角色标识数组不能为空");
+    return false;
+  }
+
+  const userStore = useUserStore();
+  const userInfo = userStore.userInfo;
+
+  // 未登录或无用户信息
+  if (!userInfo) {
+    return false;
+  }
+
+  const userRoles = userInfo.roles || [];
+
+  // 超级管理员拥有所有角色
+  if (userRoles.includes(ROLE_ROOT)) {
+    return true;
+  }
+
+  // 检查角色：满足其一即可
+  return roles.some((r) => userRoles.includes(r));
+}
+
+/**
+ * 检查是否拥有所有指定权限（且关系）
+ *
+ * @param permissions 权限标识数组
+ * @returns 是否拥有所有权限
+ */
+export function hasAllPermissions(permissions: string[]): boolean {
+  if (!permissions || permissions.length === 0) {
+    return false;
+  }
+
+  const userStore = useUserStore();
+  const userInfo = userStore.userInfo;
+
+  if (!userInfo) {
+    return false;
+  }
+
+  const { roles = [], perms = [] } = userInfo;
+
+  // 超级管理员拥有所有权限
+  if (roles.includes(ROLE_ROOT)) {
+    return true;
+  }
+
+  // 检查权限：必须全部满足
+  return permissions.every((perm) => perms.includes(perm));
+}
+
+/**
+ * 检查是否拥有所有指定角色（且关系）
+ *
+ * @param roles 角色标识数组
+ * @returns 是否拥有所有角色
+ */
+export function hasAllRoles(roles: string[]): boolean {
+  if (!roles || roles.length === 0) {
+    return false;
+  }
+
+  const userStore = useUserStore();
+  const userInfo = userStore.userInfo;
+
+  if (!userInfo) {
+    return false;
+  }
+
+  const userRoles = userInfo.roles || [];
+
+  // 超级管理员拥有所有角色
+  if (userRoles.includes(ROLE_ROOT)) {
+    return true;
+  }
+
+  // 检查角色：必须全部满足
+  return roles.every((role) => userRoles.includes(role));
+}
diff --git a/vite.config.ts b/vite.config.ts
index 5ef6b99..7fc3579 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,6 +10,7 @@ import { WotResolver } from "@uni-helper/vite-plugin-uni-components/resolvers";
 export default defineConfig(async ({ mode }: ConfigEnv): Promise<UserConfig> => {
   const UnoCss = await import("unocss/vite").then((i) => i.default);
   const env = loadEnv(mode, process.cwd());
+  const isProd = mode === "production";
 
   return {
     server: {
@@ -27,7 +28,14 @@ export default defineConfig(async ({ mode }: ConfigEnv): Promise<UserConfig> =>
     build: {
       target: "es6",
       cssTarget: "chrome61",
+      // 微信小程序单文件上传限制 2MB，生产构建关闭 sourcemap 并尽量减少调试输出
+      sourcemap: false,
     },
+    esbuild: isProd
+      ? {
+          drop: ["console", "debugger"],
+        }
+      : undefined,
     optimizeDeps: {
       include: ["wot-design-uni"],
       exclude: ["vue-demi"],