From ce3d0a7e060e58b790dd9f6682870fad9e93e21f Mon Sep 17 00:00:00 2001
From: icssoa <615206459@qq.com>
Date: Wed, 6 Jul 2022 12:35:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=AD=97=E5=85=B8=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/cool/temp/entity.d.ts                  | 507 ++++++++++++
 build/cool/temp/eps.json                     |   2 +-
 build/cool/temp/service.d.ts                 | 789 +++++++++++--------
 package.json                                 |   4 +-
 src/cool/bootstrap.ts                        |   7 +
 src/modules/base/common/permission.ts        |  14 +-
 src/modules/base/components/select/index.vue |  10 +-
 src/modules/base/components/view/group.vue   | 154 ++++
 src/modules/base/views/user.vue              | 241 ++----
 src/modules/demo/views/crud.vue              |  17 +
 src/modules/dict/components/group.vue        | 255 ++++++
 src/modules/dict/index.ts                    |   7 +
 src/modules/dict/store/dict.ts               |  52 ++
 src/modules/dict/store/index.ts              |   9 +
 src/modules/dict/views/list.vue              | 120 +++
 yarn.lock                                    |   8 +-
 16 files changed, 1672 insertions(+), 524 deletions(-)
 create mode 100644 src/modules/base/components/view/group.vue
 create mode 100644 src/modules/dict/components/group.vue
 create mode 100644 src/modules/dict/index.ts
 create mode 100644 src/modules/dict/store/dict.ts
 create mode 100644 src/modules/dict/store/index.ts
 create mode 100644 src/modules/dict/views/list.vue

diff --git a/build/cool/temp/entity.d.ts b/build/cool/temp/entity.d.ts
index e69de29..4a8e309 100644
--- a/build/cool/temp/entity.d.ts
+++ b/build/cool/temp/entity.d.ts
@@ -0,0 +1,507 @@
+declare interface BaseSysDepartmentEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 部门名称
+	 */
+	name?: string;
+	/**
+	 * 上级部门ID
+	 */
+	parentId?: BigInt;
+	/**
+	 * 排序
+	 */
+	orderNum?: number;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface BaseSysLogEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 用户ID
+	 */
+	userId?: BigInt;
+	/**
+	 * 行为
+	 */
+	action?: string;
+	/**
+	 * ip
+	 */
+	ip?: string;
+	/**
+	 * ip地址
+	 */
+	ipAddr?: string;
+	/**
+	 * 参数
+	 */
+	params?: string;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface BaseSysMenuEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 父菜单ID
+	 */
+	parentId?: BigInt;
+	/**
+	 * 菜单名称
+	 */
+	name?: string;
+	/**
+	 * 菜单地址
+	 */
+	router?: string;
+	/**
+	 * 权限标识
+	 */
+	perms?: string;
+	/**
+	 * 类型 0：目录 1：菜单 2：按钮
+	 */
+	type?: number;
+	/**
+	 * 图标
+	 */
+	icon?: string;
+	/**
+	 * 排序
+	 */
+	orderNum?: number;
+	/**
+	 * 视图地址
+	 */
+	viewPath?: string;
+	/**
+	 * 路由缓存
+	 */
+	keepAlive?: boolean;
+	/**
+	 * 是否显示
+	 */
+	isShow?: boolean;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface BaseSysParamEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 键位
+	 */
+	keyName?: string;
+	/**
+	 * 名称
+	 */
+	name?: string;
+	/**
+	 * 数据
+	 */
+	data?: string;
+	/**
+	 * 数据类型 0:字符串 1：数组 2：键值对
+	 */
+	dataType?: number;
+	/**
+	 * 备注
+	 */
+	remark?: string;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface BaseSysRoleEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 用户ID
+	 */
+	userId?: string;
+	/**
+	 * 名称
+	 */
+	name?: string;
+	/**
+	 * 角色标签
+	 */
+	label?: string;
+	/**
+	 * 备注
+	 */
+	remark?: string;
+	/**
+	 * 数据权限是否关联上下级
+	 */
+	relevance?: number;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface BaseSysUserEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 部门ID
+	 */
+	departmentId?: BigInt;
+	/**
+	 * 姓名
+	 */
+	name?: string;
+	/**
+	 * 用户名
+	 */
+	username?: string;
+	/**
+	 * 密码
+	 */
+	password?: string;
+	/**
+	 * 密码版本, 作用是改完密码，让原来的token失效
+	 */
+	passwordV?: number;
+	/**
+	 * 昵称
+	 */
+	nickName?: string;
+	/**
+	 * 头像
+	 */
+	headImg?: string;
+	/**
+	 * 手机
+	 */
+	phone?: string;
+	/**
+	 * 邮箱
+	 */
+	email?: string;
+	/**
+	 * 备注
+	 */
+	remark?: string;
+	/**
+	 * 状态 0:禁用 1：启用
+	 */
+	status?: boolean;
+	/**
+	 * socketId
+	 */
+	socketId?: string;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface DemoGoodsEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 标题
+	 */
+	title?: string;
+	/**
+	 * 图片
+	 */
+	pic?: string;
+	/**
+	 * 价格
+	 */
+	price?: number;
+	/**
+	 * 分类
+	 */
+	type?: number;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface DictInfoEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 类型ID
+	 */
+	typeId?: number;
+	/**
+	 * 名称
+	 */
+	name?: string;
+	/**
+	 * 排序
+	 */
+	orderNum?: number;
+	/**
+	 * 备注
+	 */
+	remark?: string;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface DictTypeEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 名称
+	 */
+	name?: string;
+	/**
+	 * 标识
+	 */
+	key?: string;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface SpaceInfoEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 地址
+	 */
+	url?: string;
+	/**
+	 * 类型
+	 */
+	type?: string;
+	/**
+	 * 分类ID
+	 */
+	classifyId?: BigInt;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface SpaceTypeEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 类别名称
+	 */
+	name?: string;
+	/**
+	 * 父分类ID
+	 */
+	parentId?: number;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
+
+declare interface TaskInfoEntity {
+	/**
+	 * ID
+	 */
+	id?: number;
+	/**
+	 * 任务ID
+	 */
+	jobId?: string;
+	/**
+	 * 任务配置
+	 */
+	repeatConf?: string;
+	/**
+	 * 名称
+	 */
+	name?: string;
+	/**
+	 * cron
+	 */
+	cron?: string;
+	/**
+	 * 最大执行次数 不传为无限次
+	 */
+	limit?: number;
+	/**
+	 * 每间隔多少毫秒执行一次 如果cron设置了 这项设置就无效
+	 */
+	every?: number;
+	/**
+	 * 备注
+	 */
+	remark?: string;
+	/**
+	 * 状态 0:停止 1：运行
+	 */
+	status?: boolean;
+	/**
+	 * 开始时间
+	 */
+	startDate?: Date;
+	/**
+	 * 结束时间
+	 */
+	endDate?: Date;
+	/**
+	 * 数据
+	 */
+	data?: string;
+	/**
+	 * 执行的service实例ID
+	 */
+	service?: string;
+	/**
+	 * 状态 0:系统 1：用户
+	 */
+	type?: number;
+	/**
+	 * 下一次执行时间
+	 */
+	nextRunTime?: Date;
+	/**
+	 * 状态 0:cron 1：时间间隔
+	 */
+	taskType?: number;
+	/**
+	 * 创建时间
+	 */
+	createTime?: Date;
+	/**
+	 * 更新时间
+	 */
+	updateTime?: Date;
+	/**
+	 * 任意键值
+	 */
+	[key: string]: any;
+}
diff --git a/build/cool/temp/eps.json b/build/cool/temp/eps.json
index 1b6bbdb..ca78d8e 100644
--- a/build/cool/temp/eps.json
+++ b/build/cool/temp/eps.json
@@ -1 +1 @@
-[["/admin/base/comm",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/personUpdate",""],["","/uploadMode",""],["","/permmenu",""],["","/logout",""]]],["/admin/base/open",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/refreshToken",""],["","/captcha",""],["","/login",""],["","/html",""],["","/eps",""]]],["/admin/base/sys/department",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/order",""]]],["/admin/base/sys/log",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/setKeep",""],["","/getKeep",""],["","/clear",""]]],["/admin/base/sys/menu",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/param",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/html",""]]],["/admin/base/sys/role",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/user",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/move",""]]],["/admin/demo/goods",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/space/info",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/space/type",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/task/info",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/start",""],["","/once",""],["","/stop",""],["","/log",""]]],["/chat/message",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/chat/session",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/test",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]]]
\ No newline at end of file
+[["/admin/base/comm",[["post","/personUpdate",""],["get","/uploadMode",""],["get","/permmenu",""],["get","/person",""],["post","/upload",""],["post","/logout",""],["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/open",[["get","/refreshToken",""],["get","/captcha",""],["post","/login",""],["get","/html",""],["get","/eps",""],["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/department",[["post","/delete",""],["post","/update",""],["post","/order",""],["post","/list",""],["post","/add",""],["","/page",""],["","/info",""]]],["/admin/base/sys/log",[["post","/setKeep",""],["get","/getKeep",""],["post","/clear",""],["post","/page",""],["","/list",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/menu",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/base/sys/param",[["post","/delete",""],["post","/update",""],["get","/html",""],["get","/info",""],["post","/page",""],["post","/add",""],["","/list",""]]],["/admin/base/sys/role",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/base/sys/user",[["post","/delete",""],["post","/update",""],["post","/move",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/demo/goods",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/page",""],["post","/list",""],["post","/add",""]]],["/admin/dict/info",[["post","/delete",""],["post","/update",""],["post","/data",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/dict/type",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/space/info",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/space/type",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/task/info",[["post","/delete",""],["post","/update",""],["post","/start",""],["post","/once",""],["post","/stop",""],["get","/info",""],["post","/page",""],["get","/log",""],["post","/add",""],["","/list",""]]],["/chat/message",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/chat/session",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/test",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]]]
\ No newline at end of file
diff --git a/build/cool/temp/service.d.ts b/build/cool/temp/service.d.ts
index d3ac4e8..65be1ac 100644
--- a/build/cool/temp/service.d.ts
+++ b/build/cool/temp/service.d.ts
@@ -50,6 +50,36 @@ declare interface RequestOptions {
 }
 
 declare interface BaseComm {
+	/**
+	 * 修改个人信息
+	 * @returns Promise<any>
+	 */
+	personUpdate(data?: any): Promise<any>;
+	/**
+	 * 文件上传模式
+	 * @returns Promise<any>
+	 */
+	uploadMode(data?: any): Promise<any>;
+	/**
+	 * 权限与菜单
+	 * @returns Promise<any>
+	 */
+	permmenu(data?: any): Promise<any>;
+	/**
+	 * 个人信息
+	 * @returns Promise<any>
+	 */
+	person(data?: any): Promise<any>;
+	/**
+	 * 文件上传
+	 * @returns Promise<any>
+	 */
+	upload(data?: any): Promise<any>;
+	/**
+	 * 退出
+	 * @returns Promise<any>
+	 */
+	logout(data?: any): Promise<any>;
 	/**
 	 * list
 	 * @returns Promise<any>
@@ -80,44 +110,51 @@ declare interface BaseComm {
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
-	/**
-	 * personUpdate
-	 * @returns Promise<any>
-	 */
-	personUpdate(data?: any): Promise<any>;
-	/**
-	 * uploadMode
-	 * @returns Promise<any>
-	 */
-	uploadMode(data?: any): Promise<any>;
-	/**
-	 * permmenu
-	 * @returns Promise<any>
-	 */
-	permmenu(data?: any): Promise<any>;
-	/**
-	 * logout
-	 * @returns Promise<any>
-	 */
-	logout(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
+		personUpdate: string;
+		uploadMode: string;
+		permmenu: string;
+		person: string;
+		upload: string;
+		logout: string;
 		list: string;
 		page: string;
 		info: string;
 		update: string;
 		delete: string;
 		add: string;
-		personUpdate: string;
-		uploadMode: string;
-		permmenu: string;
-		logout: string;
 	};
 }
 
 declare interface BaseOpen {
+	/**
+	 * 刷新token
+	 * @returns Promise<any>
+	 */
+	refreshToken(data?: any): Promise<any>;
+	/**
+	 * 验证码
+	 * @returns Promise<any>
+	 */
+	captcha(data?: any): Promise<any>;
+	/**
+	 * 登录
+	 * @returns Promise<any>
+	 */
+	login(data?: any): Promise<any>;
+	/**
+	 * 获得网页内容的参数值
+	 * @returns Promise<any>
+	 */
+	html(data?: any): Promise<any>;
+	/**
+	 * 实体信息与路径
+	 * @returns Promise<any>
+	 */
+	eps(data?: any): Promise<any>;
 	/**
 	 * list
 	 * @returns Promise<any>
@@ -148,55 +185,50 @@ declare interface BaseOpen {
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
-	/**
-	 * refreshToken
-	 * @returns Promise<any>
-	 */
-	refreshToken(data?: any): Promise<any>;
-	/**
-	 * captcha
-	 * @returns Promise<any>
-	 */
-	captcha(data?: any): Promise<any>;
-	/**
-	 * login
-	 * @returns Promise<any>
-	 */
-	login(data?: any): Promise<any>;
-	/**
-	 * html
-	 * @returns Promise<any>
-	 */
-	html(data?: any): Promise<any>;
-	/**
-	 * eps
-	 * @returns Promise<any>
-	 */
-	eps(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
-		list: string;
-		page: string;
-		info: string;
-		update: string;
-		delete: string;
-		add: string;
 		refreshToken: string;
 		captcha: string;
 		login: string;
 		html: string;
 		eps: string;
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
 	};
 }
 
 declare interface BaseSysDepartment {
 	/**
-	 * list
+	 * 删除
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 排序
+	 * @returns Promise<any>
+	 */
+	order(data?: any): Promise<any>;
+	/**
+	 * 列表查询
 	 * @returns Promise<any>
 	 */
 	list(data?: any): Promise<any>;
+	/**
+	 * 新增
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
 	/**
 	 * page
 	 * @returns Promise<PageResponse>
@@ -207,51 +239,46 @@ declare interface BaseSysDepartment {
 	 * @returns Promise<any>
 	 */
 	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * add
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
-	/**
-	 * order
-	 * @returns Promise<any>
-	 */
-	order(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
+		delete: string;
+		update: string;
+		order: string;
 		list: string;
+		add: string;
 		page: string;
 		info: string;
-		update: string;
-		delete: string;
-		add: string;
-		order: string;
 	};
 }
 
 declare interface BaseSysLog {
+	/**
+	 * 日志保存时间
+	 * @returns Promise<any>
+	 */
+	setKeep(data?: any): Promise<any>;
+	/**
+	 * 获得日志保存时间
+	 * @returns Promise<any>
+	 */
+	getKeep(data?: any): Promise<any>;
+	/**
+	 * 清理
+	 * @returns Promise<any>
+	 */
+	clear(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
 	/**
 	 * list
 	 * @returns Promise<any>
 	 */
 	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
 	/**
 	 * info
 	 * @returns Promise<any>
@@ -272,65 +299,50 @@ declare interface BaseSysLog {
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
-	/**
-	 * setKeep
-	 * @returns Promise<any>
-	 */
-	setKeep(data?: any): Promise<any>;
-	/**
-	 * getKeep
-	 * @returns Promise<any>
-	 */
-	getKeep(data?: any): Promise<any>;
-	/**
-	 * clear
-	 * @returns Promise<any>
-	 */
-	clear(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
-		list: string;
+		setKeep: string;
+		getKeep: string;
+		clear: string;
 		page: string;
+		list: string;
 		info: string;
 		update: string;
 		delete: string;
 		add: string;
-		setKeep: string;
-		getKeep: string;
-		clear: string;
 	};
 }
 
 declare interface BaseSysMenu {
 	/**
-	 * list
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * info
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
+	 * 删除
 	 * @returns Promise<any>
 	 */
 	delete(data?: any): Promise<any>;
 	/**
-	 * add
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 列表查询
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 新增
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
@@ -338,93 +350,93 @@ declare interface BaseSysMenu {
 	 * 权限
 	 */
 	permission: {
+		delete: string;
+		update: string;
+		info: string;
 		list: string;
 		page: string;
-		info: string;
-		update: string;
-		delete: string;
 		add: string;
 	};
 }
 
 declare interface BaseSysParam {
+	/**
+	 * 删除
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 获得网页内容的参数值
+	 * @returns Promise<any>
+	 */
+	html(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 新增
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
 	/**
 	 * list
 	 * @returns Promise<any>
 	 */
 	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * info
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * add
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
-	/**
-	 * html
-	 * @returns Promise<any>
-	 */
-	html(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
-		list: string;
-		page: string;
-		info: string;
-		update: string;
 		delete: string;
-		add: string;
+		update: string;
 		html: string;
+		info: string;
+		page: string;
+		add: string;
+		list: string;
 	};
 }
 
 declare interface BaseSysRole {
 	/**
-	 * list
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * info
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
+	 * 删除
 	 * @returns Promise<any>
 	 */
 	delete(data?: any): Promise<any>;
 	/**
-	 * add
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 列表查询
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 新增
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
@@ -432,93 +444,93 @@ declare interface BaseSysRole {
 	 * 权限
 	 */
 	permission: {
+		delete: string;
+		update: string;
+		info: string;
 		list: string;
 		page: string;
-		info: string;
-		update: string;
-		delete: string;
 		add: string;
 	};
 }
 
 declare interface BaseSysUser {
 	/**
-	 * list
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * info
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
+	 * 删除
 	 * @returns Promise<any>
 	 */
 	delete(data?: any): Promise<any>;
 	/**
-	 * add
+	 * 修改
 	 * @returns Promise<any>
 	 */
-	add(data?: any): Promise<any>;
+	update(data?: any): Promise<any>;
 	/**
-	 * move
+	 * 移动部门
 	 * @returns Promise<any>
 	 */
 	move(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 列表查询
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 新增
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
+		delete: string;
+		update: string;
+		move: string;
+		info: string;
 		list: string;
 		page: string;
-		info: string;
-		update: string;
-		delete: string;
 		add: string;
-		move: string;
 	};
 }
 
 declare interface DemoGoods {
 	/**
-	 * list
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * info
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
+	 * 删除
 	 * @returns Promise<any>
 	 */
 	delete(data?: any): Promise<any>;
 	/**
-	 * add
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 列表查询
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * 新增
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
@@ -526,43 +538,137 @@ declare interface DemoGoods {
 	 * 权限
 	 */
 	permission: {
+		delete: string;
+		update: string;
+		info: string;
+		page: string;
+		list: string;
+		add: string;
+	};
+}
+
+declare interface DictInfo {
+	/**
+	 * 删除
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 获得字典数据
+	 * @returns Promise<any>
+	 */
+	data(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 列表查询
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 新增
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		delete: string;
+		update: string;
+		data: string;
+		info: string;
 		list: string;
 		page: string;
-		info: string;
-		update: string;
+		add: string;
+	};
+}
+
+declare interface DictType {
+	/**
+	 * 删除
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 列表查询
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 新增
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
 		delete: string;
+		update: string;
+		info: string;
+		list: string;
+		page: string;
 		add: string;
 	};
 }
 
 declare interface SpaceInfo {
 	/**
-	 * list
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * info
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
+	 * 删除
 	 * @returns Promise<any>
 	 */
 	delete(data?: any): Promise<any>;
 	/**
-	 * add
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 列表查询
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 新增
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
@@ -570,43 +676,43 @@ declare interface SpaceInfo {
 	 * 权限
 	 */
 	permission: {
+		delete: string;
+		update: string;
+		info: string;
 		list: string;
 		page: string;
-		info: string;
-		update: string;
-		delete: string;
 		add: string;
 	};
 }
 
 declare interface SpaceType {
 	/**
-	 * list
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * info
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
+	 * 删除
 	 * @returns Promise<any>
 	 */
 	delete(data?: any): Promise<any>;
 	/**
-	 * add
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 列表查询
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 新增
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
@@ -614,80 +720,80 @@ declare interface SpaceType {
 	 * 权限
 	 */
 	permission: {
+		delete: string;
+		update: string;
+		info: string;
 		list: string;
 		page: string;
-		info: string;
-		update: string;
-		delete: string;
 		add: string;
 	};
 }
 
 declare interface TaskInfo {
+	/**
+	 * 删除
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * 修改
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * 开始
+	 * @returns Promise<any>
+	 */
+	start(data?: any): Promise<any>;
+	/**
+	 * 执行一次
+	 * @returns Promise<any>
+	 */
+	once(data?: any): Promise<any>;
+	/**
+	 * 停止
+	 * @returns Promise<any>
+	 */
+	stop(data?: any): Promise<any>;
+	/**
+	 * 单个信息
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * 分页查询
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * 日志
+	 * @returns Promise<any>
+	 */
+	log(data?: any): Promise<any>;
+	/**
+	 * 新增
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
 	/**
 	 * list
 	 * @returns Promise<any>
 	 */
 	list(data?: any): Promise<any>;
-	/**
-	 * page
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * info
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * update
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * delete
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * add
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
-	/**
-	 * start
-	 * @returns Promise<any>
-	 */
-	start(data?: any): Promise<any>;
-	/**
-	 * once
-	 * @returns Promise<any>
-	 */
-	once(data?: any): Promise<any>;
-	/**
-	 * stop
-	 * @returns Promise<any>
-	 */
-	stop(data?: any): Promise<any>;
-	/**
-	 * log
-	 * @returns Promise<any>
-	 */
-	log(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
-		list: string;
-		page: string;
-		info: string;
-		update: string;
 		delete: string;
-		add: string;
+		update: string;
 		start: string;
 		once: string;
 		stop: string;
+		info: string;
+		page: string;
 		log: string;
+		add: string;
+		list: string;
 	};
 }
 
@@ -838,6 +944,7 @@ declare type Service = {
 		};
 	};
 	demo: { goods: DemoGoods };
+	dict: { info: DictInfo; type: DictType };
 	space: { info: SpaceInfo; type: SpaceType };
 	task: { info: TaskInfo };
 	chat: { message: ChatMessage; session: ChatSession };
diff --git a/package.json b/package.json
index 46daad0..5a881f0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "front-next",
-	"version": "5.5.1",
+	"version": "5.6.0",
 	"scripts": {
 		"dev": "vite --host",
 		"build": "vite build",
@@ -9,7 +9,7 @@
 		"lint:eslint": "eslint \"{src,mock}/**/*.{vue,ts,tsx}\" --fix"
 	},
 	"dependencies": {
-		"@cool-vue/crud": "^5.2.7",
+		"@cool-vue/crud": "^5.2.10",
 		"@element-plus/icons-vue": "^1.1.3",
 		"@vueuse/core": "^8.2.5",
 		"axios": "^0.27.2",
diff --git a/src/cool/bootstrap.ts b/src/cool/bootstrap.ts
index 86d7529..685859c 100644
--- a/src/cool/bootstrap.ts
+++ b/src/cool/bootstrap.ts
@@ -8,6 +8,7 @@ import VueECharts from "vue-echarts";
 import ElementPlus from "element-plus";
 import "element-plus/theme-chalk/src/index.scss";
 import "uno.css";
+import { useDict } from "/$/dict";
 
 export async function bootstrap(Vue: App) {
 	// 缓存
@@ -38,6 +39,12 @@ export async function bootstrap(Vue: App) {
 	app.showLoading();
 
 	if (user.token) {
+		// 字典
+		const { dict } = useDict();
+
+		// 获取字典数据
+		dict.refresh();
+
 		// 获取用户信息
 		user.get();
 
diff --git a/src/modules/base/common/permission.ts b/src/modules/base/common/permission.ts
index 512b495..4202b97 100644
--- a/src/modules/base/common/permission.ts
+++ b/src/modules/base/common/permission.ts
@@ -1,5 +1,5 @@
 import { useStore } from "../store";
-import { isObject } from "lodash";
+import { isArray, isObject } from "lodash";
 
 function parse(value: any) {
 	const { menu } = useStore();
@@ -28,3 +28,15 @@ export function checkPerm(value: any) {
 
 	return parse(value);
 }
+
+export function getPerm(service: any, names: string[] | string) {
+	if (!service._permission) {
+		return false;
+	}
+
+	if (!isArray(names)) {
+		names = [names];
+	}
+
+	return !names.find((e) => !service._permission[e]);
+}
diff --git a/src/modules/base/components/select/index.vue b/src/modules/base/components/select/index.vue
index 357ce40..7680b18 100644
--- a/src/modules/base/components/select/index.vue
+++ b/src/modules/base/components/select/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<el-select v-model="value" @change="onChange" clearable>
 		<el-option
-			v-for="(item, index) in options"
+			v-for="(item, index) in list"
 			:key="index"
 			:label="item.label"
 			:value="item.value"
@@ -11,7 +11,7 @@
 
 <script lang="ts">
 import { useCrud } from "@cool-vue/crud";
-import { defineComponent, PropType, ref, watch } from "vue";
+import { computed, defineComponent, isRef, ref, watch } from "vue";
 
 export default defineComponent({
 	name: "cl-select",
@@ -19,7 +19,7 @@ export default defineComponent({
 	props: {
 		modelValue: [String, Number],
 		options: {
-			type: Array as PropType<Array<{ label: string; value: any }>>,
+			type: Array,
 			default: () => []
 		},
 		prop: String
@@ -31,6 +31,9 @@ export default defineComponent({
 		// cl-crud
 		const Crud = useCrud();
 		const value = ref();
+		const list = computed<any>(() =>
+			isRef(props.options) ? props.options.value : props.options
+		);
 
 		// 值改变
 		function onChange(val: string) {
@@ -53,6 +56,7 @@ export default defineComponent({
 		);
 
 		return {
+			list,
 			value,
 			onChange
 		};
diff --git a/src/modules/base/components/view/group.vue b/src/modules/base/components/view/group.vue
new file mode 100644
index 0000000..1b8deac
--- /dev/null
+++ b/src/modules/base/components/view/group.vue
@@ -0,0 +1,154 @@
+<template>
+	<div class="cl-view-group">
+		<div class="cl-view-group__wrap">
+			<!-- 组 -->
+			<div class="cl-view-group__left" :class="[isExpand ? '_expand' : '_collapse']">
+				<slot name="left"></slot>
+			</div>
+
+			<!-- 内容 -->
+			<div class="cl-view-group__right">
+				<div class="cl-view-group__right-head">
+					<div class="icon" @click="toExpand()">
+						<el-icon v-if="isExpand"><arrow-left /></el-icon>
+						<el-icon v-else><arrow-right /></el-icon>
+					</div>
+
+					<span>{{ title }}</span>
+				</div>
+
+				<div class="cl-view-group__right-content">
+					<slot name="right"></slot>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref, watch } from "vue";
+import { ArrowLeft, ArrowRight } from "@element-plus/icons-vue";
+import { useBase } from "/$/base";
+
+export default defineComponent({
+	name: "cl-view-group",
+	components: {
+		ArrowLeft,
+		ArrowRight
+	},
+	props: {
+		title: String
+	},
+	setup() {
+		const { app } = useBase();
+
+		// 是否展开
+		const isExpand = ref<boolean>(true);
+
+		// 收起、展开
+		function toExpand(value?: boolean) {
+			isExpand.value = value === undefined ? !isExpand.value : value;
+		}
+
+		// 小屏幕下
+		function checkExpand(value?: boolean) {
+			if (app.browser.isMini) {
+				toExpand(value);
+			}
+		}
+
+		// 监听屏幕大小变化
+		watch(
+			() => app.browser.isMini,
+			(val: boolean) => {
+				isExpand.value = !val;
+			},
+			{
+				immediate: true
+			}
+		);
+
+		return {
+			isExpand,
+			toExpand,
+			checkExpand,
+			app
+		};
+	}
+});
+</script>
+
+<style lang="scss" scoped>
+.cl-view-group {
+	height: 100%;
+	width: 100%;
+
+	&__wrap {
+		display: flex;
+		height: 100%;
+		width: 100%;
+		position: relative;
+	}
+
+	&__left {
+		height: 100%;
+		width: 300px;
+		max-width: calc(100% - 50px);
+		background-color: #fff;
+		transition: width 0.3s;
+		margin-right: 10px;
+		flex-shrink: 0;
+		overflow: hidden;
+
+		&._collapse {
+			margin-right: 0;
+			width: 0;
+		}
+	}
+
+	&__right {
+		width: calc(100% - 310px);
+		flex: 1;
+		overflow: hidden;
+
+		&-head {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			height: 40px;
+			position: relative;
+			background-color: #fff;
+
+			span {
+				font-size: 14px;
+				white-space: nowrap;
+				overflow: hidden;
+			}
+
+			.icon {
+				display: flex;
+				align-items: center;
+				position: absolute;
+				left: 0;
+				top: 0;
+				font-size: 18px;
+				cursor: pointer;
+				background-color: #fff;
+				height: 40px;
+				width: 80px;
+				padding-left: 10px;
+			}
+		}
+
+		&-content {
+			height: calc(100% - 40px);
+		}
+	}
+
+	@media only screen and (max-width: 768px) {
+		.cl-view-group__right {
+			width: calc(100% - 100px);
+		}
+	}
+}
+</style>
diff --git a/src/modules/base/views/user.vue b/src/modules/base/views/user.vue
index 4c1e335..7ce286c 100644
--- a/src/modules/base/views/user.vue
+++ b/src/modules/base/views/user.vue
@@ -1,100 +1,84 @@
 <template>
-	<div class="view-user">
-		<div class="pane">
-			<!-- 组织架构 -->
-			<div class="dept" :class="[isExpand ? '_expand' : '_collapse']">
-				<dept-tree @row-click="onDeptRowClick" @user-add="onDeptUserAdd" />
-			</div>
+	<cl-view-group :ref="setRefs('viewGroup')" :title="title">
+		<template #left>
+			<dept-tree @row-click="onDeptRowClick" @user-add="onDeptUserAdd" />
+		</template>
 
-			<!-- 成员列表 -->
-			<div class="user">
-				<div class="user__header">
-					<div class="icon" @click="deptExpand">
-						<el-icon v-if="isExpand"><arrow-left /></el-icon>
-						<el-icon v-else><arrow-right /></el-icon>
-					</div>
+		<template #right>
+			<cl-crud ref="Crud">
+				<el-row>
+					<cl-refresh-btn />
+					<cl-add-btn />
+					<cl-multi-delete-btn />
+					<el-button
+						v-permission="service.base.sys.user.move"
+						type="success"
+						:disabled="selects.ids.length == 0"
+						@click="toMove()"
+						>转移</el-button
+					>
+					<cl-flex1 />
+					<cl-search-key />
+				</el-row>
 
-					<span>成员列表（{{ selects.dept?.name }}）</span>
-				</div>
+				<el-row>
+					<cl-table
+						ref="Table"
+						:default-sort="{
+							prop: 'createTime',
+							order: 'descending'
+						}"
+						@selection-change="onSelectionChange"
+					>
+						<!-- 权限 -->
+						<template #column-roleName="{ scope }">
+							<template v-if="scope.row.roleName">
+								<el-tag
+									v-for="(item, index) in scope.row.roleName.split(',')"
+									:key="index"
+									disable-transitions
+									size="small"
+									effect="dark"
+									style="margin: 2px"
+									>{{ item }}</el-tag
+								>
+							</template>
+						</template>
 
-				<div class="user__container">
-					<cl-crud ref="Crud">
-						<el-row>
-							<cl-refresh-btn />
-							<cl-add-btn />
-							<cl-multi-delete-btn />
+						<!-- 单个转移 -->
+						<template #slot-btn="{ scope }">
 							<el-button
-								v-permission="service.base.sys.user.move"
-								type="success"
-								:disabled="selects.ids.length == 0"
-								@click="toMove()"
+								v-permission="service.base.sys.user.permission.move"
+								text
+								bg
+								@click="toMove(scope.row)"
 								>转移</el-button
 							>
-							<cl-flex1 />
-							<cl-search-key />
-						</el-row>
+						</template>
+					</cl-table>
+				</el-row>
 
-						<el-row>
-							<cl-table
-								ref="Table"
-								:default-sort="{
-									prop: 'createTime',
-									order: 'descending'
-								}"
-								@selection-change="onSelectionChange"
-							>
-								<!-- 权限 -->
-								<template #column-roleName="{ scope }">
-									<template v-if="scope.row.roleName">
-										<el-tag
-											v-for="(item, index) in scope.row.roleName.split(',')"
-											:key="index"
-											disable-transitions
-											size="small"
-											effect="dark"
-											style="margin: 2px"
-											>{{ item }}</el-tag
-										>
-									</template>
-								</template>
+				<el-row>
+					<cl-flex1 />
+					<cl-pagination />
+				</el-row>
 
-								<!-- 单个转移 -->
-								<template #slot-btn="{ scope }">
-									<el-button
-										v-permission="service.base.sys.user.permission.move"
-										text
-										bg
-										@click="toMove(scope.row)"
-										>转移</el-button
-									>
-								</template>
-							</cl-table>
-						</el-row>
-
-						<el-row>
-							<cl-flex1 />
-							<cl-pagination />
-						</el-row>
-
-						<cl-upsert ref="Upsert" />
-						<dept-move-form ref="DeptMove" />
-					</cl-crud>
-				</div>
-			</div>
-		</div>
-	</div>
+				<cl-upsert ref="Upsert" />
+				<dept-move-form ref="DeptMove" />
+			</cl-crud>
+		</template>
+	</cl-view-group>
 </template>
 
 <script lang="ts" setup>
 import { useTable, useUpsert, useCrud } from "@cool-vue/crud";
-import { reactive, ref, watch } from "vue";
-import { ArrowLeft, ArrowRight } from "@element-plus/icons-vue";
+import { computed, reactive, ref } from "vue";
 import { useCool } from "/@/cool";
 import { useBase } from "/$/base";
 import DeptMoveForm from "./components/dept-move";
 import DeptTree from "./components/dept-tree.vue";
 
-const { service } = useCool();
+const { service, refs, setRefs } = useCool();
 const { app } = useBase();
 
 const DeptMove = ref<any>();
@@ -108,6 +92,11 @@ const selects = reactive<any>({
 	ids: []
 });
 
+// 标题
+const title = computed(() => {
+	return `成员列表（${selects.dept?.name || ""}）`;
+});
+
 // cl-crud 配置
 const Crud = useCrud({
 	service: service.base.sys.user
@@ -361,9 +350,7 @@ function onDeptRowClick({ item, ids }: any) {
 	});
 
 	// 收起
-	if (app.browser.isMini) {
-		isExpand.value = false;
-	}
+	refs.value.viewGroup.checkExpand(false);
 }
 
 // 部门下新增成员
@@ -373,11 +360,6 @@ function onDeptUserAdd(item: any) {
 	});
 }
 
-// 是否显示部门
-function deptExpand() {
-	isExpand.value = !isExpand.value;
-}
-
 // 移动成员
 async function toMove(e?: any) {
 	let ids = [];
@@ -390,89 +372,4 @@ async function toMove(e?: any) {
 
 	DeptMove.value.toMove(ids);
 }
-
-// 监听屏幕大小变化
-watch(
-	() => app.browser.isMini,
-	(val: boolean) => {
-		isExpand.value = !val;
-	},
-	{
-		immediate: true
-	}
-);
 </script>
-
-<style lang="scss" scoped>
-.view-user {
-	.pane {
-		display: flex;
-		height: 100%;
-		width: 100%;
-		position: relative;
-	}
-
-	.dept {
-		height: 100%;
-		width: 300px;
-		max-width: calc(100% - 50px);
-		background-color: #fff;
-		transition: width 0.3s;
-		margin-right: 10px;
-		flex-shrink: 0;
-
-		&._collapse {
-			margin-right: 0;
-			width: 0;
-		}
-	}
-
-	.user {
-		width: calc(100% - 310px);
-		flex: 1;
-
-		&__header {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			height: 40px;
-			position: relative;
-			background-color: #fff;
-
-			span {
-				font-size: 14px;
-				white-space: nowrap;
-				overflow: hidden;
-			}
-
-			.icon {
-				display: flex;
-				align-items: center;
-				position: absolute;
-				left: 0;
-				top: 0;
-				font-size: 18px;
-				cursor: pointer;
-				background-color: #fff;
-				height: 40px;
-				width: 80px;
-				padding-left: 10px;
-			}
-		}
-	}
-
-	.dept,
-	.user {
-		overflow: hidden;
-		&__container {
-			height: calc(100% - 40px);
-		}
-	}
-
-	@media only screen and (max-width: 768px) {
-		.dept {
-			width: calc(100% - 100px);
-		}
-	}
-}
-</style>
diff --git a/src/modules/demo/views/crud.vue b/src/modules/demo/views/crud.vue
index 58ac9fd..22c734d 100644
--- a/src/modules/demo/views/crud.vue
+++ b/src/modules/demo/views/crud.vue
@@ -6,6 +6,10 @@
 				<cl-add-btn />
 				<el-button @click="openForm">自定义表单</el-button>
 
+				<cl-filter label="字典">
+					<cl-select :options="dict.get('sex')"></cl-select>
+				</cl-filter>
+
 				<cl-flex1></cl-flex1>
 				<cl-column-custom :columns="Table?.columns" />
 				<cl-filter-group :items="filter.items"></cl-filter-group>
@@ -44,6 +48,11 @@
 
 <script lang="tsx" setup>
 import { useCrud, useUpsert, useTable, useForm, useAdvSearch } from "@cool-vue/crud";
+import { useDict } from "/$/dict";
+
+const { dict } = useDict();
+
+dict.refresh(["sex"]);
 
 const Crud = useCrud(
 	{
@@ -64,6 +73,14 @@ const Upsert = useUpsert({
 				name: "el-input"
 			}
 		},
+		{
+			label: "认证类型",
+			prop: "authType",
+			component: {
+				name: "el-select",
+				options: dict.get("authType")
+			}
+		},
 		{
 			type: "tabs",
 			props: {
diff --git a/src/modules/dict/components/group.vue b/src/modules/dict/components/group.vue
new file mode 100644
index 0000000..0479058
--- /dev/null
+++ b/src/modules/dict/components/group.vue
@@ -0,0 +1,255 @@
+<template>
+	<div class="dict-group" v-loading="loading">
+		<div class="head">
+			<span>类型</span>
+			<el-button
+				type="success"
+				bg
+				size="small"
+				v-if="getPerm(service.dict.type, 'add')"
+				@click="edit()"
+				>添加</el-button
+			>
+		</div>
+
+		<ul class="scroller1">
+			<li
+				v-for="(item, index) in list"
+				:key="index"
+				class="item"
+				:class="{
+					'is-active': active == item.id
+				}"
+				@click="select(item)"
+				@contextmenu="
+					(e) => {
+						onContextMenu(e, item);
+					}
+				"
+			>
+				<span>{{ item.name }} - {{ item.key }}</span>
+				<el-icon v-show="active == item.id"><ArrowRightBold /></el-icon>
+			</li>
+
+			<el-empty v-if="list.length == 0" :image-size="80" />
+		</ul>
+
+		<!-- 表单 -->
+		<cl-form ref="Form"></cl-form>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { ContextMenu, useForm } from "@cool-vue/crud";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { inject, onMounted, ref } from "vue";
+import { useCool } from "/@/cool";
+import { ArrowRightBold } from "@element-plus/icons-vue";
+import { getPerm } from "/$/base";
+
+const { service } = useCool();
+const Form = useForm();
+
+// 字典
+const dict = inject<any>("dict");
+
+// 选中
+const active = ref("");
+
+// 列表
+const list = ref<any[]>([]);
+
+// 加载状态
+const loading = ref(false);
+
+// 刷新
+async function refresh() {
+	loading.value = true;
+
+	await service.dict.type.list().then((res) => {
+		list.value = res;
+
+		if (!active.value) {
+			select(res[0]);
+		}
+	});
+
+	loading.value = false;
+}
+
+// 选择
+function select(item: any) {
+	active.value = item?.id;
+
+	// 设置
+	dict.setGroup(item);
+
+	// 刷新
+	dict.refresh({
+		typeId: active.value,
+		page: 1
+	});
+}
+
+// 标记
+function edit(item?: any) {
+	Form.value?.open({
+		title: item ? "编辑类型" : "添加类型",
+		width: "500px",
+		items: [
+			{
+				label: "名称",
+				prop: "name",
+				component: {
+					name: "el-input",
+					props: {
+						maxlength: 20
+					}
+				},
+				required: true
+			},
+			{
+				label: "Key",
+				prop: "key",
+				component: {
+					name: "el-input",
+					props: {
+						maxlength: 20
+					}
+				},
+				required: true
+			}
+		],
+		form: {
+			...item
+		},
+		on: {
+			submit(data, { close, done }) {
+				service.dict.type[item ? "update" : "add"](data)
+					.then(() => {
+						ElMessage.success("保存成功");
+						close();
+						refresh();
+					})
+					.catch((err) => {
+						ElMessage.error(err.message);
+						done();
+					});
+			}
+		}
+	});
+}
+
+// 右键
+function onContextMenu(e: any, item: any) {
+	ContextMenu.open(e, {
+		hover: {
+			target: "item"
+		},
+		list: [
+			{
+				label: "编辑",
+				hidden: !getPerm(service.dict.type, ["update"]),
+				callback(done) {
+					done();
+					edit(item);
+				}
+			},
+			{
+				label: "删除",
+				hidden: !getPerm(service.dict.type, ["delete"]),
+				callback(done) {
+					done();
+
+					ElMessageBox.confirm("是否要删除该类型？", "提示", {
+						type: "warning"
+					})
+						.then(() => {
+							service.dict.type
+								.delete({
+									ids: [item.id]
+								})
+								.then(async () => {
+									ElMessage.success("删除成功");
+
+									// 刷新列表
+									await refresh();
+
+									// 删除当前
+									if (active.value == item.id) {
+										select(list.value[0]);
+									}
+								})
+								.catch((err) => {
+									ElMessage.error(err.message);
+								});
+						})
+						.catch(() => null);
+				}
+			}
+		]
+	});
+}
+
+onMounted(() => {
+	refresh();
+});
+</script>
+
+<style lang="scss" scoped>
+.dict-group {
+	height: 100%;
+	width: 100%;
+	box-sizing: border-box;
+
+	.head {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		height: 40px;
+		font-size: 14px;
+		padding: 0 10px;
+		white-space: nowrap;
+	}
+
+	ul {
+		max-height: calc(100% - 40px);
+		padding: 10px;
+		box-sizing: border-box;
+		overflow: hidden auto;
+
+		li {
+			display: flex;
+			align-items: center;
+			width: 100%;
+			list-style: none;
+			box-sizing: border-box;
+			padding: 10px 35px 10px 10px;
+			cursor: pointer;
+			font-size: 14px;
+			margin-bottom: 10px;
+			border-radius: 3px;
+			color: #666;
+			background-color: #f7f7f7;
+
+			.el-icon {
+				position: absolute;
+				right: 20px;
+			}
+
+			&:last-child {
+				margin-bottom: 0;
+			}
+
+			&.is-active {
+				background-color: var(--color-primary);
+				color: #fff;
+			}
+
+			&:hover {
+				opacity: 0.8;
+			}
+		}
+	}
+}
+</style>
diff --git a/src/modules/dict/index.ts b/src/modules/dict/index.ts
new file mode 100644
index 0000000..6227d00
--- /dev/null
+++ b/src/modules/dict/index.ts
@@ -0,0 +1,7 @@
+import { useStore } from "./store";
+
+export function useDict() {
+	return {
+		...useStore()
+	};
+}
diff --git a/src/modules/dict/store/dict.ts b/src/modules/dict/store/dict.ts
new file mode 100644
index 0000000..ae44a0e
--- /dev/null
+++ b/src/modules/dict/store/dict.ts
@@ -0,0 +1,52 @@
+import { sortBy } from "lodash";
+import { defineStore } from "pinia";
+import { computed, reactive } from "vue";
+import { isDev, useCool } from "/@/cool";
+
+declare interface Data {
+	[key: string]: Array<{ label: string; value: any }>;
+}
+
+export const useDictStore = defineStore("dict", () => {
+	const { service } = useCool();
+
+	// 对象数据
+	const data = reactive<Data>({});
+
+	// 获取
+	function get(name: string) {
+		return computed(() => data[name]);
+	}
+
+	// 刷新
+	function refresh(types?: string[]) {
+		service.dict.info
+			.data({
+				types
+			})
+			.then((res) => {
+				const d: any = {};
+
+				for (const i in res) {
+					d[i] = sortBy(res[i], "orderNum").map((e) => {
+						return {
+							label: e.name,
+							value: e.id
+						};
+					});
+				}
+
+				Object.assign(data, d);
+
+				if (isDev) {
+					console.log("字典数据", data);
+				}
+			});
+	}
+
+	return {
+		data,
+		get,
+		refresh
+	};
+});
diff --git a/src/modules/dict/store/index.ts b/src/modules/dict/store/index.ts
new file mode 100644
index 0000000..38221ef
--- /dev/null
+++ b/src/modules/dict/store/index.ts
@@ -0,0 +1,9 @@
+import { useDictStore } from "./dict";
+
+export function useStore() {
+	const dict = useDictStore();
+
+	return {
+		dict
+	};
+}
diff --git a/src/modules/dict/views/list.vue b/src/modules/dict/views/list.vue
new file mode 100644
index 0000000..82ddab5
--- /dev/null
+++ b/src/modules/dict/views/list.vue
@@ -0,0 +1,120 @@
+<template>
+	<cl-view-group :title="title">
+		<template #left>
+			<Group />
+		</template>
+
+		<template #right>
+			<cl-crud ref="Crud">
+				<el-row>
+					<!-- 刷新按钮 -->
+					<cl-refresh-btn />
+					<!-- 新增按钮 -->
+					<cl-add-btn :disabled="!group" />
+					<!-- 删除按钮 -->
+					<cl-multi-delete-btn />
+					<cl-flex1 />
+					<!-- 关键字搜索 -->
+					<cl-search-key />
+				</el-row>
+
+				<el-row>
+					<!-- 数据表格 -->
+					<cl-table
+						ref="Table"
+						:default-sort="{
+							prop: 'orderNum',
+							order: 'descending'
+						}"
+					/>
+				</el-row>
+
+				<el-row>
+					<cl-flex1 />
+					<!-- 分页控件 -->
+					<cl-pagination />
+				</el-row>
+
+				<!-- 新增、编辑 -->
+				<cl-upsert ref="Upsert" />
+			</cl-crud>
+		</template>
+	</cl-view-group>
+</template>
+
+<script lang="ts" setup>
+import { useCrud, useTable, useUpsert } from "@cool-vue/crud";
+import { useCool } from "/@/cool";
+import Group from "../components/group.vue";
+import { computed, provide, ref } from "vue";
+
+const { service, named } = useCool();
+
+named("dict-list");
+
+// 组
+const group = ref();
+
+// 标题
+const title = computed(() => {
+	return group.value ? `字典列表（${group.value.name}）` : "字典列表";
+});
+
+// cl-upsert 配置
+const Upsert = useUpsert({
+	items: [
+		{ label: "名称", prop: "name", required: true, component: { name: "el-input" } },
+		{
+			label: "排序",
+			prop: "orderNum",
+			value: 1,
+			component: { name: "el-input-number", props: { min: 1 } }
+		},
+		{
+			label: "备注",
+			prop: "remark",
+			component: { name: "el-input", props: { type: "textarea", rows: 4 } }
+		}
+	],
+	onSubmit(_, data, { next }) {
+		next({
+			...data,
+			typeId: group.value.id
+		});
+	}
+});
+
+// cl-table 配置
+const Table = useTable({
+	columns: [
+		{ type: "selection" },
+		{ label: "名称", prop: "name" },
+		{ label: "排序", prop: "orderNum", sortable: "custom" },
+		{ label: "备注", prop: "remark", showOverflowTooltip: true },
+		{ label: "创建时间", prop: "createTime", sortable: "custom" },
+		{ label: "更新时间", prop: "updateTime", sortable: "custom" },
+		{ type: "op", buttons: ["edit", "delete"] }
+	]
+});
+
+// cl-crud 配置
+const Crud = useCrud({
+	service: service.dict.info
+});
+
+// 刷新
+function refresh(params?: any) {
+	Crud.value?.refresh(params);
+}
+
+// 设置组
+function setGroup(data: any) {
+	group.value = data;
+}
+
+provide("dict", {
+	group,
+	refresh,
+	setGroup
+});
+</script>
diff --git a/yarn.lock b/yarn.lock
index 765dd7d..0623e37 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -984,10 +984,10 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
-"@cool-vue/crud@^5.2.7":
-  version "5.2.7"
-  resolved "https://registry.npmjs.org/@cool-vue/crud/-/crud-5.2.7.tgz#4b3b693887dc077e839b531b7c7b8b2b94ee8c89"
-  integrity sha512-1HkYUs45vTxtZ3pYmlshnQF0YH6xYAL0txaPGN0QclIZ1DHtoyQBLfouZ+mJSOMfUnj8+RuOKlieDJRDhOK7Yg==
+"@cool-vue/crud@^5.2.10":
+  version "5.2.10"
+  resolved "https://registry.npmjs.org/@cool-vue/crud/-/crud-5.2.10.tgz#e5aed2c7520372dba497787e5e6528ef48a2ace2"
+  integrity sha512-bsQSglIW9D1R/5qSDAnDNTKhp5tYQQJX7t0onD7ZIEifDyErSx3NJUChPiTZlS3N+B7/Az4676rPXzv3W3oWvw==
   dependencies:
     array.prototype.flat "^1.2.4"
     core-js "^3.21.1"