update 调整代码格式

src/App.vue

@@ -1,7 +1,7 @@
 <template>
-	<el-config-provider :locale="appStore.locale" :size="size">
-		<router-view />
-	</el-config-provider>
+  <el-config-provider :locale="appStore.locale" :size="size">
+    <router-view />
+  </el-config-provider>
 </template>
 
 <script setup lang="ts">

src/animate.ts

@@ -2,47 +2,47 @@
 const animatePrefix = 'animate__animated ';
 // 开启随机动画 随机动画值
 const animateList: string[] = [
-	animatePrefix + 'animate__pulse',
-	animatePrefix + 'animate__rubberBand',
-	animatePrefix + 'animate__bounceIn',
-	animatePrefix + 'animate__bounceInLeft',
-	animatePrefix + 'animate__fadeIn',
-	animatePrefix + 'animate__fadeInLeft',
-	animatePrefix + 'animate__fadeInDown',
-	animatePrefix + 'animate__fadeInUp',
-	animatePrefix + 'animate__flipInX',
-	animatePrefix + 'animate__lightSpeedInLeft',
-	animatePrefix + 'animate__rotateInDownLeft',
-	animatePrefix + 'animate__rollIn',
-	animatePrefix + 'animate__rotateInDownLeft',
-	animatePrefix + 'animate__zoomIn',
-	animatePrefix + 'animate__zoomInDown',
-	animatePrefix + 'animate__slideInLeft',
-	animatePrefix + 'animate__lightSpeedIn'
+  animatePrefix + 'animate__pulse',
+  animatePrefix + 'animate__rubberBand',
+  animatePrefix + 'animate__bounceIn',
+  animatePrefix + 'animate__bounceInLeft',
+  animatePrefix + 'animate__fadeIn',
+  animatePrefix + 'animate__fadeInLeft',
+  animatePrefix + 'animate__fadeInDown',
+  animatePrefix + 'animate__fadeInUp',
+  animatePrefix + 'animate__flipInX',
+  animatePrefix + 'animate__lightSpeedInLeft',
+  animatePrefix + 'animate__rotateInDownLeft',
+  animatePrefix + 'animate__rollIn',
+  animatePrefix + 'animate__rotateInDownLeft',
+  animatePrefix + 'animate__zoomIn',
+  animatePrefix + 'animate__zoomInDown',
+  animatePrefix + 'animate__slideInLeft',
+  animatePrefix + 'animate__lightSpeedIn'
 ];
 // 关闭随机动画后的默认效果
 const defaultAnimate = animatePrefix + 'animate__fadeIn';
 // 搜索隐藏显示动画
 const searchAnimate = {
-	enter: '',
-	leave: ''
+  enter: '',
+  leave: ''
 };
 
 // 菜单搜索动画
 const menuSearchAnimate = {
-	enter: animatePrefix + 'animate__fadeIn',
-	leave: animatePrefix + 'animate__fadeOut'
+  enter: animatePrefix + 'animate__fadeIn',
+  leave: animatePrefix + 'animate__fadeOut'
 };
 // logo动画
 const logoAnimate = {
-	enter: animatePrefix + 'animate__fadeIn',
-	leave: animatePrefix + 'animate__fadeOut'
+  enter: animatePrefix + 'animate__fadeIn',
+  leave: animatePrefix + 'animate__fadeOut'
 };
 
 export default {
-	animateList,
-	defaultAnimate,
-	searchAnimate,
-	menuSearchAnimate,
-	logoAnimate
+  animateList,
+  defaultAnimate,
+  searchAnimate,
+  menuSearchAnimate,
+  logoAnimate
 };

src/api/demo/demo.ts

@@ -4,52 +4,52 @@ import { AxiosPromise } from 'axios';
 
 // 查询测试单表列表
 export function listDemo(query: DemoQuery): AxiosPromise<DemoVO[]> {
-	return request({
-		url: '/demo/demo/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/demo/demo/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 自定义分页接口
 export function pageDemo(query: DemoQuery): AxiosPromise<DemoVO[]> {
-	return request({
-		url: '/demo/demo/page',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/demo/demo/page',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询测试单表详细
 export function getDemo(id: string | number): AxiosPromise<DemoVO> {
-	return request({
-		url: '/demo/demo/' + id,
-		method: 'get'
-	});
+  return request({
+    url: '/demo/demo/' + id,
+    method: 'get'
+  });
 }
 
 // 新增测试单表
 export function addDemo(data: DemoForm) {
-	return request({
-		url: '/demo/demo',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/demo/demo',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改测试单表
 export function updateDemo(data: DemoForm) {
-	return request({
-		url: '/demo/demo',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/demo/demo',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除测试单表
 export function delDemo(id: string | number | Array<string | number>) {
-	return request({
-		url: '/demo/demo/' + id,
-		method: 'delete'
-	});
+  return request({
+    url: '/demo/demo/' + id,
+    method: 'delete'
+  });
 }

src/api/demo/tree.ts

@@ -4,43 +4,43 @@ import { DemoTreeForm, DemoTreeVO, DemoTreeQuery } from './types';
 
 // 查询测试树表列表
 export function listTree(query?: DemoTreeQuery): AxiosPromise<DemoTreeVO[]> {
-	return request({
-		url: '/demo/tree/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/demo/tree/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询测试树表详细
 export function getTree(id: string | number): AxiosPromise<DemoTreeVO> {
-	return request({
-		url: '/demo/tree/' + id,
-		method: 'get'
-	});
+  return request({
+    url: '/demo/tree/' + id,
+    method: 'get'
+  });
 }
 
 // 新增测试树表
 export function addTree(data: DemoTreeForm) {
-	return request({
-		url: '/demo/tree',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/demo/tree',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改测试树表
 export function updateTree(data: DemoTreeForm) {
-	return request({
-		url: '/demo/tree',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/demo/tree',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除测试树表
 export function delTree(id: string | number | Array<string | number>) {
-	return request({
-		url: '/demo/tree/' + id,
-		method: 'delete'
-	});
+  return request({
+    url: '/demo/tree/' + id,
+    method: 'delete'
+  });
 }

src/api/demo/types.ts

@@ -1,55 +1,55 @@
 export interface DemoVO extends BaseEntity {
-	id: number | string;
-	deptId: number | string;
-	userId: number | string;
-	orderNum: number;
-	testKey: string;
-	value: string;
-	createByName: string;
-	updateByName?: any;
+  id: number | string;
+  deptId: number | string;
+  userId: number | string;
+  orderNum: number;
+  testKey: string;
+  value: string;
+  createByName: string;
+  updateByName?: any;
 }
 
 export interface DemoQuery extends PageQuery {
-	testKey: string;
-	value: string;
-	createTime: string;
+  testKey: string;
+  value: string;
+  createTime: string;
 }
 export interface DemoForm {
-	id: string | number | undefined;
-	deptId: string | number | undefined;
-	userId: string | number | undefined;
-	orderNum: number;
-	testKey: string;
-	value: string;
-	version: string;
-	ossConfigId: string | number | undefined;
-	createTime?: string;
+  id: string | number | undefined;
+  deptId: string | number | undefined;
+  userId: string | number | undefined;
+  orderNum: number;
+  testKey: string;
+  value: string;
+  version: string;
+  ossConfigId: string | number | undefined;
+  createTime?: string;
 }
 
 export interface DemoTreeVO extends BaseEntity {
-	id: number | string;
-	parentId: number | string;
-	deptId: number | string;
-	userId: number | string;
-	treeName: string;
-	children?: DemoTreeVO[];
+  id: number | string;
+  parentId: number | string;
+  deptId: number | string;
+  userId: number | string;
+  treeName: string;
+  children?: DemoTreeVO[];
 }
 
 export interface DemoTreeQuery {
-	treeName: string;
-	createTime: string;
+  treeName: string;
+  createTime: string;
 }
 
 export interface DemoTreeForm {
-	id: string | number | undefined;
-	parentId: string | number | undefined;
-	deptId: string | number | undefined;
-	userId: string | number | undefined;
-	treeName: string;
+  id: string | number | undefined;
+  parentId: string | number | undefined;
+  deptId: string | number | undefined;
+  userId: string | number | undefined;
+  treeName: string;
 }
 
 export interface DemoTreeOptionsType {
-	id: string | number;
-	treeName: string;
-	children?: DemoTreeOptionsType[];
+  id: string | number;
+  treeName: string;
+  children?: DemoTreeOptionsType[];
 }

src/api/login.ts

@@ -8,74 +8,74 @@ import { UserInfo } from '@/api/system/user/types';
  * @returns
  */
 export function login(data: LoginData): AxiosPromise<LoginResult> {
-	const params = {
-		tenantId: data.tenantId,
-		username: data.username.trim(),
-		password: data.password,
-		code: data.code,
-		uuid: data.uuid
-	};
-	return request({
-		url: '/auth/login',
-		headers: {
-			isToken: false
-		},
-		method: 'post',
-		data: params
-	});
+  const params = {
+    tenantId: data.tenantId,
+    username: data.username.trim(),
+    password: data.password,
+    code: data.code,
+    uuid: data.uuid
+  };
+  return request({
+    url: '/auth/login',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: params
+  });
 }
 
 // 注册方法
 export function register(data: any) {
-	return request({
-		url: '/auth/register',
-		headers: {
-			isToken: false
-		},
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/auth/register',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  });
 }
 
 /**
  * 注销
  */
 export function logout() {
-	return request({
-		url: '/auth/logout',
-		method: 'post'
-	});
+  return request({
+    url: '/auth/logout',
+    method: 'post'
+  });
 }
 
 /**
  * 获取验证码
  */
 export function getCodeImg(): AxiosPromise<VerifyCodeResult> {
-	return request({
-		url: '/code',
-		headers: {
-			isToken: false
-		},
-		method: 'get',
-		timeout: 20000
-	});
+  return request({
+    url: '/code',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    timeout: 20000
+  });
 }
 
 // 获取用户详细信息
 export function getInfo(): AxiosPromise<UserInfo> {
-	return request({
-		url: '/system/user/getInfo',
-		method: 'get'
-	});
+  return request({
+    url: '/system/user/getInfo',
+    method: 'get'
+  });
 }
 
 // 获取租户列表
 export function getTenantList(): AxiosPromise<TenantInfo> {
-	return request({
-		url: '/auth/tenant/list',
-		headers: {
-			isToken: false
-		},
-		method: 'get'
-	});
+  return request({
+    url: '/auth/tenant/list',
+    headers: {
+      isToken: false
+    },
+    method: 'get'
+  });
 }

src/api/menu.ts

@@ -4,8 +4,8 @@ import { RouteRecordRaw } from 'vue-router';
 
 // 获取路由
 export function getRouters(): AxiosPromise<RouteRecordRaw[]> {
-	return request({
-		url: '/system/menu/getRouters',
-		method: 'get'
-	});
+  return request({
+    url: '/system/menu/getRouters',
+    method: 'get'
+  });
 }

src/api/monitor/cache/index.ts

@@ -4,56 +4,56 @@ import { CacheVO } from './types';
 
 // 查询缓存详细
 export function getCache(): AxiosPromise<CacheVO> {
-	return request({
-		url: '/monitor/cache',
-		method: 'get'
-	});
+  return request({
+    url: '/monitor/cache',
+    method: 'get'
+  });
 }
 
 // 查询缓存名称列表
 export function listCacheName() {
-	return request({
-		url: '/monitor/cache/getNames',
-		method: 'get'
-	});
+  return request({
+    url: '/monitor/cache/getNames',
+    method: 'get'
+  });
 }
 
 // 查询缓存键名列表
 export function listCacheKey(cacheName: string) {
-	return request({
-		url: '/monitor/cache/getKeys/' + cacheName,
-		method: 'get'
-	});
+  return request({
+    url: '/monitor/cache/getKeys/' + cacheName,
+    method: 'get'
+  });
 }
 
 // 查询缓存内容
 export function getCacheValue(cacheName: string, cacheKey: string) {
-	return request({
-		url: '/monitor/cache/getValue/' + cacheName + '/' + cacheKey,
-		method: 'get'
-	});
+  return request({
+    url: '/monitor/cache/getValue/' + cacheName + '/' + cacheKey,
+    method: 'get'
+  });
 }
 
 // 清理指定名称缓存
 export function clearCacheName(cacheName: string) {
-	return request({
-		url: '/monitor/cache/clearCacheName/' + cacheName,
-		method: 'delete'
-	});
+  return request({
+    url: '/monitor/cache/clearCacheName/' + cacheName,
+    method: 'delete'
+  });
 }
 
 // 清理指定键名缓存
 export function clearCacheKey(cacheName: string, cacheKey: string) {
-	return request({
-		url: '/monitor/cache/clearCacheKey/' + cacheName + '/' + cacheKey,
-		method: 'delete'
-	});
+  return request({
+    url: '/monitor/cache/clearCacheKey/' + cacheName + '/' + cacheKey,
+    method: 'delete'
+  });
 }
 
 // 清理全部缓存
 export function clearCacheAll() {
-	return request({
-		url: '/monitor/cache/clearCacheAll',
-		method: 'delete'
-	});
+  return request({
+    url: '/monitor/cache/clearCacheAll',
+    method: 'delete'
+  });
 }

src/api/monitor/cache/types.ts

@@ -1,7 +1,7 @@
 export interface CacheVO {
-	commandStats: Array<{ name: string; value: string }>;
+  commandStats: Array<{ name: string; value: string }>;
 
-	dbSize: number;
+  dbSize: number;
 
-	info: { [key: string]: string };
+  info: { [key: string]: string };
 }

src/api/monitor/loginInfo/index.ts

@@ -4,33 +4,33 @@ import { AxiosPromise } from 'axios';
 
 // 查询登录日志列表
 export function list(query: LoginInfoQuery): AxiosPromise<LoginInfoVO[]> {
-	return request({
-		url: '/monitor/logininfor/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/monitor/logininfor/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 删除登录日志
 export function delLoginInfo(infoId: string | number | Array<string | number>) {
-	return request({
-		url: '/monitor/logininfor/' + infoId,
-		method: 'delete'
-	});
+  return request({
+    url: '/monitor/logininfor/' + infoId,
+    method: 'delete'
+  });
 }
 
 // 解锁用户登录状态
 export function unlockLoginInfo(userName: string | Array<string>) {
-	return request({
-		url: '/monitor/logininfor/unlock/' + userName,
-		method: 'get'
-	});
+  return request({
+    url: '/monitor/logininfor/unlock/' + userName,
+    method: 'get'
+  });
 }
 
 // 清空登录日志
 export function cleanLoginInfo() {
-	return request({
-		url: '/monitor/logininfor/clean',
-		method: 'delete'
-	});
+  return request({
+    url: '/monitor/logininfor/clean',
+    method: 'delete'
+  });
 }

src/api/monitor/loginInfo/types.ts

@@ -1,20 +1,20 @@
 export interface LoginInfoVO {
-	infoId: string | number;
-	tenantId: string | number;
-	userName: string;
-	status: string;
-	ipaddr: string;
-	loginLocation: string;
-	browser: string;
-	os: string;
-	msg: string;
-	loginTime: string;
+  infoId: string | number;
+  tenantId: string | number;
+  userName: string;
+  status: string;
+  ipaddr: string;
+  loginLocation: string;
+  browser: string;
+  os: string;
+  msg: string;
+  loginTime: string;
 }
 
 export interface LoginInfoQuery extends PageQuery {
-	ipaddr: string;
-	userName: string;
-	status: string;
-	orderByColumn: string;
-	isAsc: string;
+  ipaddr: string;
+  userName: string;
+  status: string;
+  orderByColumn: string;
+  isAsc: string;
 }

src/api/monitor/online/index.ts

@@ -4,17 +4,17 @@ import { AxiosPromise } from 'axios';
 
 // 查询在线用户列表
 export function list(query: OnlineQuery): AxiosPromise<OnlineVO[]> {
-	return request({
-		url: '/monitor/online/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/monitor/online/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 强退用户
 export function forceLogout(tokenId: string) {
-	return request({
-		url: '/monitor/online/' + tokenId,
-		method: 'delete'
-	});
+  return request({
+    url: '/monitor/online/' + tokenId,
+    method: 'delete'
+  });
 }

src/api/monitor/online/types.ts

@@ -1,15 +1,15 @@
 export interface OnlineQuery extends PageQuery {
-	ipaddr: string;
-	userName: string;
+  ipaddr: string;
+  userName: string;
 }
 
 export interface OnlineVO extends BaseEntity {
-	tokenId: string;
-	deptName: string;
-	userName: string;
-	ipaddr: string;
-	loginLocation: string;
-	browser: string;
-	os: string;
-	loginTime: number;
+  tokenId: string;
+  deptName: string;
+  userName: string;
+  ipaddr: string;
+  loginLocation: string;
+  browser: string;
+  os: string;
+  loginTime: number;
 }

src/api/monitor/operlog/index.ts

@@ -4,25 +4,25 @@ import { AxiosPromise } from 'axios';
 
 // 查询操作日志列表
 export function list(query: OperLogQuery): AxiosPromise<OperLogVO[]> {
-	return request({
-		url: '/monitor/operlog/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/monitor/operlog/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 删除操作日志
 export function delOperlog(operId: string | number | Array<string | number>) {
-	return request({
-		url: '/monitor/operlog/' + operId,
-		method: 'delete'
-	});
+  return request({
+    url: '/monitor/operlog/' + operId,
+    method: 'delete'
+  });
 }
 
 // 清空操作日志
 export function cleanOperlog() {
-	return request({
-		url: '/monitor/operlog/clean',
-		method: 'delete'
-	});
+  return request({
+    url: '/monitor/operlog/clean',
+    method: 'delete'
+  });
 }

src/api/monitor/operlog/types.ts

@@ -1,52 +1,52 @@
 export interface OperLogQuery extends PageQuery {
-	title: string;
-	operName: string;
-	businessType: string;
-	status: string;
-	orderByColumn: string;
-	isAsc: string;
+  title: string;
+  operName: string;
+  businessType: string;
+  status: string;
+  orderByColumn: string;
+  isAsc: string;
 }
 
 export interface OperLogVO extends BaseEntity {
-	operId: string | number;
-	tenantId: string;
-	title: string;
-	businessType: number;
-	businessTypes: number[] | undefined;
-	method: string;
-	requestMethod: string;
-	operatorType: number;
-	operName: string;
-	deptName: string;
-	operUrl: string;
-	operIp: string;
-	operLocation: string;
-	operParam: string;
-	jsonResult: string;
-	status: number;
-	errorMsg: string;
-	operTime: string;
-	costTime: number;
+  operId: string | number;
+  tenantId: string;
+  title: string;
+  businessType: number;
+  businessTypes: number[] | undefined;
+  method: string;
+  requestMethod: string;
+  operatorType: number;
+  operName: string;
+  deptName: string;
+  operUrl: string;
+  operIp: string;
+  operLocation: string;
+  operParam: string;
+  jsonResult: string;
+  status: number;
+  errorMsg: string;
+  operTime: string;
+  costTime: number;
 }
 
 export interface OperLogForm {
-	operId: number | string | undefined;
-	tenantId: string | number | undefined;
-	title: string;
-	businessType: number;
-	businessTypes: number[] | undefined;
-	method: string;
-	requestMethod: string;
-	operatorType: number;
-	operName: string;
-	deptName: string;
-	operUrl: string;
-	operIp: string;
-	operLocation: string;
-	operParam: string;
-	jsonResult: string;
-	status: number;
-	errorMsg: string;
-	operTime: string;
-	costTime: number;
+  operId: number | string | undefined;
+  tenantId: string | number | undefined;
+  title: string;
+  businessType: number;
+  businessTypes: number[] | undefined;
+  method: string;
+  requestMethod: string;
+  operatorType: number;
+  operName: string;
+  deptName: string;
+  operUrl: string;
+  operIp: string;
+  operLocation: string;
+  operParam: string;
+  jsonResult: string;
+  status: number;
+  errorMsg: string;
+  operTime: string;
+  costTime: number;
 }

src/api/system/config/index.ts

@@ -4,71 +4,71 @@ import { AxiosPromise } from 'axios';
 
 // 查询参数列表
 export function listConfig(query: ConfigQuery): AxiosPromise<ConfigVO[]> {
-	return request({
-		url: '/system/config/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/config/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询参数详细
 export function getConfig(configId: string | number): AxiosPromise<ConfigVO> {
-	return request({
-		url: '/system/config/' + configId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/config/' + configId,
+    method: 'get'
+  });
 }
 
 // 根据参数键名查询参数值
 export function getConfigKey(configKey: string): AxiosPromise<ConfigVO> {
-	return request({
-		url: '/system/config/configKey/' + configKey,
-		method: 'get'
-	});
+  return request({
+    url: '/system/config/configKey/' + configKey,
+    method: 'get'
+  });
 }
 
 // 新增参数配置
 export function addConfig(data: ConfigForm) {
-	return request({
-		url: '/system/config',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/config',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改参数配置
 export function updateConfig(data: ConfigForm) {
-	return request({
-		url: '/system/config',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/config',
+    method: 'put',
+    data: data
+  });
 }
 
 // 修改参数配置
 export function updateConfigByKey(key: string, value: any) {
-	return request({
-		url: '/system/config/updateByKey',
-		method: 'put',
-		data: {
-			configKey: key,
-			configValue: value
-		}
-	});
+  return request({
+    url: '/system/config/updateByKey',
+    method: 'put',
+    data: {
+      configKey: key,
+      configValue: value
+    }
+  });
 }
 
 // 删除参数配置
 export function delConfig(configId: string | number | Array<string | number>) {
-	return request({
-		url: '/system/config/' + configId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/config/' + configId,
+    method: 'delete'
+  });
 }
 
 // 刷新参数缓存
 export function refreshCache() {
-	return request({
-		url: '/system/config/refreshCache',
-		method: 'delete'
-	});
+  return request({
+    url: '/system/config/refreshCache',
+    method: 'delete'
+  });
 }

src/api/system/config/types.ts

@@ -1,23 +1,23 @@
 export interface ConfigVO extends BaseEntity {
-	configId: number | string;
-	configName: string;
-	configKey: string;
-	configValue: string;
-	configType: string;
-	remark: string;
+  configId: number | string;
+  configName: string;
+  configKey: string;
+  configValue: string;
+  configType: string;
+  remark: string;
 }
 
 export interface ConfigForm {
-	configId: number | string | undefined;
-	configName: string;
-	configKey: string;
-	configValue: string;
-	configType: string;
-	remark: string;
+  configId: number | string | undefined;
+  configName: string;
+  configKey: string;
+  configValue: string;
+  configType: string;
+  remark: string;
 }
 
 export interface ConfigQuery extends PageQuery {
-	configName: string;
-	configKey: string;
-	configType: string;
+  configName: string;
+  configKey: string;
+  configType: string;
 }

src/api/system/dept/index.ts

@@ -4,59 +4,59 @@ import { DeptForm, DeptQuery, DeptVO } from './types';
 
 // 查询部门列表
 export const listDept = (query?: DeptQuery) => {
-	return request({
-		url: '/system/dept/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/dept/list',
+    method: 'get',
+    params: query
+  });
 };
 
 // 查询部门列表（排除节点）
 export const listDeptExcludeChild = (deptId: string | number): AxiosPromise<DeptVO[]> => {
-	return request({
-		url: '/system/dept/list/exclude/' + deptId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/dept/list/exclude/' + deptId,
+    method: 'get'
+  });
 };
 
 // 查询部门详细
 export const getDept = (deptId: string | number): AxiosPromise<DeptVO> => {
-	return request({
-		url: '/system/dept/' + deptId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/dept/' + deptId,
+    method: 'get'
+  });
 };
 
 // 查询部门下拉树结构
 export const treeselect = (): AxiosPromise<DeptVO[]> => {
-	return request({
-		url: '/system/dept/treeselect',
-		method: 'get'
-	});
+  return request({
+    url: '/system/dept/treeselect',
+    method: 'get'
+  });
 };
 
 // 新增部门
 export const addDept = (data: DeptForm) => {
-	return request({
-		url: '/system/dept',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/dept',
+    method: 'post',
+    data: data
+  });
 };
 
 // 修改部门
 export const updateDept = (data: DeptForm) => {
-	return request({
-		url: '/system/dept',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/dept',
+    method: 'put',
+    data: data
+  });
 };
 
 // 删除部门
 export const delDept = (deptId: number | string) => {
-	return request({
-		url: '/system/dept/' + deptId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/dept/' + deptId,
+    method: 'delete'
+  });
 };

src/api/system/dept/types.ts

@@ -2,44 +2,44 @@
  * 部门查询参数
  */
 export interface DeptQuery extends PageQuery {
-	deptName?: string;
-	status?: number;
+  deptName?: string;
+  status?: number;
 }
 
 /**
  * 部门类型
  */
 export interface DeptVO extends BaseEntity {
-	id: number | string;
-	parentName: string;
-	parentId: number | string;
-	children: DeptVO[];
-	deptId: number | string;
-	deptName: string;
-	orderNum: number;
-	leader: string;
-	phone: string;
-	email: string;
-	status: string;
-	delFlag: string;
-	ancestors: string;
-	menuId: string | number;
+  id: number | string;
+  parentName: string;
+  parentId: number | string;
+  children: DeptVO[];
+  deptId: number | string;
+  deptName: string;
+  orderNum: number;
+  leader: string;
+  phone: string;
+  email: string;
+  status: string;
+  delFlag: string;
+  ancestors: string;
+  menuId: string | number;
 }
 
 /**
  * 部门表单类型
  */
 export interface DeptForm {
-	parentName?: string;
-	parentId?: number | string;
-	children?: DeptForm[];
-	deptId?: number | string;
-	deptName?: string;
-	orderNum?: number;
-	leader?: string;
-	phone?: string;
-	email?: string;
-	status?: string;
-	delFlag?: string;
-	ancestors?: string;
+  parentName?: string;
+  parentId?: number | string;
+  children?: DeptForm[];
+  deptId?: number | string;
+  deptName?: string;
+  orderNum?: number;
+  leader?: string;
+  phone?: string;
+  email?: string;
+  status?: string;
+  delFlag?: string;
+  ancestors?: string;
 }

src/api/system/dict/data/index.ts

@@ -3,51 +3,51 @@ import { AxiosPromise } from 'axios';
 import { DictDataForm, DictDataQuery, DictDataVO } from './types';
 // 根据字典类型查询字典数据信息
 export function getDicts(dictType: string): AxiosPromise<DictDataVO[]> {
-	return request({
-		url: '/system/dict/data/type/' + dictType,
-		method: 'get'
-	});
+  return request({
+    url: '/system/dict/data/type/' + dictType,
+    method: 'get'
+  });
 }
 
 // 查询字典数据列表
 export function listData(query: DictDataQuery): AxiosPromise<DictDataVO[]> {
-	return request({
-		url: '/system/dict/data/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/dict/data/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询字典数据详细
 export function getData(dictCode: string | number): AxiosPromise<DictDataVO> {
-	return request({
-		url: '/system/dict/data/' + dictCode,
-		method: 'get'
-	});
+  return request({
+    url: '/system/dict/data/' + dictCode,
+    method: 'get'
+  });
 }
 
 // 新增字典数据
 export function addData(data: DictDataForm) {
-	return request({
-		url: '/system/dict/data',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/dict/data',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改字典数据
 export function updateData(data: DictDataForm) {
-	return request({
-		url: '/system/dict/data',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/dict/data',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除字典数据
 export function delData(dictCode: string | number | Array<string | number>) {
-	return request({
-		url: '/system/dict/data/' + dictCode,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/dict/data/' + dictCode,
+    method: 'delete'
+  });
 }

src/api/system/dict/data/types.ts

@@ -1,29 +1,29 @@
 export interface DictDataQuery extends PageQuery {
-	dictName: string;
-	dictType: string;
-	status: string;
-	dictLabel: string;
+  dictName: string;
+  dictType: string;
+  status: string;
+  dictLabel: string;
 }
 
 export interface DictDataVO extends BaseEntity {
-	dictCode: string;
-	dictLabel: string;
-	dictValue: string;
-	cssClass: string;
-	listClass: ElTagType;
-	dictSort: number;
-	status: string;
-	remark: string;
+  dictCode: string;
+  dictLabel: string;
+  dictValue: string;
+  cssClass: string;
+  listClass: ElTagType;
+  dictSort: number;
+  status: string;
+  remark: string;
 }
 
 export interface DictDataForm {
-	dictType?: string;
-	dictCode: string | undefined;
-	dictLabel: string;
-	dictValue: string;
-	cssClass: string;
-	listClass: ElTagType;
-	dictSort: number;
-	status: string;
-	remark: string;
+  dictType?: string;
+  dictCode: string | undefined;
+  dictLabel: string;
+  dictValue: string;
+  cssClass: string;
+  listClass: ElTagType;
+  dictSort: number;
+  status: string;
+  remark: string;
 }

src/api/system/dict/type/index.ts

@@ -4,59 +4,59 @@ import { AxiosPromise } from 'axios';
 
 // 查询字典类型列表
 export function listType(query: DictTypeQuery): AxiosPromise<DictTypeVO[]> {
-	return request({
-		url: '/system/dict/type/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/dict/type/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询字典类型详细
 export function getType(dictId: number | string): AxiosPromise<DictTypeVO> {
-	return request({
-		url: '/system/dict/type/' + dictId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/dict/type/' + dictId,
+    method: 'get'
+  });
 }
 
 // 新增字典类型
 export function addType(data: DictTypeForm) {
-	return request({
-		url: '/system/dict/type',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/dict/type',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改字典类型
 export function updateType(data: DictTypeForm) {
-	return request({
-		url: '/system/dict/type',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/dict/type',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除字典类型
 export function delType(dictId: string | number | Array<string | number>) {
-	return request({
-		url: '/system/dict/type/' + dictId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/dict/type/' + dictId,
+    method: 'delete'
+  });
 }
 
 // 刷新字典缓存
 export function refreshCache() {
-	return request({
-		url: '/system/dict/type/refreshCache',
-		method: 'delete'
-	});
+  return request({
+    url: '/system/dict/type/refreshCache',
+    method: 'delete'
+  });
 }
 
 // 获取字典选择框列表
 export function optionselect(): AxiosPromise<DictTypeVO[]> {
-	return request({
-		url: '/system/dict/type/optionselect',
-		method: 'get'
-	});
+  return request({
+    url: '/system/dict/type/optionselect',
+    method: 'get'
+  });
 }

src/api/system/dict/type/types.ts

@@ -1,21 +1,21 @@
 export interface DictTypeVO extends BaseEntity {
-	dictId: number | string;
-	dictName: string;
-	dictType: string;
-	status: string;
-	remark: string;
+  dictId: number | string;
+  dictName: string;
+  dictType: string;
+  status: string;
+  remark: string;
 }
 
 export interface DictTypeForm {
-	dictId: number | string | undefined;
-	dictName: string;
-	dictType: string;
-	status: string;
-	remark: string;
+  dictId: number | string | undefined;
+  dictName: string;
+  dictType: string;
+  status: string;
+  remark: string;
 }
 
 export interface DictTypeQuery extends PageQuery {
-	dictName: string;
-	dictType: string;
-	status: string;
+  dictName: string;
+  dictType: string;
+  status: string;
 }

src/api/system/menu/index.ts

@@ -4,67 +4,67 @@ import { MenuQuery, MenuVO, MenuForm, MenuTreeOption, RoleMenuTree } from './typ
 
 // 查询菜单列表
 export const listMenu = (query?: MenuQuery): AxiosPromise<MenuVO[]> => {
-	return request({
-		url: '/system/menu/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/menu/list',
+    method: 'get',
+    params: query
+  });
 };
 
 // 查询菜单详细
 export const getMenu = (menuId: string | number): AxiosPromise<MenuVO> => {
-	return request({
-		url: '/system/menu/' + menuId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/menu/' + menuId,
+    method: 'get'
+  });
 };
 
 // 查询菜单下拉树结构
 export const treeselect = (): AxiosPromise<MenuTreeOption[]> => {
-	return request({
-		url: '/system/menu/treeselect',
-		method: 'get'
-	});
+  return request({
+    url: '/system/menu/treeselect',
+    method: 'get'
+  });
 };
 
 // 根据角色ID查询菜单下拉树结构
 export const roleMenuTreeselect = (roleId: string | number): AxiosPromise<RoleMenuTree> => {
-	return request({
-		url: '/system/menu/roleMenuTreeselect/' + roleId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/menu/roleMenuTreeselect/' + roleId,
+    method: 'get'
+  });
 };
 
 // 根据角色ID查询菜单下拉树结构
 export const tenantPackageMenuTreeselect = (packageId: string | number): AxiosPromise<RoleMenuTree> => {
-	return request({
-		url: '/system/menu/tenantPackageMenuTreeselect/' + packageId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/menu/tenantPackageMenuTreeselect/' + packageId,
+    method: 'get'
+  });
 };
 
 // 新增菜单
 export const addMenu = (data: MenuForm) => {
-	return request({
-		url: '/system/menu',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/menu',
+    method: 'post',
+    data: data
+  });
 };
 
 // 修改菜单
 export const updateMenu = (data: MenuForm) => {
-	return request({
-		url: '/system/menu',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/menu',
+    method: 'put',
+    data: data
+  });
 };
 
 // 删除菜单
 export const delMenu = (menuId: string | number) => {
-	return request({
-		url: '/system/menu/' + menuId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/menu/' + menuId,
+    method: 'delete'
+  });
 };

src/api/system/menu/types.ts

@@ -4,66 +4,66 @@ import { MenuTypeEnum } from '@/enums/MenuTypeEnum';
  * 菜单树形结构类型
  */
 export interface MenuTreeOption {
-	id: string | number;
-	label: string;
-	parentId: string | number;
-	weight: number;
-	children?: MenuTreeOption[];
+  id: string | number;
+  label: string;
+  parentId: string | number;
+  weight: number;
+  children?: MenuTreeOption[];
 }
 
 export interface RoleMenuTree {
-	menus: MenuTreeOption[];
-	checkedKeys: string[];
+  menus: MenuTreeOption[];
+  checkedKeys: string[];
 }
 
 /**
  * 菜单查询参数类型
  */
 export interface MenuQuery {
-	keywords?: string;
-	menuName?: string;
-	status?: string;
+  keywords?: string;
+  menuName?: string;
+  status?: string;
 }
 
 /**
  * 菜单视图对象类型
  */
 export interface MenuVO extends BaseEntity {
-	parentName: string;
-	parentId: string | number;
-	children: MenuVO[];
-	menuId: string | number;
-	menuName: string;
-	orderNum: number;
-	path: string;
-	component: string;
-	queryParam: string;
-	isFrame: string;
-	isCache: string;
-	menuType: MenuTypeEnum;
-	visible: string;
-	status: string;
-	icon: string;
-	remark: string;
+  parentName: string;
+  parentId: string | number;
+  children: MenuVO[];
+  menuId: string | number;
+  menuName: string;
+  orderNum: number;
+  path: string;
+  component: string;
+  queryParam: string;
+  isFrame: string;
+  isCache: string;
+  menuType: MenuTypeEnum;
+  visible: string;
+  status: string;
+  icon: string;
+  remark: string;
 }
 
 export interface MenuForm {
-	parentName?: string;
-	parentId?: string | number;
-	children?: MenuForm[];
-	menuId?: string | number;
-	menuName: string;
-	orderNum: number;
-	path: string;
-	component?: string;
-	queryParam?: string;
-	isFrame?: string;
-	isCache?: string;
-	menuType?: MenuTypeEnum;
-	visible?: string;
-	status?: string;
-	icon?: string;
-	remark?: string;
-	query?: string;
-	perms?: string;
+  parentName?: string;
+  parentId?: string | number;
+  children?: MenuForm[];
+  menuId?: string | number;
+  menuName: string;
+  orderNum: number;
+  path: string;
+  component?: string;
+  queryParam?: string;
+  isFrame?: string;
+  isCache?: string;
+  menuType?: MenuTypeEnum;
+  visible?: string;
+  status?: string;
+  icon?: string;
+  remark?: string;
+  query?: string;
+  perms?: string;
 }

src/api/system/notice/index.ts

@@ -3,43 +3,43 @@ import { NoticeForm, NoticeQuery, NoticeVO } from './types';
 import { AxiosPromise } from 'axios';
 // 查询公告列表
 export function listNotice(query: NoticeQuery): AxiosPromise<NoticeVO[]> {
-	return request({
-		url: '/system/notice/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/notice/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询公告详细
 export function getNotice(noticeId: string | number): AxiosPromise<NoticeVO> {
-	return request({
-		url: '/system/notice/' + noticeId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/notice/' + noticeId,
+    method: 'get'
+  });
 }
 
 // 新增公告
 export function addNotice(data: NoticeForm) {
-	return request({
-		url: '/system/notice',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/notice',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改公告
 export function updateNotice(data: NoticeForm) {
-	return request({
-		url: '/system/notice',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/notice',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除公告
 export function delNotice(noticeId: string | number | Array<string | number>) {
-	return request({
-		url: '/system/notice/' + noticeId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/notice/' + noticeId,
+    method: 'delete'
+  });
 }

src/api/system/notice/types.ts

@@ -1,26 +1,26 @@
 export interface NoticeVO extends BaseEntity {
-	noticeId: number;
-	noticeTitle: string;
-	noticeType: string;
-	noticeContent: string;
-	status: string;
-	remark: string;
-	createByName: string;
+  noticeId: number;
+  noticeTitle: string;
+  noticeType: string;
+  noticeContent: string;
+  status: string;
+  remark: string;
+  createByName: string;
 }
 
 export interface NoticeQuery extends PageQuery {
-	noticeTitle: string;
-	createByName: string;
-	status: string;
-	noticeType: string;
+  noticeTitle: string;
+  createByName: string;
+  status: string;
+  noticeType: string;
 }
 
 export interface NoticeForm {
-	noticeId: number | string | undefined;
-	noticeTitle: string;
-	noticeType: string;
-	noticeContent: string;
-	status: string;
-	remark: string;
-	createByName: string;
+  noticeId: number | string | undefined;
+  noticeTitle: string;
+  noticeType: string;
+  noticeContent: string;
+  status: string;
+  remark: string;
+  createByName: string;
 }

src/api/system/oss/index.ts

@@ -4,25 +4,25 @@ import { AxiosPromise } from 'axios';
 
 // 查询OSS对象存储列表
 export function listOss(query: OssQuery): AxiosPromise<OssVO[]> {
-	return request({
-		url: '/system/oss/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/oss/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询OSS对象基于id串
 export function listByIds(ossId: string | number): AxiosPromise<OssVO[]> {
-	return request({
-		url: '/system/oss/listByIds/' + ossId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/oss/listByIds/' + ossId,
+    method: 'get'
+  });
 }
 
 // 删除OSS对象存储
 export function delOss(ossId: string | number | Array<string | number>) {
-	return request({
-		url: '/system/oss/' + ossId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/oss/' + ossId,
+    method: 'delete'
+  });
 }

src/api/system/oss/types.ts

@@ -1,22 +1,22 @@
 export interface OssVO extends BaseEntity {
-	ossId: string | number;
-	fileName: string;
-	originalName: string;
-	fileSuffix: string;
-	url: string;
-	createByName: string;
-	service: string;
+  ossId: string | number;
+  fileName: string;
+  originalName: string;
+  fileSuffix: string;
+  url: string;
+  createByName: string;
+  service: string;
 }
 
 export interface OssQuery extends PageQuery {
-	fileName: string;
-	originalName: string;
-	fileSuffix: string;
-	createTime: string;
-	service: string;
-	orderByColumn: string;
-	isAsc: string;
+  fileName: string;
+  originalName: string;
+  fileSuffix: string;
+  createTime: string;
+  service: string;
+  orderByColumn: string;
+  isAsc: string;
 }
 export interface OssForm {
-	file: undefined | string;
+  file: undefined | string;
 }

src/api/system/ossConfig/index.ts

@@ -4,57 +4,57 @@ import { AxiosPromise } from 'axios';
 
 // 查询对象存储配置列表
 export function listOssConfig(query: OssConfigQuery): AxiosPromise<OssConfigVO[]> {
-	return request({
-		url: '/system/oss/config/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/oss/config/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询对象存储配置详细
 export function getOssConfig(ossConfigId: string | number): AxiosPromise<OssConfigVO> {
-	return request({
-		url: '/system/oss/config/' + ossConfigId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/oss/config/' + ossConfigId,
+    method: 'get'
+  });
 }
 
 // 新增对象存储配置
 export function addOssConfig(data: OssConfigForm) {
-	return request({
-		url: '/system/oss/config',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/oss/config',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改对象存储配置
 export function updateOssConfig(data: OssConfigForm) {
-	return request({
-		url: '/system/oss/config',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/oss/config',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除对象存储配置
 export function delOssConfig(ossConfigId: string | number | Array<string | number>) {
-	return request({
-		url: '/system/oss/config/' + ossConfigId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/oss/config/' + ossConfigId,
+    method: 'delete'
+  });
 }
 
 // 对象存储状态修改
 export function changeOssConfigStatus(ossConfigId: string | number, status: string, configKey: string) {
-	const data = {
-		ossConfigId,
-		status,
-		configKey
-	};
-	return request({
-		url: '/system/oss/config/changeStatus',
-		method: 'put',
-		data: data
-	});
+  const data = {
+    ossConfigId,
+    status,
+    configKey
+  };
+  return request({
+    url: '/system/oss/config/changeStatus',
+    method: 'put',
+    data: data
+  });
 }

src/api/system/ossConfig/types.ts

@@ -1,38 +1,38 @@
 export interface OssConfigVO extends BaseEntity {
-	ossConfigId: number | string;
-	configKey: string;
-	accessKey: string;
-	secretKey: string;
-	bucketName: string;
-	prefix: string;
-	endpoint: string;
-	domain: string;
-	isHttps: string;
-	region: string;
-	status: string;
-	ext1: string;
-	remark: string;
-	accessPolicy: string;
+  ossConfigId: number | string;
+  configKey: string;
+  accessKey: string;
+  secretKey: string;
+  bucketName: string;
+  prefix: string;
+  endpoint: string;
+  domain: string;
+  isHttps: string;
+  region: string;
+  status: string;
+  ext1: string;
+  remark: string;
+  accessPolicy: string;
 }
 
 export interface OssConfigQuery extends PageQuery {
-	configKey: string;
-	bucketName: string;
-	status: string;
+  configKey: string;
+  bucketName: string;
+  status: string;
 }
 
 export interface OssConfigForm {
-	ossConfigId: string | number | undefined;
-	configKey: string;
-	accessKey: string;
-	secretKey: string;
-	bucketName: string;
-	prefix: string;
-	endpoint: string;
-	domain: string;
-	isHttps: string;
-	accessPolicy: string;
-	region: string;
-	status: string;
-	remark: string;
+  ossConfigId: string | number | undefined;
+  configKey: string;
+  accessKey: string;
+  secretKey: string;
+  bucketName: string;
+  prefix: string;
+  endpoint: string;
+  domain: string;
+  isHttps: string;
+  accessPolicy: string;
+  region: string;
+  status: string;
+  remark: string;
 }

src/api/system/post/index.ts

@@ -4,43 +4,43 @@ import { AxiosPromise } from 'axios';
 
 // 查询岗位列表
 export function listPost(query: PostQuery): AxiosPromise<PostVO[]> {
-	return request({
-		url: '/system/post/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/post/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询岗位详细
 export function getPost(postId: string | number): AxiosPromise<PostVO> {
-	return request({
-		url: '/system/post/' + postId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/post/' + postId,
+    method: 'get'
+  });
 }
 
 // 新增岗位
 export function addPost(data: PostForm) {
-	return request({
-		url: '/system/post',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/post',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改岗位
 export function updatePost(data: PostForm) {
-	return request({
-		url: '/system/post',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/post',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除岗位
 export function delPost(postId: string | number | (string | number)[]) {
-	return request({
-		url: '/system/post/' + postId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/post/' + postId,
+    method: 'delete'
+  });
 }

src/api/system/post/types.ts

@@ -1,23 +1,23 @@
 export interface PostVO extends BaseEntity {
-	postId: number | string;
-	postCode: string;
-	postName: string;
-	postSort: number;
-	status: string;
-	remark: string;
+  postId: number | string;
+  postCode: string;
+  postName: string;
+  postSort: number;
+  status: string;
+  remark: string;
 }
 
 export interface PostForm {
-	postId: number | string | undefined;
-	postCode: string;
-	postName: string;
-	postSort: number;
-	status: string;
-	remark: string;
+  postId: number | string | undefined;
+  postCode: string;
+  postName: string;
+  postSort: number;
+  status: string;
+  remark: string;
 }
 
 export interface PostQuery extends PageQuery {
-	postCode: string;
-	postName: string;
-	status: string;
+  postCode: string;
+  postName: string;
+  status: string;
 }

src/api/system/role/index.ts

@@ -5,32 +5,32 @@ import { RoleQuery, RoleVO, RoleDeptTree } from './types';
 import request from '@/utils/request';
 
 export const listRole = (query: RoleQuery): AxiosPromise<RoleVO[]> => {
-	return request({
-		url: '/system/role/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/role/list',
+    method: 'get',
+    params: query
+  });
 };
 
 /**
  * 查询角色详细
  */
 export const getRole = (roleId: string | number): AxiosPromise<RoleVO> => {
-	return request({
-		url: '/system/role/' + roleId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/role/' + roleId,
+    method: 'get'
+  });
 };
 
 /**
  * 新增角色
  */
 export const addRole = (data: any) => {
-	return request({
-		url: '/system/role',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/role',
+    method: 'post',
+    data: data
+  });
 };
 
 /**
@@ -38,107 +38,107 @@ export const addRole = (data: any) => {
  * @param data
  */
 export const updateRole = (data: any) => {
-	return request({
-		url: '/system/role',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/role',
+    method: 'put',
+    data: data
+  });
 };
 
 /**
  * 角色数据权限
  */
 export const dataScope = (data: any) => {
-	return request({
-		url: '/system/role/dataScope',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/role/dataScope',
+    method: 'put',
+    data: data
+  });
 };
 
 /**
  * 角色状态修改
  */
 export const changeRoleStatus = (roleId: string | number, status: string) => {
-	const data = {
-		roleId,
-		status
-	};
-	return request({
-		url: '/system/role/changeStatus',
-		method: 'put',
-		data: data
-	});
+  const data = {
+    roleId,
+    status
+  };
+  return request({
+    url: '/system/role/changeStatus',
+    method: 'put',
+    data: data
+  });
 };
 
 /**
  * 删除角色
  */
 export const delRole = (roleId: Array<string | number> | string | number) => {
-	return request({
-		url: '/system/role/' + roleId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/role/' + roleId,
+    method: 'delete'
+  });
 };
 
 /**
  * 查询角色已授权用户列表
  */
 export const allocatedUserList = (query: UserQuery): AxiosPromise<UserVO[]> => {
-	return request({
-		url: '/system/role/authUser/allocatedList',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/role/authUser/allocatedList',
+    method: 'get',
+    params: query
+  });
 };
 
 /**
  * 查询角色未授权用户列表
  */
 export const unallocatedUserList = (query: UserQuery): AxiosPromise<UserVO[]> => {
-	return request({
-		url: '/system/role/authUser/unallocatedList',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/role/authUser/unallocatedList',
+    method: 'get',
+    params: query
+  });
 };
 
 /**
  * 取消用户授权角色
  */
 export const authUserCancel = (data: any) => {
-	return request({
-		url: '/system/role/authUser/cancel',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/role/authUser/cancel',
+    method: 'put',
+    data: data
+  });
 };
 
 /**
  * 批量取消用户授权角色
  */
 export const authUserCancelAll = (data: any) => {
-	return request({
-		url: '/system/role/authUser/cancelAll',
-		method: 'put',
-		params: data
-	});
+  return request({
+    url: '/system/role/authUser/cancelAll',
+    method: 'put',
+    params: data
+  });
 };
 
 /**
  * 授权用户选择
  */
 export const authUserSelectAll = (data: any) => {
-	return request({
-		url: '/system/role/authUser/selectAll',
-		method: 'put',
-		params: data
-	});
+  return request({
+    url: '/system/role/authUser/selectAll',
+    method: 'put',
+    params: data
+  });
 };
 // 根据角色ID查询部门树结构
 export const deptTreeSelect = (roleId: string | number): AxiosPromise<RoleDeptTree> => {
-	return request({
-		url: '/system/role/deptTree/' + roleId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/role/deptTree/' + roleId,
+    method: 'get'
+  });
 };

src/api/system/role/types.ts

@@ -2,51 +2,51 @@
  * 菜单树形结构类型
  */
 export interface DeptTreeOption {
-	id: string;
-	label: string;
-	parentId: string;
-	weight: number;
-	children?: DeptTreeOption[];
+  id: string;
+  label: string;
+  parentId: string;
+  weight: number;
+  children?: DeptTreeOption[];
 }
 
 export interface RoleDeptTree {
-	checkedKeys: string[];
-	depts: DeptTreeOption[];
+  checkedKeys: string[];
+  depts: DeptTreeOption[];
 }
 
 export interface RoleVO extends BaseEntity {
-	roleId: string | number;
-	roleName: string;
-	roleKey: string;
-	roleSort: number;
-	dataScope: string;
-	menuCheckStrictly: boolean;
-	deptCheckStrictly: boolean;
-	status: string;
-	delFlag: string;
-	remark?: any;
-	flag: boolean;
-	menuIds?: Array<string | number>;
-	deptIds?: Array<string | number>;
-	admin: boolean;
+  roleId: string | number;
+  roleName: string;
+  roleKey: string;
+  roleSort: number;
+  dataScope: string;
+  menuCheckStrictly: boolean;
+  deptCheckStrictly: boolean;
+  status: string;
+  delFlag: string;
+  remark?: any;
+  flag: boolean;
+  menuIds?: Array<string | number>;
+  deptIds?: Array<string | number>;
+  admin: boolean;
 }
 
 export interface RoleQuery extends PageQuery {
-	roleName: string;
-	roleKey: string;
-	status: string;
+  roleName: string;
+  roleKey: string;
+  status: string;
 }
 
 export interface RoleForm {
-	roleName: string;
-	roleKey: string;
-	roleSort: number;
-	status: string;
-	menuCheckStrictly: boolean;
-	deptCheckStrictly: boolean;
-	remark: string;
-	dataScope?: number;
-	roleId: string | undefined;
-	menuIds: Array<string | number>;
-	deptIds: Array<string | number>;
+  roleName: string;
+  roleKey: string;
+  roleSort: number;
+  status: string;
+  menuCheckStrictly: boolean;
+  deptCheckStrictly: boolean;
+  remark: string;
+  dataScope?: number;
+  roleId: string | undefined;
+  menuIds: Array<string | number>;
+  deptIds: Array<string | number>;
 }

src/api/system/tenant/index.ts

@@ -4,86 +4,86 @@ import { AxiosPromise } from 'axios';
 
 // 查询租户列表
 export function listTenant(query: TenantQuery): AxiosPromise<TenantVO[]> {
-	return request({
-		url: '/system/tenant/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/tenant/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询租户详细
 export function getTenant(id: string | number): AxiosPromise<TenantVO> {
-	return request({
-		url: '/system/tenant/' + id,
-		method: 'get'
-	});
+  return request({
+    url: '/system/tenant/' + id,
+    method: 'get'
+  });
 }
 
 // 新增租户
 export function addTenant(data: TenantForm) {
-	return request({
-		url: '/system/tenant',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/tenant',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改租户
 export function updateTenant(data: TenantForm) {
-	return request({
-		url: '/system/tenant',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/tenant',
+    method: 'put',
+    data: data
+  });
 }
 
 // 租户状态修改
 export function changeTenantStatus(id: string | number, tenantId: string | number, status: string) {
-	const data = {
-		id,
-		tenantId,
-		status
-	};
-	return request({
-		url: '/system/tenant/changeStatus',
-		method: 'put',
-		data: data
-	});
+  const data = {
+    id,
+    tenantId,
+    status
+  };
+  return request({
+    url: '/system/tenant/changeStatus',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除租户
 export function delTenant(id: string | number | Array<string | number>) {
-	return request({
-		url: '/system/tenant/' + id,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/tenant/' + id,
+    method: 'delete'
+  });
 }
 
 // 动态切换租户
 export function dynamicTenant(tenantId: string | number) {
-	return request({
-		url: '/system/tenant/dynamic/' + tenantId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/tenant/dynamic/' + tenantId,
+    method: 'get'
+  });
 }
 
 // 清除动态租户
 export function dynamicClear() {
-	return request({
-		url: '/system/tenant/dynamic/clear',
-		method: 'get'
-	});
+  return request({
+    url: '/system/tenant/dynamic/clear',
+    method: 'get'
+  });
 }
 
 // 同步租户套餐
 export function syncTenantPackage(tenantId: string | number, packageId: string | number) {
-	const data = {
-		tenantId,
-		packageId
-	};
-	return request({
-		url: '/system/tenant/syncTenantPackage',
-		method: 'get',
-		params: data
-	});
+  const data = {
+    tenantId,
+    packageId
+  };
+  return request({
+    url: '/system/tenant/syncTenantPackage',
+    method: 'get',
+    params: data
+  });
 }

src/api/system/tenant/types.ts

@@ -1,46 +1,46 @@
 export interface TenantVO extends BaseEntity {
-	id: number | string;
-	tenantId: number | string;
-	username: string;
-	contactUserName: string;
-	contactPhone: string;
-	companyName: string;
-	licenseNumber: string;
-	address: string;
-	domain: string;
-	intro: string;
-	remark: string;
-	packageId: string | number;
-	expireTime: string;
-	accountCount: number;
-	status: string;
+  id: number | string;
+  tenantId: number | string;
+  username: string;
+  contactUserName: string;
+  contactPhone: string;
+  companyName: string;
+  licenseNumber: string;
+  address: string;
+  domain: string;
+  intro: string;
+  remark: string;
+  packageId: string | number;
+  expireTime: string;
+  accountCount: number;
+  status: string;
 }
 
 export interface TenantQuery extends PageQuery {
-	tenantId: string | number;
+  tenantId: string | number;
 
-	contactUserName: string;
+  contactUserName: string;
 
-	contactPhone: string;
+  contactPhone: string;
 
-	companyName: string;
+  companyName: string;
 }
 
 export interface TenantForm {
-	id: number | string | undefined;
-	tenantId: number | string | undefined;
-	username: string;
-	password: string;
-	contactUserName: string;
-	contactPhone: string;
-	companyName: string;
-	licenseNumber: string;
-	domain: string;
-	address: string;
-	intro: string;
-	remark: string;
-	packageId: string | number;
-	expireTime: string;
-	accountCount: number;
-	status: string;
+  id: number | string | undefined;
+  tenantId: number | string | undefined;
+  username: string;
+  password: string;
+  contactUserName: string;
+  contactPhone: string;
+  companyName: string;
+  licenseNumber: string;
+  domain: string;
+  address: string;
+  intro: string;
+  remark: string;
+  packageId: string | number;
+  expireTime: string;
+  accountCount: number;
+  status: string;
 }

src/api/system/tenantPackage/index.ts

@@ -4,56 +4,56 @@ import { AxiosPromise } from 'axios';
 
 // 查询租户套餐列表
 export function listTenantPackage(query?: TenantPkgQuery): AxiosPromise<TenantPkgVO[]> {
-	return request({
-		url: '/system/tenant/package/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/tenant/package/list',
+    method: 'get',
+    params: query
+  });
 }
 
 // 查询租户套餐详细
 export function getTenantPackage(packageId: string | number): AxiosPromise<TenantPkgVO> {
-	return request({
-		url: '/system/tenant/package/' + packageId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/tenant/package/' + packageId,
+    method: 'get'
+  });
 }
 
 // 新增租户套餐
 export function addTenantPackage(data: TenantPkgForm) {
-	return request({
-		url: '/system/tenant/package',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/tenant/package',
+    method: 'post',
+    data: data
+  });
 }
 
 // 修改租户套餐
 export function updateTenantPackage(data: TenantPkgForm) {
-	return request({
-		url: '/system/tenant/package',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/tenant/package',
+    method: 'put',
+    data: data
+  });
 }
 
 // 租户套餐状态修改
 export function changePackageStatus(packageId: number | string, status: string) {
-	const data = {
-		packageId,
-		status
-	};
-	return request({
-		url: '/system/tenant/package/changeStatus',
-		method: 'put',
-		data: data
-	});
+  const data = {
+    packageId,
+    status
+  };
+  return request({
+    url: '/system/tenant/package/changeStatus',
+    method: 'put',
+    data: data
+  });
 }
 
 // 删除租户套餐
 export function delTenantPackage(packageId: string | number | Array<string | number>) {
-	return request({
-		url: '/system/tenant/package/' + packageId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/tenant/package/' + packageId,
+    method: 'delete'
+  });
 }

src/api/system/tenantPackage/types.ts

@@ -1,22 +1,22 @@
 export interface TenantPkgVO extends BaseEntity {
-	packageId: string | number;
-	packageName: string;
-	menuIds: string;
-	remark: string;
-	menuCheckStrictly: boolean;
-	status: string;
+  packageId: string | number;
+  packageName: string;
+  menuIds: string;
+  remark: string;
+  menuCheckStrictly: boolean;
+  status: string;
 }
 
 export interface TenantPkgQuery extends PageQuery {
-	packageName: string;
-	status: string;
+  packageName: string;
+  status: string;
 }
 
 export interface TenantPkgForm {
-	packageId: string | number | undefined;
-	packageName: string;
-	menuIds: string;
-	remark: string;
-	menuCheckStrictly: boolean;
-	status: string;
+  packageId: string | number | undefined;
+  packageName: string;
+  menuIds: string;
+  remark: string;
+  menuCheckStrictly: boolean;
+  status: string;
 }

src/api/system/user/index.ts

@@ -10,11 +10,11 @@ import { parseStrEmpty } from '@/utils/ruoyi';
  * @param query
  */
 export function listUser(query: UserQuery): AxiosPromise<UserVO[]> {
-	return request({
-		url: '/system/user/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    url: '/system/user/list',
+    method: 'get',
+    params: query
+  });
 }
 
 /**
@@ -22,32 +22,32 @@ export function listUser(query: UserQuery): AxiosPromise<UserVO[]> {
  * @param userId
  */
 export function getUser(userId?: string | number): AxiosPromise<UserInfoVO> {
-	return request({
-		url: '/system/user/' + parseStrEmpty(userId),
-		method: 'get'
-	});
+  return request({
+    url: '/system/user/' + parseStrEmpty(userId),
+    method: 'get'
+  });
 }
 
 /**
  * 新增用户
  */
 export function addUser(data: UserForm) {
-	return request({
-		url: '/system/user',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/user',
+    method: 'post',
+    data: data
+  });
 }
 
 /**
  * 修改用户
  */
 export function updateUser(data: UserForm) {
-	return request({
-		url: '/system/user',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/user',
+    method: 'put',
+    data: data
+  });
 }
 
 /**
@@ -55,10 +55,10 @@ export function updateUser(data: UserForm) {
  * @param userId 用户ID
  */
 export function delUser(userId: Array<string | number> | string | number) {
-	return request({
-		url: '/system/user/' + userId,
-		method: 'delete'
-	});
+  return request({
+    url: '/system/user/' + userId,
+    method: 'delete'
+  });
 }
 
 /**
@@ -67,15 +67,15 @@ export function delUser(userId: Array<string | number> | string | number) {
  * @param password 密码
  */
 export function resetUserPwd(userId: string | number, password: string) {
-	const data = {
-		userId,
-		password
-	};
-	return request({
-		url: '/system/user/resetPwd',
-		method: 'put',
-		data: data
-	});
+  const data = {
+    userId,
+    password
+  };
+  return request({
+    url: '/system/user/resetPwd',
+    method: 'put',
+    data: data
+  });
 }
 
 /**
@@ -84,25 +84,25 @@ export function resetUserPwd(userId: string | number, password: string) {
  * @param status 用户状态
  */
 export function changeUserStatus(userId: number | string, status: string) {
-	const data = {
-		userId,
-		status
-	};
-	return request({
-		url: '/system/user/changeStatus',
-		method: 'put',
-		data: data
-	});
+  const data = {
+    userId,
+    status
+  };
+  return request({
+    url: '/system/user/changeStatus',
+    method: 'put',
+    data: data
+  });
 }
 
 /**
  * 查询用户个人信息
  */
 export function getUserProfile(): AxiosPromise<UserInfoVO> {
-	return request({
-		url: '/system/user/profile',
-		method: 'get'
-	});
+  return request({
+    url: '/system/user/profile',
+    method: 'get'
+  });
 }
 
 /**
@@ -110,11 +110,11 @@ export function getUserProfile(): AxiosPromise<UserInfoVO> {
  * @param data 用户信息
  */
 export function updateUserProfile(data: UserForm) {
-	return request({
-		url: '/system/user/profile',
-		method: 'put',
-		data: data
-	});
+  return request({
+    url: '/system/user/profile',
+    method: 'put',
+    data: data
+  });
 }
 
 /**
@@ -123,15 +123,15 @@ export function updateUserProfile(data: UserForm) {
  * @param newPassword 新密码
  */
 export function updateUserPwd(oldPassword: string, newPassword: string) {
-	const data = {
-		oldPassword,
-		newPassword
-	};
-	return request({
-		url: '/system/user/profile/updatePwd',
-		method: 'put',
-		params: data
-	});
+  const data = {
+    oldPassword,
+    newPassword
+  };
+  return request({
+    url: '/system/user/profile/updatePwd',
+    method: 'put',
+    params: data
+  });
 }
 
 /**
@@ -139,11 +139,11 @@ export function updateUserPwd(oldPassword: string, newPassword: string) {
  * @param data 头像文件
  */
 export function uploadAvatar(data: FormData) {
-	return request({
-		url: '/system/user/profile/avatar',
-		method: 'post',
-		data: data
-	});
+  return request({
+    url: '/system/user/profile/avatar',
+    method: 'post',
+    data: data
+  });
 }
 
 /**
@@ -151,10 +151,10 @@ export function uploadAvatar(data: FormData) {
  * @param userId 用户ID
  */
 export function getAuthRole(userId: string | number): AxiosPromise<{ user: UserVO; roles: RoleVO[] }> {
-	return request({
-		url: '/system/user/authRole/' + userId,
-		method: 'get'
-	});
+  return request({
+    url: '/system/user/authRole/' + userId,
+    method: 'get'
+  });
 }
 
 /**
@@ -162,19 +162,19 @@ export function getAuthRole(userId: string | number): AxiosPromise<{ user: UserV
  * @param data 用户ID
  */
 export function updateAuthRole(data: { userId: string; roleIds: string }) {
-	return request({
-		url: '/system/user/authRole',
-		method: 'put',
-		params: data
-	});
+  return request({
+    url: '/system/user/authRole',
+    method: 'put',
+    params: data
+  });
 }
 
 /**
  * 查询部门下拉树结构
  */
 export function deptTreeSelect(): AxiosPromise<DeptVO[]> {
-	return request({
-		url: '/system/user/deptTree',
-		method: 'get'
-	});
+  return request({
+    url: '/system/user/deptTree',
+    method: 'get'
+  });
 }

src/api/system/user/types.ts

@@ -6,79 +6,79 @@ import { PostVO } from '@/api/system/post/types';
  * 用户信息
  */
 export interface UserInfo {
-	user: UserVO;
-	roles: string[];
-	permissions: string[];
+  user: UserVO;
+  roles: string[];
+  permissions: string[];
 }
 
 /**
  * 用户查询对象类型
  */
 export interface UserQuery extends PageQuery {
-	userName?: string;
-	phonenumber?: string;
-	status?: string;
-	deptId?: string | number;
-	roleId?: string | number;
+  userName?: string;
+  phonenumber?: string;
+  status?: string;
+  deptId?: string | number;
+  roleId?: string | number;
 }
 
 /**
  * 用户返回对象
  */
 export interface UserVO extends BaseEntity {
-	userId: string | number;
-	deptId: number;
-	userName: string;
-	nickName: string;
-	userType: string;
-	email: string;
-	phonenumber: string;
-	sex: string;
-	avatar: string;
-	status: string;
-	delFlag: string;
-	loginIp: string;
-	loginDate: string;
-	remark: string;
-	dept: DeptVO;
-	roles: RoleVO[];
-	roleIds: any;
-	postIds: any;
-	roleId: any;
-	admin: boolean;
+  userId: string | number;
+  deptId: number;
+  userName: string;
+  nickName: string;
+  userType: string;
+  email: string;
+  phonenumber: string;
+  sex: string;
+  avatar: string;
+  status: string;
+  delFlag: string;
+  loginIp: string;
+  loginDate: string;
+  remark: string;
+  dept: DeptVO;
+  roles: RoleVO[];
+  roleIds: any;
+  postIds: any;
+  roleId: any;
+  admin: boolean;
 }
 
 /**
  * 用户表单类型
  */
 export interface UserForm {
-	id?: string;
-	userId?: string;
-	deptId?: number;
-	userName: string;
-	nickName?: string;
-	password: string;
-	phonenumber?: string;
-	email?: string;
-	sex?: string;
-	status: string;
-	remark?: string;
-	postIds: string[];
-	roleIds: string[];
+  id?: string;
+  userId?: string;
+  deptId?: number;
+  userName: string;
+  nickName?: string;
+  password: string;
+  phonenumber?: string;
+  email?: string;
+  sex?: string;
+  status: string;
+  remark?: string;
+  postIds: string[];
+  roleIds: string[];
 }
 
 export interface UserInfoVO {
-	user: UserVO;
-	roles: RoleVO[];
-	roleIds: string[];
-	posts: PostVO[];
-	postIds: string[];
-	roleGroup: string;
-	postGroup: string;
+  user: UserVO;
+  roles: RoleVO[];
+  roleIds: string[];
+  posts: PostVO[];
+  postIds: string[];
+  roleGroup: string;
+  postGroup: string;
 }
 
 export interface ResetPwdForm {
-	oldPassword: string;
-	newPassword: string;
-	confirmPassword: string;
+  oldPassword: string;
+  newPassword: string;
+  confirmPassword: string;
 }

src/api/tool/gen/index.ts

@@ -4,84 +4,84 @@ import { AxiosPromise } from 'axios';
 
 // 查询生成表数据
 export const listTable = (query: TableQuery): AxiosPromise<TableVO[]> => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen/list',
+    method: 'get',
+    params: query
+  });
 };
 // 查询db数据库列表
 export const listDbTable = (query: DbTableQuery): AxiosPromise<DbTableVO[]> => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen/db/list',
-		method: 'get',
-		params: query
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen/db/list',
+    method: 'get',
+    params: query
+  });
 };
 
 // 查询表详细信息
 export const getGenTable = (tableId: string | number): AxiosPromise<GenTableVO> => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen/' + tableId,
-		method: 'get'
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen/' + tableId,
+    method: 'get'
+  });
 };
 
 // 修改代码生成信息
 export const updateGenTable = (data: DbTableForm) => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen',
-		method: 'put',
-		data: data
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen',
+    method: 'put',
+    data: data
+  });
 };
 
 // 导入表
 export const importTable = (data: { tables: string }) => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen/importTable',
-		method: 'post',
-		params: data
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen/importTable',
+    method: 'post',
+    params: data
+  });
 };
 
 // 预览生成代码
 export const previewTable = (tableId: string | number) => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen/preview/' + tableId,
-		method: 'get'
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen/preview/' + tableId,
+    method: 'get'
+  });
 };
 
 // 删除表数据
 export const delTable = (tableId: string | number | Array<string | number>) => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen/' + tableId,
-		method: 'delete'
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen/' + tableId,
+    method: 'delete'
+  });
 };
 
 // 生成代码（自定义路径）
 export const genCode = (tableName: string) => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen/genCode/' + tableName,
-		method: 'get'
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen/genCode/' + tableName,
+    method: 'get'
+  });
 };
 
 // 同步数据库
 export const synchDb = (tableName: string) => {
-	return request({
-		headers: { datasource: localStorage.getItem('dataName') },
-		url: '/tool/gen/synchDb/' + tableName,
-		method: 'get'
-	});
+  return request({
+    headers: { datasource: localStorage.getItem('dataName') },
+    url: '/tool/gen/synchDb/' + tableName,
+    method: 'get'
+  });
 };

src/api/tool/gen/types.ts

@@ -1,178 +1,178 @@
 export interface TableVO extends BaseEntity {
-	createDept: number | string;
-	tableId: string | number;
-	tableName: string;
-	tableComment: string;
-	subTableName?: any;
-	subTableFkName?: any;
-	className: string;
-	tplCategory: string;
-	packageName: string;
-	moduleName: string;
-	businessName: string;
-	functionName: string;
-	functionAuthor: string;
-	genType: string;
-	genPath: string;
-	pkColumn?: any;
-	columns?: any;
-	options?: any;
-	remark?: any;
-	treeCode?: any;
-	treeParentCode?: any;
-	treeName?: any;
-	menuIds?: any;
-	parentMenuId?: any;
-	parentMenuName?: any;
-	tree: boolean;
-	crud: boolean;
+  createDept: number | string;
+  tableId: string | number;
+  tableName: string;
+  tableComment: string;
+  subTableName?: any;
+  subTableFkName?: any;
+  className: string;
+  tplCategory: string;
+  packageName: string;
+  moduleName: string;
+  businessName: string;
+  functionName: string;
+  functionAuthor: string;
+  genType: string;
+  genPath: string;
+  pkColumn?: any;
+  columns?: any;
+  options?: any;
+  remark?: any;
+  treeCode?: any;
+  treeParentCode?: any;
+  treeName?: any;
+  menuIds?: any;
+  parentMenuId?: any;
+  parentMenuName?: any;
+  tree: boolean;
+  crud: boolean;
 }
 
 export interface TableQuery extends PageQuery {
-	tableName: string;
-	tableComment: string;
-	dataName: string;
+  tableName: string;
+  tableComment: string;
+  dataName: string;
 }
 
 export interface DbColumnVO extends BaseEntity {
-	createDept?: any;
-	columnId?: any;
-	tableId?: any;
-	columnName?: any;
-	columnComment?: any;
-	columnType?: any;
-	javaType?: any;
-	javaField?: any;
-	isPk?: any;
-	isIncrement?: any;
-	isRequired?: any;
-	isInsert?: any;
-	isEdit?: any;
-	isList?: any;
-	isQuery?: any;
-	queryType?: any;
-	htmlType?: any;
-	dictType?: any;
-	sort?: any;
-	increment: boolean;
-	capJavaField?: any;
-	usableColumn: boolean;
-	superColumn: boolean;
-	list: boolean;
-	pk: boolean;
-	insert: boolean;
-	edit: boolean;
-	query: boolean;
-	required: boolean;
+  createDept?: any;
+  columnId?: any;
+  tableId?: any;
+  columnName?: any;
+  columnComment?: any;
+  columnType?: any;
+  javaType?: any;
+  javaField?: any;
+  isPk?: any;
+  isIncrement?: any;
+  isRequired?: any;
+  isInsert?: any;
+  isEdit?: any;
+  isList?: any;
+  isQuery?: any;
+  queryType?: any;
+  htmlType?: any;
+  dictType?: any;
+  sort?: any;
+  increment: boolean;
+  capJavaField?: any;
+  usableColumn: boolean;
+  superColumn: boolean;
+  list: boolean;
+  pk: boolean;
+  insert: boolean;
+  edit: boolean;
+  query: boolean;
+  required: boolean;
 }
 
 export interface DbTableVO {
-	createDept?: any;
-	tableId?: any;
-	tableName: string;
-	tableComment: string;
-	subTableName?: any;
-	subTableFkName?: any;
-	className?: any;
-	tplCategory?: any;
-	packageName?: any;
-	moduleName?: any;
-	businessName?: any;
-	functionName?: any;
-	functionAuthor?: any;
-	genType?: any;
-	genPath?: any;
-	pkColumn?: any;
-	columns: DbColumnVO[];
-	options?: any;
-	remark?: any;
-	treeCode?: any;
-	treeParentCode?: any;
-	treeName?: any;
-	menuIds?: any;
-	parentMenuId?: any;
-	parentMenuName?: any;
-	tree: boolean;
-	crud: boolean;
+  createDept?: any;
+  tableId?: any;
+  tableName: string;
+  tableComment: string;
+  subTableName?: any;
+  subTableFkName?: any;
+  className?: any;
+  tplCategory?: any;
+  packageName?: any;
+  moduleName?: any;
+  businessName?: any;
+  functionName?: any;
+  functionAuthor?: any;
+  genType?: any;
+  genPath?: any;
+  pkColumn?: any;
+  columns: DbColumnVO[];
+  options?: any;
+  remark?: any;
+  treeCode?: any;
+  treeParentCode?: any;
+  treeName?: any;
+  menuIds?: any;
+  parentMenuId?: any;
+  parentMenuName?: any;
+  tree: boolean;
+  crud: boolean;
 }
 
 export interface DbTableQuery extends PageQuery {
-	tableName: string;
-	tableComment: string;
+  tableName: string;
+  tableComment: string;
 }
 
 export interface GenTableVO {
-	info: DbTableVO;
-	rows: DbColumnVO[];
-	tables: DbTableVO[];
+  info: DbTableVO;
+  rows: DbColumnVO[];
+  tables: DbTableVO[];
 }
 
 export interface DbColumnForm extends BaseEntity {
-	createDept: number;
-	columnId: string;
-	tableId: string;
-	columnName: string;
-	columnComment: string;
-	columnType: string;
-	javaType: string;
-	javaField: string;
-	isPk: string;
-	isIncrement: string;
-	isRequired: string;
-	isInsert?: any;
-	isEdit: string;
-	isList: string;
-	isQuery?: any;
-	queryType: string;
-	htmlType: string;
-	dictType: string;
-	sort: number;
-	increment: boolean;
-	capJavaField: string;
-	usableColumn: boolean;
-	superColumn: boolean;
-	list: boolean;
-	pk: boolean;
-	insert: boolean;
-	edit: boolean;
-	query: boolean;
-	required: boolean;
+  createDept: number;
+  columnId: string;
+  tableId: string;
+  columnName: string;
+  columnComment: string;
+  columnType: string;
+  javaType: string;
+  javaField: string;
+  isPk: string;
+  isIncrement: string;
+  isRequired: string;
+  isInsert?: any;
+  isEdit: string;
+  isList: string;
+  isQuery?: any;
+  queryType: string;
+  htmlType: string;
+  dictType: string;
+  sort: number;
+  increment: boolean;
+  capJavaField: string;
+  usableColumn: boolean;
+  superColumn: boolean;
+  list: boolean;
+  pk: boolean;
+  insert: boolean;
+  edit: boolean;
+  query: boolean;
+  required: boolean;
 }
 
 export interface DbParamForm {
-	treeCode?: any;
-	treeName?: any;
-	treeParentCode?: any;
-	parentMenuId: string;
+  treeCode?: any;
+  treeName?: any;
+  treeParentCode?: any;
+  parentMenuId: string;
 }
 
 export interface DbTableForm extends BaseEntity {
-	createDept?: any;
-	tableId: string | string;
-	tableName: string;
-	tableComment: string;
-	subTableName?: any;
-	subTableFkName?: any;
-	className: string;
-	tplCategory: string;
-	packageName: string;
-	moduleName: string;
-	businessName: string;
-	functionName: string;
-	functionAuthor: string;
-	genType: string;
-	genPath: string;
-	pkColumn?: any;
-	columns: DbColumnForm[];
-	options: string;
-	remark?: any;
-	treeCode?: any;
-	treeParentCode?: any;
-	treeName?: any;
-	menuIds?: any;
-	parentMenuId: string;
-	parentMenuName?: any;
-	tree: boolean;
-	crud: boolean;
-	params: DbParamForm;
+  createDept?: any;
+  tableId: string | string;
+  tableName: string;
+  tableComment: string;
+  subTableName?: any;
+  subTableFkName?: any;
+  className: string;
+  tplCategory: string;
+  packageName: string;
+  moduleName: string;
+  businessName: string;
+  functionName: string;
+  functionAuthor: string;
+  genType: string;
+  genPath: string;
+  pkColumn?: any;
+  columns: DbColumnForm[];
+  options: string;
+  remark?: any;
+  treeCode?: any;
+  treeParentCode?: any;
+  treeName?: any;
+  menuIds?: any;
+  parentMenuId: string;
+  parentMenuName?: any;
+  tree: boolean;
+  crud: boolean;
+  params: DbParamForm;
 }

src/api/types.ts

@@ -2,53 +2,53 @@
  * 注册
  */
 export type RegisterForm = {
-	tenantId: string;
-	username: string;
-	password: string;
-	confirmPassword?: string;
-	code?: string;
-	uuid?: string;
-	userType?: string;
+  tenantId: string;
+  username: string;
+  password: string;
+  confirmPassword?: string;
+  code?: string;
+  uuid?: string;
+  userType?: string;
 };
 
 /**
  * 登录请求
  */
 export interface LoginData {
-	tenantId: string;
-	username: string;
-	password: string;
-	rememberMe?: boolean;
-	code?: string;
-	uuid?: string;
+  tenantId: string;
+  username: string;
+  password: string;
+  rememberMe?: boolean;
+  code?: string;
+  uuid?: string;
 }
 
 /**
  * 登录响应
  */
 export interface LoginResult {
-	token: string;
+  token: string;
 }
 
 /**
  * 验证码返回
  */
 export interface VerifyCodeResult {
-	captchaEnabled: boolean;
-	uuid?: string;
-	img?: string;
+  captchaEnabled: boolean;
+  uuid?: string;
+  img?: string;
 }
 
 /**
  * 租户
  */
 export interface TenantVO {
-	companyName: string;
-	domain: any;
-	tenantId: string;
+  companyName: string;
+  domain: any;
+  tenantId: string;
 }
 
 export interface TenantInfo {
-	tenantEnabled: boolean;
-	voList: TenantVO[];
+  tenantEnabled: boolean;
+  voList: TenantVO[];
 }

src/assets/styles/btn.scss

@@ -1,99 +1,99 @@
 @import './variables.module.scss';
 
 @mixin colorBtn($color) {
-	background: $color;
+  background: $color;
 
-	&:hover {
-		color: $color;
+  &:hover {
+    color: $color;
 
-		&:before,
-		&:after {
-			background: $color;
-		}
-	}
+    &:before,
+    &:after {
+      background: $color;
+    }
+  }
 }
 
 .blue-btn {
-	@include colorBtn($blue);
+  @include colorBtn($blue);
 }
 
 .light-blue-btn {
-	@include colorBtn($light-blue);
+  @include colorBtn($light-blue);
 }
 
 .red-btn {
-	@include colorBtn($red);
+  @include colorBtn($red);
 }
 
 .pink-btn {
-	@include colorBtn($pink);
+  @include colorBtn($pink);
 }
 
 .green-btn {
-	@include colorBtn($green);
+  @include colorBtn($green);
 }
 
 .tiffany-btn {
-	@include colorBtn($tiffany);
+  @include colorBtn($tiffany);
 }
 
 .yellow-btn {
-	@include colorBtn($yellow);
+  @include colorBtn($yellow);
 }
 
 .pan-btn {
-	font-size: 14px;
-	color: #fff;
-	padding: 14px 36px;
-	border-radius: 8px;
-	border: none;
-	outline: none;
-	transition: 600ms ease all;
-	position: relative;
-	display: inline-block;
+  font-size: 14px;
+  color: #fff;
+  padding: 14px 36px;
+  border-radius: 8px;
+  border: none;
+  outline: none;
+  transition: 600ms ease all;
+  position: relative;
+  display: inline-block;
 
-	&:hover {
-		background: #fff;
+  &:hover {
+    background: #fff;
 
-		&:before,
-		&:after {
-			width: 100%;
-			transition: 600ms ease all;
-		}
-	}
+    &:before,
+    &:after {
+      width: 100%;
+      transition: 600ms ease all;
+    }
+  }
 
-	&:before,
-	&:after {
-		content: '';
-		position: absolute;
-		top: 0;
-		right: 0;
-		height: 2px;
-		width: 0;
-		transition: 400ms ease all;
-	}
+  &:before,
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 2px;
+    width: 0;
+    transition: 400ms ease all;
+  }
 
-	&::after {
-		right: inherit;
-		top: inherit;
-		left: 0;
-		bottom: 0;
-	}
+  &::after {
+    right: inherit;
+    top: inherit;
+    left: 0;
+    bottom: 0;
+  }
 }
 
 .custom-button {
-	display: inline-block;
-	line-height: 1;
-	white-space: nowrap;
-	cursor: pointer;
-	background: #fff;
-	color: #fff;
-	-webkit-appearance: none;
-	text-align: center;
-	box-sizing: border-box;
-	outline: 0;
-	margin: 0;
-	padding: 10px 15px;
-	font-size: 14px;
-	border-radius: 4px;
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  background: #fff;
+  color: #fff;
+  -webkit-appearance: none;
+  text-align: center;
+  box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  padding: 10px 15px;
+  font-size: 14px;
+  border-radius: 4px;
 }

src/assets/styles/element-ui.scss

@@ -1,97 +1,97 @@
 // cover some element-ui styles
 
 .el-divider--horizontal {
-	margin-bottom: 10px;
-	margin-top: 10px;
+  margin-bottom: 10px;
+  margin-top: 10px;
 }
 
 .el-breadcrumb__inner,
 .el-breadcrumb__inner a {
-	font-weight: 400 !important;
+  font-weight: 400 !important;
 }
 
 .el-upload {
-	input[type='file'] {
-		display: none !important;
-	}
+  input[type='file'] {
+    display: none !important;
+  }
 }
 
 .el-upload__input {
-	display: none;
+  display: none;
 }
 
 .cell {
-	.el-tag {
-		margin-right: 0px;
-	}
+  .el-tag {
+    margin-right: 0px;
+  }
 }
 
 .small-padding {
-	.cell {
-		padding-left: 5px;
-		padding-right: 5px;
-	}
+  .cell {
+    padding-left: 5px;
+    padding-right: 5px;
+  }
 }
 
 .fixed-width {
-	.el-button--mini {
-		padding: 7px 10px;
-		width: 60px;
-	}
+  .el-button--mini {
+    padding: 7px 10px;
+    width: 60px;
+  }
 }
 
 .status-col {
-	.cell {
-		padding: 0 10px;
-		text-align: center;
+  .cell {
+    padding: 0 10px;
+    text-align: center;
 
-		.el-tag {
-			margin-right: 0px;
-		}
-	}
+    .el-tag {
+      margin-right: 0px;
+    }
+  }
 }
 
 // to fixed https://github.com/ElemeFE/element/issues/2461
 .el-dialog {
-	transform: none;
-	left: 0;
-	position: relative;
-	margin: 0 auto;
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
 }
 
 // refine element ui upload
 .upload-container {
-	.el-upload {
-		width: 100%;
+  .el-upload {
+    width: 100%;
 
-		.el-upload-dragger {
-			width: 100%;
-			height: 200px;
-		}
-	}
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
 }
 
 // dropdown
 .el-dropdown-menu {
-	a {
-		display: block;
-	}
+  a {
+    display: block;
+  }
 }
 
 // fix date-picker ui bug in filter-item
 .el-range-editor.el-input__inner {
-	display: inline-flex !important;
+  display: inline-flex !important;
 }
 
 // to fix el-date-picker css style
 .el-range-separator {
-	box-sizing: content-box;
+  box-sizing: content-box;
 }
 
 .el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
-	display: none;
+  display: none;
 }
 
 .el-dropdown .el-dropdown-link {
-	color: var(--el-color-primary) !important;
+  color: var(--el-color-primary) !important;
 }

src/assets/styles/index.scss

@@ -9,201 +9,201 @@
 @import 'element-plus/dist/index.css';
 
 body {
-	height: 100%;
-	margin: 0;
-	-moz-osx-font-smoothing: grayscale;
-	-webkit-font-smoothing: antialiased;
-	text-rendering: optimizeLegibility;
-	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+  height: 100%;
+  margin: 0;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
 }
 
 label {
-	font-weight: 700;
+  font-weight: 700;
 }
 
 html {
-	height: 100%;
-	box-sizing: border-box;
+  height: 100%;
+  box-sizing: border-box;
 }
 
 #app {
-	height: 100%;
+  height: 100%;
 }
 
 *,
 *:before,
 *:after {
-	box-sizing: inherit;
+  box-sizing: inherit;
 }
 
 .no-padding {
-	padding: 0px !important;
+  padding: 0px !important;
 }
 
 .padding-content {
-	padding: 4px 0;
+  padding: 4px 0;
 }
 
 a:focus,
 a:active {
-	outline: none;
+  outline: none;
 }
 
 a,
 a:focus,
 a:hover {
-	cursor: pointer;
-	color: inherit;
-	text-decoration: none;
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
 }
 
 div:focus {
-	outline: none;
+  outline: none;
 }
 
 .fr {
-	float: right;
+  float: right;
 }
 
 .fl {
-	float: left;
+  float: left;
 }
 
 .pr-5 {
-	padding-right: 5px;
+  padding-right: 5px;
 }
 
 .pl-5 {
-	padding-left: 5px;
+  padding-left: 5px;
 }
 
 .block {
-	display: block;
+  display: block;
 }
 
 .pointer {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 .inlineBlock {
-	display: block;
+  display: block;
 }
 
 .clearfix {
-	&:after {
-		visibility: hidden;
-		display: block;
-		font-size: 0;
-		content: ' ';
-		clear: both;
-		height: 0;
-	}
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: ' ';
+    clear: both;
+    height: 0;
+  }
 }
 
 aside {
-	background: #eef1f6;
-	padding: 8px 24px;
-	margin-bottom: 20px;
-	border-radius: 2px;
-	display: block;
-	line-height: 32px;
-	font-size: 16px;
-	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-		sans-serif;
-	color: #2c3e50;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+  background: #eef1f6;
+  padding: 8px 24px;
+  margin-bottom: 20px;
+  border-radius: 2px;
+  display: block;
+  line-height: 32px;
+  font-size: 16px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  color: #2c3e50;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 
-	a {
-		color: #337ab7;
-		cursor: pointer;
+  a {
+    color: #337ab7;
+    cursor: pointer;
 
-		&:hover {
-			color: rgb(32, 160, 255);
-		}
-	}
+    &:hover {
+      color: rgb(32, 160, 255);
+    }
+  }
 }
 
 //main-container全局样式
 .app-container {
-	padding: 20px;
+  padding: 20px;
 }
 
 // search面板样式
 .panel,
 .search {
-	margin-bottom: 0.75rem;
-	border-radius: 0.25rem;
-	border: 1px solid var(--el-border-color-light);
-	background-color: var(--el-bg-color-overlay);
-	padding: 0.75rem;
-	--tw-shadow: var(--el-box-shadow-light);
-	--tw-shadow-colored: var(--el-box-shadow-light);
-	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  margin-bottom: 0.75rem;
+  border-radius: 0.25rem;
+  border: 1px solid var(--el-border-color-light);
+  background-color: var(--el-bg-color-overlay);
+  padding: 0.75rem;
+  --tw-shadow: var(--el-box-shadow-light);
+  --tw-shadow-colored: var(--el-box-shadow-light);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .components-container {
-	margin: 30px 50px;
-	position: relative;
+  margin: 30px 50px;
+  position: relative;
 }
 
 .pagination-container {
-	margin-top: 30px;
+  margin-top: 30px;
 }
 
 .text-center {
-	text-align: center;
+  text-align: center;
 }
 
 .sub-navbar {
-	height: 50px;
-	line-height: 50px;
-	position: relative;
-	width: 100%;
-	text-align: right;
-	padding-right: 20px;
-	transition: 600ms ease position;
-	background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
+  height: 50px;
+  line-height: 50px;
+  position: relative;
+  width: 100%;
+  text-align: right;
+  padding-right: 20px;
+  transition: 600ms ease position;
+  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
 
-	.subtitle {
-		font-size: 20px;
-		color: #fff;
-	}
+  .subtitle {
+    font-size: 20px;
+    color: #fff;
+  }
 
-	&.draft {
-		background: #d0d0d0;
-	}
+  &.draft {
+    background: #d0d0d0;
+  }
 
-	&.deleted {
-		background: #d0d0d0;
-	}
+  &.deleted {
+    background: #d0d0d0;
+  }
 }
 
 .link-type,
 .link-type:focus {
-	color: #337ab7;
-	cursor: pointer;
+  color: #337ab7;
+  cursor: pointer;
 
-	&:hover {
-		color: rgb(32, 160, 255);
-	}
+  &:hover {
+    color: rgb(32, 160, 255);
+  }
 }
 
 .filter-container {
-	padding-bottom: 10px;
+  padding-bottom: 10px;
 
-	.filter-item {
-		display: inline-block;
-		vertical-align: middle;
-		margin-bottom: 10px;
-	}
+  .filter-item {
+    display: inline-block;
+    vertical-align: middle;
+    margin-bottom: 10px;
+  }
 }
 
 //refine vue-multiselect plugin
 .multiselect {
-	line-height: 16px;
+  line-height: 16px;
 }
 
 .multiselect--active {
-	z-index: 1000 !important;
+  z-index: 1000 !important;
 }

src/assets/styles/mixin.scss

@@ -1,60 +1,60 @@
 @mixin clearfix {
-	&:after {
-		content: '';
-		display: table;
-		clear: both;
-	}
+  &:after {
+    content: '';
+    display: table;
+    clear: both;
+  }
 }
 
 @mixin scrollBar {
-	&::-webkit-scrollbar-track-piece {
-		background: #d3dce6;
-	}
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
 
-	&::-webkit-scrollbar {
-		width: 6px;
-	}
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
 
-	&::-webkit-scrollbar-thumb {
-		background: #99a9bf;
-		border-radius: 20px;
-	}
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
 }
 
 @mixin relative {
-	position: relative;
-	width: 100%;
-	height: 100%;
+  position: relative;
+  width: 100%;
+  height: 100%;
 }
 
 @mixin pct($pct) {
-	width: #{$pct};
-	position: relative;
-	margin: 0 auto;
+  width: #{$pct};
+  position: relative;
+  margin: 0 auto;
 }
 
 @mixin triangle($width, $height, $color, $direction) {
-	$width: $width/2;
-	$color-border-style: $height solid $color;
-	$transparent-border-style: $width solid transparent;
-	height: 0;
-	width: 0;
+  $width: $width/2;
+  $color-border-style: $height solid $color;
+  $transparent-border-style: $width solid transparent;
+  height: 0;
+  width: 0;
 
-	@if $direction==up {
-		border-bottom: $color-border-style;
-		border-left: $transparent-border-style;
-		border-right: $transparent-border-style;
-	} @else if $direction==right {
-		border-left: $color-border-style;
-		border-top: $transparent-border-style;
-		border-bottom: $transparent-border-style;
-	} @else if $direction==down {
-		border-top: $color-border-style;
-		border-left: $transparent-border-style;
-		border-right: $transparent-border-style;
-	} @else if $direction==left {
-		border-right: $color-border-style;
-		border-top: $transparent-border-style;
-		border-bottom: $transparent-border-style;
-	}
+  @if $direction==up {
+    border-bottom: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==right {
+    border-left: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  } @else if $direction==down {
+    border-top: $color-border-style;
+    border-left: $transparent-border-style;
+    border-right: $transparent-border-style;
+  } @else if $direction==left {
+    border-right: $color-border-style;
+    border-top: $transparent-border-style;
+    border-bottom: $transparent-border-style;
+  }
 }

src/assets/styles/ruoyi.scss

@@ -5,52 +5,52 @@
 
 /** 基础通用 **/
 .pt5 {
-	padding-top: 5px;
+  padding-top: 5px;
 }
 .pr5 {
-	padding-right: 5px;
+  padding-right: 5px;
 }
 .pb5 {
-	padding-bottom: 5px;
+  padding-bottom: 5px;
 }
 .mt5 {
-	margin-top: 5px;
+  margin-top: 5px;
 }
 .mr5 {
-	margin-right: 5px;
+  margin-right: 5px;
 }
 .mb5 {
-	margin-bottom: 5px;
+  margin-bottom: 5px;
 }
 .mb8 {
-	margin-bottom: 8px;
+  margin-bottom: 8px;
 }
 .ml5 {
-	margin-left: 5px;
+  margin-left: 5px;
 }
 .mt10 {
-	margin-top: 10px;
+  margin-top: 10px;
 }
 .mr10 {
-	margin-right: 10px;
+  margin-right: 10px;
 }
 .mb10 {
-	margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 .ml10 {
-	margin-left: 10px;
+  margin-left: 10px;
 }
 .mt20 {
-	margin-top: 20px;
+  margin-top: 20px;
 }
 .mr20 {
-	margin-right: 20px;
+  margin-right: 20px;
 }
 .mb20 {
-	margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 .ml20 {
-	margin-left: 20px;
+  margin-left: 20px;
 }
 
 .h1,
@@ -65,226 +65,226 @@ h3,
 h4,
 h5,
 h6 {
-	font-family: inherit;
-	font-weight: 500;
-	line-height: 1.1;
-	color: inherit;
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
 }
 
 .el-form .el-form-item__label {
-	font-weight: 700;
+  font-weight: 700;
 }
 .el-dialog:not(.is-fullscreen) {
-	margin-top: 6vh !important;
+  margin-top: 6vh !important;
 }
 
 .el-dialog.scrollbar .el-dialog__body {
-	overflow: auto;
-	overflow-x: hidden;
-	max-height: 70vh;
-	padding: 10px 20px 0;
+  overflow: auto;
+  overflow-x: hidden;
+  max-height: 70vh;
+  padding: 10px 20px 0;
 }
 
 .el-table {
-	.el-table__header-wrapper,
-	.el-table__fixed-header-wrapper {
-		th {
-			word-break: break-word;
-			background-color: #f8f8f9 !important;
-			color: #515a6e;
-			height: 40px !important;
-			font-size: 13px;
-		}
-	}
-	.el-table__body-wrapper {
-		.el-button [class*='el-icon-'] + span {
-			margin-left: 1px;
-		}
-	}
+  .el-table__header-wrapper,
+  .el-table__fixed-header-wrapper {
+    th {
+      word-break: break-word;
+      background-color: #f8f8f9 !important;
+      color: #515a6e;
+      height: 40px !important;
+      font-size: 13px;
+    }
+  }
+  .el-table__body-wrapper {
+    .el-button [class*='el-icon-'] + span {
+      margin-left: 1px;
+    }
+  }
 }
 
 /** 表单布局 **/
 .form-header {
-	font-size: 15px;
-	color: #6379bb;
-	border-bottom: 1px solid #ddd;
-	margin: 8px 10px 25px 10px;
-	padding-bottom: 5px;
+  font-size: 15px;
+  color: #6379bb;
+  border-bottom: 1px solid #ddd;
+  margin: 8px 10px 25px 10px;
+  padding-bottom: 5px;
 }
 
 /** 表格布局 **/
 .pagination-container {
-	// position: relative;
-	height: 25px;
-	margin-bottom: 10px;
-	margin-top: 15px;
-	padding: 10px 20px !important;
+  // position: relative;
+  height: 25px;
+  margin-bottom: 10px;
+  margin-top: 15px;
+  padding: 10px 20px !important;
 }
 
 /* tree border */
 .tree-border {
-	margin-top: 5px;
-	border: 1px solid #e5e6e7;
-	background: #ffffff none;
-	border-radius: 4px;
-	width: 100%;
+  margin-top: 5px;
+  border: 1px solid #e5e6e7;
+  background: #ffffff none;
+  border-radius: 4px;
+  width: 100%;
 }
 
 .pagination-container .el-pagination {
-	//right: 0;
-	//position: absolute;
+  //right: 0;
+  //position: absolute;
 }
 
 @media (max-width: 768px) {
-	.pagination-container .el-pagination > .el-pagination__jump {
-		display: none !important;
-	}
-	.pagination-container .el-pagination > .el-pagination__sizes {
-		display: none !important;
-	}
+  .pagination-container .el-pagination > .el-pagination__jump {
+    display: none !important;
+  }
+  .pagination-container .el-pagination > .el-pagination__sizes {
+    display: none !important;
+  }
 }
 
 .el-table .fixed-width .el-button--small {
-	padding-left: 0;
-	padding-right: 0;
-	width: inherit;
+  padding-left: 0;
+  padding-right: 0;
+  width: inherit;
 }
 
 /** 表格更多操作下拉样式 */
 .el-table .el-dropdown-link {
-	cursor: pointer;
-	color: #409eff;
-	margin-left: 10px;
+  cursor: pointer;
+  color: #409eff;
+  margin-left: 10px;
 }
 
 .el-table .el-dropdown,
 .el-icon-arrow-down {
-	font-size: 12px;
+  font-size: 12px;
 }
 
 .el-tree-node__content > .el-checkbox {
-	margin-right: 8px;
+  margin-right: 8px;
 }
 
 .list-group-striped > .list-group-item {
-	border-left: 0;
-	border-right: 0;
-	border-radius: 0;
-	padding-left: 0;
-	padding-right: 0;
+  border-left: 0;
+  border-right: 0;
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
 }
 
 .list-group {
-	padding-left: 0px;
-	list-style: none;
+  padding-left: 0px;
+  list-style: none;
 }
 
 .list-group-item {
-	border-bottom: 1px solid #e7eaec;
-	border-top: 1px solid #e7eaec;
-	margin-bottom: -1px;
-	padding: 11px 0px;
-	font-size: 13px;
+  border-bottom: 1px solid #e7eaec;
+  border-top: 1px solid #e7eaec;
+  margin-bottom: -1px;
+  padding: 11px 0px;
+  font-size: 13px;
 }
 
 .pull-right {
-	float: right !important;
+  float: right !important;
 }
 
 .el-card__header {
-	padding: 14px 15px 7px !important;
-	min-height: 40px;
+  padding: 14px 15px 7px !important;
+  min-height: 40px;
 }
 
 .el-card__body {
-	padding: 15px 20px 20px 20px !important;
+  padding: 15px 20px 20px 20px !important;
 }
 
 .card-box {
-	padding-right: 15px;
-	padding-left: 15px;
-	margin-bottom: 10px;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-bottom: 10px;
 }
 
 /* button color */
 .el-button--cyan.is-active,
 .el-button--cyan:active {
-	background: #20b2aa;
-	border-color: #20b2aa;
-	color: #ffffff;
+  background: #20b2aa;
+  border-color: #20b2aa;
+  color: #ffffff;
 }
 
 .el-button--cyan:focus,
 .el-button--cyan:hover {
-	background: #48d1cc;
-	border-color: #48d1cc;
-	color: #ffffff;
+  background: #48d1cc;
+  border-color: #48d1cc;
+  color: #ffffff;
 }
 
 .el-button--cyan {
-	background-color: #20b2aa;
-	border-color: #20b2aa;
-	color: #ffffff;
+  background-color: #20b2aa;
+  border-color: #20b2aa;
+  color: #ffffff;
 }
 
 /* text color */
 .text-navy {
-	color: #1ab394;
+  color: #1ab394;
 }
 
 .text-primary {
-	color: inherit;
+  color: inherit;
 }
 
 .text-success {
-	color: #1c84c6;
+  color: #1c84c6;
 }
 
 .text-info {
-	color: #23c6c8;
+  color: #23c6c8;
 }
 
 .text-warning {
-	color: #f8ac59;
+  color: #f8ac59;
 }
 
 .text-danger {
-	color: #ed5565;
+  color: #ed5565;
 }
 
 .text-muted {
-	color: #888888;
+  color: #888888;
 }
 
 /* image */
 .img-circle {
-	border-radius: 50%;
+  border-radius: 50%;
 }
 
 .img-lg {
-	width: 120px;
-	height: 120px;
+  width: 120px;
+  height: 120px;
 }
 
 .avatar-upload-preview {
-	position: absolute;
-	top: 50%;
-	transform: translate(50%, -50%);
-	width: 200px;
-	height: 200px;
-	border-radius: 50%;
-	box-shadow: 0 0 4px #ccc;
-	overflow: hidden;
+  position: absolute;
+  top: 50%;
+  transform: translate(50%, -50%);
+  width: 200px;
+  height: 200px;
+  border-radius: 50%;
+  box-shadow: 0 0 4px #ccc;
+  overflow: hidden;
 }
 
 /* 拖拽列样式 */
 .sortable-ghost {
-	opacity: 0.8;
-	color: #fff !important;
-	background: #42b983 !important;
+  opacity: 0.8;
+  color: #fff !important;
+  background: #42b983 !important;
 }
 
 /* 表格右侧工具栏样式 */
 .top-right-btn {
-	margin-left: auto;
+  margin-left: auto;
 }

src/assets/styles/sidebar.scss

@@ -1,236 +1,236 @@
 #app {
-	.main-container {
-		min-height: 100%;
-		transition: margin-left 0.28s;
-		margin-left: $base-sidebar-width;
-		position: relative;
-	}
+  .main-container {
+    min-height: 100%;
+    transition: margin-left 0.28s;
+    margin-left: $base-sidebar-width;
+    position: relative;
+  }
 
-	.sidebarHide {
-		margin-left: 0 !important;
-	}
+  .sidebarHide {
+    margin-left: 0 !important;
+  }
 
-	.sidebar-container {
-		-webkit-transition: width 0.28s;
-		transition: width 0.28s;
-		width: $base-sidebar-width !important;
-		background-color: $base-menu-background;
-		height: 100%;
-		position: fixed;
-		font-size: 0px;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		z-index: 1001;
-		overflow: hidden;
-		-webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
-		box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
+  .sidebar-container {
+    -webkit-transition: width 0.28s;
+    transition: width 0.28s;
+    width: $base-sidebar-width !important;
+    background-color: $base-menu-background;
+    height: 100%;
+    position: fixed;
+    font-size: 0px;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1001;
+    overflow: hidden;
+    -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
+    box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
 
-		// reset element-ui css
-		.horizontal-collapse-transition {
-			transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
-		}
+    // reset element-ui css
+    .horizontal-collapse-transition {
+      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+    }
 
-		.scrollbar-wrapper {
-			overflow-x: hidden !important;
-		}
+    .scrollbar-wrapper {
+      overflow-x: hidden !important;
+    }
 
-		.el-scrollbar__bar.is-vertical {
-			right: 0px;
-		}
+    .el-scrollbar__bar.is-vertical {
+      right: 0px;
+    }
 
-		.el-scrollbar {
-			height: 100%;
-		}
+    .el-scrollbar {
+      height: 100%;
+    }
 
-		&.has-logo {
-			.el-scrollbar {
-				height: calc(100% - 50px);
-			}
-		}
+    &.has-logo {
+      .el-scrollbar {
+        height: calc(100% - 50px);
+      }
+    }
 
-		.is-horizontal {
-			display: none;
-		}
+    .is-horizontal {
+      display: none;
+    }
 
-		a {
-			display: inline-block;
-			width: 100%;
-			overflow: hidden;
-		}
+    a {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+    }
 
-		.svg-icon {
-			margin-right: 16px;
-		}
+    .svg-icon {
+      margin-right: 16px;
+    }
 
-		.el-menu {
-			border: none;
-			height: 100%;
-			width: 100% !important;
-		}
+    .el-menu {
+      border: none;
+      height: 100%;
+      width: 100% !important;
+    }
 
-		.el-menu-item,
-		.menu-title {
-			overflow: hidden !important;
-			text-overflow: ellipsis !important;
-			white-space: nowrap !important;
-		}
+    .el-menu-item,
+    .menu-title {
+      overflow: hidden !important;
+      text-overflow: ellipsis !important;
+      white-space: nowrap !important;
+    }
 
-		.el-menu-item .el-menu-tooltip__trigger {
-			display: inline-block !important;
-		}
+    .el-menu-item .el-menu-tooltip__trigger {
+      display: inline-block !important;
+    }
 
-		// menu hover
-		.sub-menu-title-noDropdown,
-		.el-sub-menu__title {
-			&:hover {
-				background-color: rgba(0, 0, 0, 0.06) !important;
-			}
-		}
+    // menu hover
+    .sub-menu-title-noDropdown,
+    .el-sub-menu__title {
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.06) !important;
+      }
+    }
 
-		& .theme-dark .is-active > .el-sub-menu__title {
-			color: $base-menu-color-active !important;
-		}
+    & .theme-dark .is-active > .el-sub-menu__title {
+      color: $base-menu-color-active !important;
+    }
 
-		& .nest-menu .el-sub-menu > .el-sub-menu__title,
-		& .el-sub-menu .el-menu-item {
-			min-width: $base-sidebar-width !important;
+    & .nest-menu .el-sub-menu > .el-sub-menu__title,
+    & .el-sub-menu .el-menu-item {
+      min-width: $base-sidebar-width !important;
 
-			&:hover {
-				background-color: rgba(0, 0, 0, 0.06) !important;
-			}
-		}
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.06) !important;
+      }
+    }
 
-		& .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,
-		& .theme-dark .el-sub-menu .el-menu-item {
-			background-color: $base-sub-menu-background !important;
+    & .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,
+    & .theme-dark .el-sub-menu .el-menu-item {
+      background-color: $base-sub-menu-background !important;
 
-			&:hover {
-				background-color: $base-sub-menu-hover !important;
-			}
-		}
-	}
+      &:hover {
+        background-color: $base-sub-menu-hover !important;
+      }
+    }
+  }
 
-	.hideSidebar {
-		.sidebar-container {
-			width: 54px !important;
-		}
+  .hideSidebar {
+    .sidebar-container {
+      width: 54px !important;
+    }
 
-		.main-container {
-			margin-left: 54px;
-		}
+    .main-container {
+      margin-left: 54px;
+    }
 
-		.sub-menu-title-noDropdown {
-			padding: 0 !important;
-			position: relative;
+    .sub-menu-title-noDropdown {
+      padding: 0 !important;
+      position: relative;
 
-			.el-tooltip {
-				padding: 0 !important;
+      .el-tooltip {
+        padding: 0 !important;
 
-				.svg-icon {
-					margin-left: 20px;
-				}
-			}
-		}
+        .svg-icon {
+          margin-left: 20px;
+        }
+      }
+    }
 
-		.el-sub-menu {
-			overflow: hidden;
+    .el-sub-menu {
+      overflow: hidden;
 
-			& > .el-sub-menu__title {
-				padding: 0 !important;
+      & > .el-sub-menu__title {
+        padding: 0 !important;
 
-				.svg-icon {
-					margin-left: 20px;
-				}
-			}
-		}
+        .svg-icon {
+          margin-left: 20px;
+        }
+      }
+    }
 
-		.el-menu--collapse {
-			.el-sub-menu {
-				& > .el-sub-menu__title {
-					& > span {
-						height: 0;
-						width: 0;
-						overflow: hidden;
-						visibility: hidden;
-						display: inline-block;
-					}
-					& > i {
-						height: 0;
-						width: 0;
-						overflow: hidden;
-						visibility: hidden;
-						display: inline-block;
-					}
-				}
-			}
-		}
-	}
+    .el-menu--collapse {
+      .el-sub-menu {
+        & > .el-sub-menu__title {
+          & > span {
+            height: 0;
+            width: 0;
+            overflow: hidden;
+            visibility: hidden;
+            display: inline-block;
+          }
+          & > i {
+            height: 0;
+            width: 0;
+            overflow: hidden;
+            visibility: hidden;
+            display: inline-block;
+          }
+        }
+      }
+    }
+  }
 
-	.el-menu--collapse .el-menu .el-sub-menu {
-		min-width: $base-sidebar-width !important;
-	}
+  .el-menu--collapse .el-menu .el-sub-menu {
+    min-width: $base-sidebar-width !important;
+  }
 
-	// mobile responsive
-	.mobile {
-		.main-container {
-			margin-left: 0px;
-		}
+  // mobile responsive
+  .mobile {
+    .main-container {
+      margin-left: 0px;
+    }
 
-		.sidebar-container {
-			transition: transform 0.28s;
-			width: $base-sidebar-width !important;
-		}
+    .sidebar-container {
+      transition: transform 0.28s;
+      width: $base-sidebar-width !important;
+    }
 
-		&.hideSidebar {
-			.sidebar-container {
-				pointer-events: none;
-				transition-duration: 0.3s;
-				transform: translate3d(-$base-sidebar-width, 0, 0);
-			}
-		}
-	}
+    &.hideSidebar {
+      .sidebar-container {
+        pointer-events: none;
+        transition-duration: 0.3s;
+        transform: translate3d(-$base-sidebar-width, 0, 0);
+      }
+    }
+  }
 
-	.withoutAnimation {
-		.main-container,
-		.sidebar-container {
-			transition: none;
-		}
-	}
+  .withoutAnimation {
+    .main-container,
+    .sidebar-container {
+      transition: none;
+    }
+  }
 }
 
 // when menu collapsed
 .el-menu--vertical {
-	& > .el-menu {
-		.svg-icon {
-			margin-right: 16px;
-		}
-	}
+  & > .el-menu {
+    .svg-icon {
+      margin-right: 16px;
+    }
+  }
 
-	.nest-menu .el-sub-menu > .el-sub-menu__title,
-	.el-menu-item {
-		&:hover {
-			// you can use $sub-menuHover
-			background-color: rgba(0, 0, 0, 0.06) !important;
-		}
-	}
+  .nest-menu .el-sub-menu > .el-sub-menu__title,
+  .el-menu-item {
+    &:hover {
+      // you can use $sub-menuHover
+      background-color: rgba(0, 0, 0, 0.06) !important;
+    }
+  }
 
-	// the scroll bar appears when the sub-menu is too long
-	> .el-menu--popup {
-		max-height: 100vh;
-		overflow-y: auto;
+  // the scroll bar appears when the sub-menu is too long
+  > .el-menu--popup {
+    max-height: 100vh;
+    overflow-y: auto;
 
-		&::-webkit-scrollbar-track-piece {
-			background: #d3dce6;
-		}
+    &::-webkit-scrollbar-track-piece {
+      background: #d3dce6;
+    }
 
-		&::-webkit-scrollbar {
-			width: 6px;
-		}
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
 
-		&::-webkit-scrollbar-thumb {
-			background: #99a9bf;
-			border-radius: 20px;
-		}
-	}
+    &::-webkit-scrollbar-thumb {
+      background: #99a9bf;
+      border-radius: 20px;
+    }
+  }
 }

src/assets/styles/transition.scss

@@ -3,51 +3,51 @@
 /* fade */
 .fade-enter-active,
 .fade-leave-active {
-	transition: opacity 0.28s;
+  transition: opacity 0.28s;
 }
 
 .fade-enter,
 .fade-leave-active {
-	opacity: 0;
+  opacity: 0;
 }
 
 /* fade-transform */
 .fade-transform--move,
 .fade-transform-leave-active,
 .fade-transform-enter-active {
-	transition: all 0.5s;
+  transition: all 0.5s;
 }
 
 .fade-transform-leave-active {
-	position: absolute;
+  position: absolute;
 }
 
 .fade-transform-enter {
-	opacity: 0;
-	transform: translateX(-30px);
+  opacity: 0;
+  transform: translateX(-30px);
 }
 
 .fade-transform-leave-to {
-	opacity: 0;
-	transform: translateX(30px);
+  opacity: 0;
+  transform: translateX(30px);
 }
 
 /* breadcrumb transition */
 .breadcrumb-enter-active,
 .breadcrumb-leave-active {
-	transition: all 0.5s;
+  transition: all 0.5s;
 }
 
 .breadcrumb-enter,
 .breadcrumb-leave-active {
-	opacity: 0;
-	transform: translateX(20px);
+  opacity: 0;
+  transform: translateX(20px);
 }
 
 .breadcrumb-move {
-	transition: all 0.5s;
+  transition: all 0.5s;
 }
 
 .breadcrumb-leave-active {
-	position: absolute;
+  position: absolute;
 }

src/assets/styles/variables.module.scss

@@ -47,19 +47,19 @@ $base-sidebar-width: 200px;
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
 :export {
-	menuColor: $base-menu-color;
-	menuLightColor: $base-menu-light-color;
-	menuColorActive: $base-menu-color-active;
-	menuBackground: $base-menu-background;
-	menuLightBackground: $base-menu-light-background;
-	subMenuBackground: $base-sub-menu-background;
-	subMenuHover: $base-sub-menu-hover;
-	sideBarWidth: $base-sidebar-width;
-	logoTitleColor: $base-logo-title-color;
-	logoLightTitleColor: $base-logo-light-title-color;
-	primaryColor: $--color-primary;
-	successColor: $--color-success;
-	dangerColor: $--color-danger;
-	infoColor: $--color-info;
-	warningColor: $--color-warning;
+  menuColor: $base-menu-color;
+  menuLightColor: $base-menu-light-color;
+  menuColorActive: $base-menu-color-active;
+  menuBackground: $base-menu-background;
+  menuLightBackground: $base-menu-light-background;
+  subMenuBackground: $base-sub-menu-background;
+  subMenuHover: $base-sub-menu-hover;
+  sideBarWidth: $base-sidebar-width;
+  logoTitleColor: $base-logo-title-color;
+  logoLightTitleColor: $base-logo-light-title-color;
+  primaryColor: $--color-primary;
+  successColor: $--color-success;
+  dangerColor: $--color-danger;
+  infoColor: $--color-info;
+  warningColor: $--color-warning;
 }

src/components/Breadcrumb/index.vue

@@ -1,3 +1,15 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
+        <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{
+          item.meta?.title }}</span>
+        <a v-else @click.prevent="handleLink(item)">{{ item.meta?.title }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
 <script setup lang="ts">
 import { RouteLocationMatched } from 'vue-router'
 
@@ -6,49 +18,37 @@ const router = useRouter();
 const levelList = ref<RouteLocationMatched[]>([])
 
 const getBreadcrumb = () => {
-  // only show routes with meta.title
-  let matched = route.matched.filter(item => item.meta && item.meta.title);
-  const first = matched[0]
-  // 判断是否为首页
-  if (!isDashboard(first)) {
-    matched = ([{ path: '/index', meta: { title: '首页' } }] as any).concat(matched)
-  }
-  levelList.value = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
+    // only show routes with meta.title
+    let matched = route.matched.filter(item => item.meta && item.meta.title);
+    const first = matched[0]
+    // 判断是否为首页
+    if (!isDashboard(first)) {
+        matched = ([{ path: '/index', meta: { title: '首页' } }] as any).concat(matched)
+    }
+    levelList.value = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
 }
 const isDashboard = (route: RouteLocationMatched) => {
-  const name = route && route.name as string
-  if (!name) {
-    return false
-  }
-  return name.trim() === 'Index'
+    const name = route && route.name as string
+    if (!name) {
+        return false
+    }
+    return name.trim() === 'Index'
 }
 const handleLink = (item: RouteLocationMatched) => {
-  const { redirect, path } = item
-  redirect ? router.push(redirect as string) : router.push(path)
+    const { redirect, path } = item
+    redirect ? router.push(redirect as string) : router.push(path)
 }
 
 watchEffect(() => {
-  // if you go to the redirect page, do not update the breadcrumbs
-  if (route.path.startsWith('/redirect/')) return
-  getBreadcrumb()
+    // if you go to the redirect page, do not update the breadcrumbs
+    if (route.path.startsWith('/redirect/')) return
+    getBreadcrumb()
 })
 onMounted(() => {
-  getBreadcrumb();
+    getBreadcrumb();
 })
 </script>
 
-<template>
-	<el-breadcrumb class="app-breadcrumb" separator="/">
-		<transition-group name="breadcrumb">
-			<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
-				<span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{
-          item.meta?.title }}</span>
-				<a v-else @click.prevent="handleLink(item)">{{ item.meta?.title }}</a>
-			</el-breadcrumb-item>
-		</transition-group>
-	</el-breadcrumb>
-</template>
-
 <style lang="scss" scoped>
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;

src/components/DictTag/index.vue

@@ -1,50 +1,50 @@
+<template>
+  <div>
+    <template v-for="(item, index) in options">
+      <template v-if="values.includes(item.value)">
+        <span
+          v-if="item.elTagType == 'default' || item.elTagType == ''"
+          :key="item.value"
+          :index="index"
+          :class="item.elTagClass"
+          >{{ item.label }}</span
+        >
+        <el-tag
+          v-else
+          :disable-transitions="true"
+          :key="item.value + ''"
+          :index="index"
+          :type="item.elTagType === 'primary' ? '' : item.elTagType"
+          :class="item.elTagClass"
+          >{{ item.label }}</el-tag
+        >
+      </template>
+    </template>
+  </div>
+</template>
+
 <script setup lang="ts">
 import { PropType } from 'vue';
 
 const props = defineProps({
-  // 数据
-  options: {
-    type: Array as PropType<DictDataOption[]>,
-    default: null,
-  },
-  // 当前的值
-  value: [Number, String, Array],
+    // 数据
+    options: {
+        type: Array as PropType<DictDataOption[]>,
+        default: null,
+    },
+    // 当前的值
+    value: [Number, String, Array],
 })
 
 const values = computed(() => {
-	if (props.value !== null && typeof props.value !== 'undefined') {
-		return Array.isArray(props.value) ? props.value : [String(props.value)];
-	} else {
-		return [];
-	}
+    if (props.value !== null && typeof props.value !== 'undefined') {
+        return Array.isArray(props.value) ? props.value : [String(props.value)];
+    } else {
+        return [];
+    }
 })
 </script>
 
-<template>
-	<div>
-		<template v-for="(item, index) in options">
-			<template v-if="values.includes(item.value)">
-				<span
-					v-if="item.elTagType == 'default' || item.elTagType == ''"
-					:key="item.value"
-					:index="index"
-					:class="item.elTagClass"
-					>{{ item.label }}</span
-				>
-				<el-tag
-					v-else
-					:disable-transitions="true"
-					:key="item.value + ''"
-					:index="index"
-					:type="item.elTagType === 'primary' ? '' : item.elTagType"
-					:class="item.elTagClass"
-					>{{ item.label }}</el-tag
-				>
-			</template>
-		</template>
-	</div>
-</template>
-
 <style scoped>
 .el-tag + .el-tag {
   margin-left: 10px;

src/components/Editor/index.vue

@@ -1,3 +1,31 @@
+<template>
+  <div>
+    <el-upload
+      :action="upload.url"
+      :before-upload="handleBeforeUpload"
+      :on-success="handleUploadSuccess"
+      :on-error="handleUploadError"
+      class="editor-img-uploader"
+      name="file"
+      :show-file-list="false"
+      :headers="upload.headers"
+      style="display: none"
+      v-if="type === 'url'"
+    >
+    </el-upload>
+    <div class="editor">
+      <quill-editor
+        ref="myQuillEditor"
+        v-model:content="content"
+        contentType="html"
+        @textChange="(e: any) => $emit('update:modelValue', content)"
+        :options="options"
+        :style="styles"
+      />
+    </div>
+  </div>
+</template>
+
 <script setup lang="ts">
 import { QuillEditor, Quill } from '@vueup/vue-quill';
 import '@vueup/vue-quill/dist/vue-quill.snow.css';
@@ -5,166 +33,138 @@ import { getToken } from "@/utils/auth";
 import { ComponentInternalInstance } from "vue";
 
 const props = defineProps({
-  /* 编辑器的内容 */
-  modelValue: {
-    type: String,
-  },
-  /* 高度 */
-  height: {
-    type: Number,
-    default: null,
-  },
-  /* 最小高度 */
-  minHeight: {
-    type: Number,
-    default: null,
-  },
-  /* 只读 */
-  readOnly: {
-    type: Boolean,
-    default: false,
-  },
-  /* 上传文件大小限制(MB) */
-  fileSize: {
-    type: Number,
-    default: 5,
-  },
-  /* 类型（base64格式、url格式） */
-  type: {
-    type: String,
-    default: "url",
-  }
+    /* 编辑器的内容 */
+    modelValue: {
+        type: String,
+    },
+    /* 高度 */
+    height: {
+        type: Number,
+        default: null,
+    },
+    /* 最小高度 */
+    minHeight: {
+        type: Number,
+        default: null,
+    },
+    /* 只读 */
+    readOnly: {
+        type: Boolean,
+        default: false,
+    },
+    /* 上传文件大小限制(MB) */
+    fileSize: {
+        type: Number,
+        default: 5,
+    },
+    /* 类型（base64格式、url格式） */
+    type: {
+        type: String,
+        default: "url",
+    }
 });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
 const upload = reactive<UploadOption>({
-  headers: { Authorization: "Bearer " + getToken() },
-  url: import.meta.env.VITE_APP_BASE_API + '/system/oss/upload'
+    headers: { Authorization: "Bearer " + getToken() },
+    url: import.meta.env.VITE_APP_BASE_API + '/system/oss/upload'
 })
 const myQuillEditor = ref();
 
 const options = ref({
-  theme: "snow",
-  bounds: document.body,
-  debug: "warn",
-  modules: {
-    // 工具栏配置
-    toolbar: {
-      container: [
-        ["bold", "italic", "underline", "strike"],       // 加粗 斜体 下划线 删除线
-        ["blockquote", "code-block"],                    // 引用  代码块
-        [{ list: "ordered" }, { list: "bullet"} ],       // 有序、无序列表
-        [{ indent: "-1" }, { indent: "+1" }],            // 缩进
-        [{ size: ["small", false, "large", "huge"] }],   // 字体大小
-        [{ header: [1, 2, 3, 4, 5, 6, false] }],         // 标题
-        [{ color: [] }, { background: [] }],             // 字体颜色、字体背景颜色
-        [{ align: [] }],                                 // 对齐方式
-        ["clean"],                                       // 清除文本格式
-        ["link", "image", "video"]                       // 链接、图片、视频
-      ],
-      handlers: {
-        image: function (value: any) {
-          if (value) {
-            // 调用element图片上传
-            (document.querySelector(".editor-img-uploader>.el-upload") as HTMLDivElement)?.click();
-          } else {
-            Quill.format("image", true);
-          }
-        },
-      },
-    }
-  },
-  placeholder: '请输入内容',
-  readOnly: props.readOnly,
+    theme: "snow",
+    bounds: document.body,
+    debug: "warn",
+    modules: {
+        // 工具栏配置
+        toolbar: {
+            container: [
+                ["bold", "italic", "underline", "strike"],       // 加粗 斜体 下划线 删除线
+                ["blockquote", "code-block"],                    // 引用  代码块
+                [{ list: "ordered" }, { list: "bullet"} ],       // 有序、无序列表
+                [{ indent: "-1" }, { indent: "+1" }],            // 缩进
+                [{ size: ["small", false, "large", "huge"] }],   // 字体大小
+                [{ header: [1, 2, 3, 4, 5, 6, false] }],         // 标题
+                [{ color: [] }, { background: [] }],             // 字体颜色、字体背景颜色
+                [{ align: [] }],                                 // 对齐方式
+                ["clean"],                                       // 清除文本格式
+                ["link", "image", "video"]                       // 链接、图片、视频
+            ],
+            handlers: {
+                image: function (value: any) {
+                    if (value) {
+                        // 调用element图片上传
+                        (document.querySelector(".editor-img-uploader>.el-upload") as HTMLDivElement)?.click();
+                    } else {
+                        Quill.format("image", true);
+                    }
+                },
+            },
+        }
+    },
+    placeholder: '请输入内容',
+    readOnly: props.readOnly,
 });
 
 const styles = computed(() => {
-  let style: any = {};
-  if (props.minHeight) {
-    style.minHeight = `${props.minHeight}px`;
-  }
-  if (props.height) {
-    style.height = `${props.height}px`;
-  }
-  return style;
+    let style: any = {};
+    if (props.minHeight) {
+        style.minHeight = `${props.minHeight}px`;
+    }
+    if (props.height) {
+        style.height = `${props.height}px`;
+    }
+    return style;
 })
 
 const content = ref("");
 watch(() => props.modelValue, (v) => {
-  if (v !== content.value) {
-    content.value = v === undefined ? "<p></p>" : v;
-  }
+    if (v !== content.value) {
+        content.value = v === undefined ? "<p></p>" : v;
+    }
 }, { immediate: true });
 
 // 图片上传成功返回图片地址
 const handleUploadSuccess = (res: any) => {
-  // 获取富文本实例
-  let quill = toRaw(myQuillEditor.value).getQuill();
-  // 如果上传成功
-  if (res.code === 200) {
-    // 获取光标位置
-    let length = quill.selection.savedRange.index;
-    // 插入图片，res为服务器返回的图片链接地址
-    quill.insertEmbed(length, "image", res.data.url);
-    // 调整光标到最后
-    quill.setSelection(length + 1);
-    proxy?.$modal.closeLoading();
-  } else {
-    proxy?.$modal.loading(res.msg);
-    proxy?.$modal.closeLoading();
-  }
+    // 获取富文本实例
+    let quill = toRaw(myQuillEditor.value).getQuill();
+    // 如果上传成功
+    if (res.code === 200) {
+        // 获取光标位置
+        let length = quill.selection.savedRange.index;
+        // 插入图片，res为服务器返回的图片链接地址
+        quill.insertEmbed(length, "image", res.data.url);
+        // 调整光标到最后
+        quill.setSelection(length + 1);
+        proxy?.$modal.closeLoading();
+    } else {
+        proxy?.$modal.loading(res.msg);
+        proxy?.$modal.closeLoading();
+    }
 }
 
 // 图片上传前拦截
 const handleBeforeUpload = (file: any) => {
-  // 校检文件大小
-  if (props.fileSize) {
-    const isLt = file.size / 1024 / 1024 < props.fileSize;
-    if (!isLt) {
-      proxy?.$modal.msgError(`上传文件大小不能超过 ${props.fileSize} MB!`);
-      return false;
+    // 校检文件大小
+    if (props.fileSize) {
+        const isLt = file.size / 1024 / 1024 < props.fileSize;
+        if (!isLt) {
+            proxy?.$modal.msgError(`上传文件大小不能超过 ${props.fileSize} MB!`);
+            return false;
+        }
     }
-  }
-  proxy?.$modal.loading('正在上传文件，请稍候...');
-  return true;
+    proxy?.$modal.loading('正在上传文件，请稍候...');
+    return true;
 }
 
 // 图片失败拦截
 const handleUploadError = (err: any) => {
-  console.error(err);
-  proxy?.$modal.msgError('上传文件失败');
+    console.error(err);
+    proxy?.$modal.msgError('上传文件失败');
 }
 </script>
 
-<template>
-	<div>
-		<el-upload
-			:action="upload.url"
-			:before-upload="handleBeforeUpload"
-			:on-success="handleUploadSuccess"
-			:on-error="handleUploadError"
-			class="editor-img-uploader"
-			name="file"
-			:show-file-list="false"
-			:headers="upload.headers"
-			style="display: none"
-			v-if="type === 'url'"
-		>
-		</el-upload>
-		<div class="editor">
-			<quill-editor
-				ref="myQuillEditor"
-				v-model:content="content"
-				contentType="html"
-				@textChange="(e: any) => $emit('update:modelValue', content)"
-				:options="options"
-				:style="styles"
-			/>
-		</div>
-	</div>
-</template>
-
 <style>
 .editor, .ql-toolbar {
   white-space: pre-wrap !important;

src/components/FileUpload/index.vue

@@ -1,3 +1,47 @@
+<template>
+  <div class="upload-file">
+    <el-upload
+      multiple
+      :action="uploadFileUrl"
+      :before-upload="handleBeforeUpload"
+      :file-list="fileList"
+      :limit="limit"
+      :on-error="handleUploadError"
+      :on-exceed="handleExceed"
+      :on-success="handleUploadSuccess"
+      :show-file-list="false"
+      :headers="headers"
+      class="upload-file-uploader"
+      ref="fileUploadRef"
+    >
+      <!-- 上传按钮 -->
+      <el-button type="primary">选取文件</el-button>
+    </el-upload>
+    <!-- 上传提示 -->
+    <div class="el-upload__tip" v-if="showTip">
+      请上传
+      <template v-if="fileSize">
+        大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
+      </template>
+      <template v-if="fileType">
+        格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
+      </template>
+      的文件
+    </div>
+    <!-- 文件列表 -->
+    <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
+      <li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
+        <el-link :href="`${file.url}`" :underline="false" target="_blank">
+          <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
+        </el-link>
+        <div class="ele-upload-list__item-content-action">
+          <el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
+        </div>
+      </li>
+    </transition-group>
+  </div>
+</template>
+
 <script setup lang="ts">
 import { getToken } from "@/utils/auth";
 import { listByIds, delOss } from "@/api/system/oss";
@@ -5,27 +49,27 @@ import { ComponentInternalInstance } from "vue";
 import { ElUpload, UploadFile } from "element-plus";
 
 const props = defineProps({
-  modelValue: [String, Object, Array],
-  // 数量限制
-  limit: {
-    type: Number,
-    default: 5,
-  },
-  // 大小限制(MB)
-  fileSize: {
-    type: Number,
-    default: 5,
-  },
-  // 文件类型, 例如['png', 'jpg', 'jpeg']
-  fileType: {
-    type: Array,
-    default: () => ["doc", "xls", "ppt", "txt", "pdf"],
-  },
-  // 是否显示提示
-  isShowTip: {
-    type: Boolean,
-    default: true
-  }
+    modelValue: [String, Object, Array],
+    // 数量限制
+    limit: {
+        type: Number,
+        default: 5,
+    },
+    // 大小限制(MB)
+    fileSize: {
+        type: Number,
+        default: 5,
+    },
+    // 文件类型, 例如['png', 'jpg', 'jpeg']
+    fileType: {
+        type: Array,
+        default: () => ["doc", "xls", "ppt", "txt", "pdf"],
+    },
+    // 是否显示提示
+    isShowTip: {
+        type: Boolean,
+        default: true
+    }
 });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -39,172 +83,128 @@ const headers = ref({ Authorization: "Bearer " + getToken() });
 
 const fileList = ref<any[]>([]);
 const showTip = computed(
-  () => props.isShowTip && (props.fileType || props.fileSize)
+    () => props.isShowTip && (props.fileType || props.fileSize)
 );
 
 const fileUploadRef = ref(ElUpload);
 
 watch(() => props.modelValue, async val => {
-  if (val) {
-    let temp = 1;
-    // 首先将值转为数组
-    let list = [];
-    if (Array.isArray(val)) {
-      list = val;
-    } else {
-      const res =  await listByIds(val as string)
-      list = res.data.map((oss) => {
-          const data = { name: oss.originalName, url: oss.url, ossId: oss.ossId };
-          return data;
+    if (val) {
+        let temp = 1;
+        // 首先将值转为数组
+        let list = [];
+        if (Array.isArray(val)) {
+            list = val;
+        } else {
+            const res =  await listByIds(val as string)
+            list = res.data.map((oss) => {
+                const data = { name: oss.originalName, url: oss.url, ossId: oss.ossId };
+                return data;
+            });
+        }
+        // 然后将数组转为对象数组
+        fileList.value = list.map(item => {
+            item = {name: item.name, url: item.url, ossId: item.ossId};
+            item.uid = item.uid || new Date().getTime() + temp++;
+            return item;
         });
+    } else {
+        fileList.value = [];
+        return [];
     }
-    // 然后将数组转为对象数组
-    fileList.value = list.map(item => {
-      item = {name: item.name, url: item.url, ossId: item.ossId};
-      item.uid = item.uid || new Date().getTime() + temp++;
-      return item;
-    });
-  } else {
-    fileList.value = [];
-    return [];
-  }
 },{ deep: true, immediate: true });
 
 // 上传前校检格式和大小
 const handleBeforeUpload = (file: any) => {
-  // 校检文件类型
-  if (props.fileType.length) {
-    const fileName = file.name.split('.');
-    const fileExt = fileName[fileName.length - 1];
-    const isTypeOk = props.fileType.indexOf(fileExt) >= 0;
-    if (!isTypeOk) {
-      proxy?.$modal.msgError(`文件格式不正确, 请上传${props.fileType.join("/")}格式文件!`);
-      return false;
+    // 校检文件类型
+    if (props.fileType.length) {
+        const fileName = file.name.split('.');
+        const fileExt = fileName[fileName.length - 1];
+        const isTypeOk = props.fileType.indexOf(fileExt) >= 0;
+        if (!isTypeOk) {
+            proxy?.$modal.msgError(`文件格式不正确, 请上传${props.fileType.join("/")}格式文件!`);
+            return false;
+        }
     }
-  }
-  // 校检文件大小
-  if (props.fileSize) {
-    const isLt = file.size / 1024 / 1024 < props.fileSize;
-    if (!isLt) {
-      proxy?.$modal.msgError(`上传文件大小不能超过 ${props.fileSize} MB!`);
-      return false;
+    // 校检文件大小
+    if (props.fileSize) {
+        const isLt = file.size / 1024 / 1024 < props.fileSize;
+        if (!isLt) {
+            proxy?.$modal.msgError(`上传文件大小不能超过 ${props.fileSize} MB!`);
+            return false;
+        }
     }
-  }
-  proxy?.$modal.loading("正在上传文件，请稍候...");
-  number.value++;
-  return true;
+    proxy?.$modal.loading("正在上传文件，请稍候...");
+    number.value++;
+    return true;
 }
 
 // 文件个数超出
 const handleExceed = () => {
-  proxy?.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`);
+    proxy?.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`);
 }
 
 // 上传失败
 const handleUploadError = () => {
-  proxy?.$modal.msgError("上传文件失败");
+    proxy?.$modal.msgError("上传文件失败");
 }
 
 // 上传成功回调
 const handleUploadSuccess = (res:any, file: UploadFile) => {
-  if (res.code === 200) {
-    uploadList.value.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId });
-    uploadedSuccessfully();
-  } else {
-    number.value--;
-    proxy?.$modal.closeLoading();
-    proxy?.$modal.msgError(res.msg);
-    fileUploadRef.value.handleRemove(file);
-    uploadedSuccessfully();
-  }
+    if (res.code === 200) {
+        uploadList.value.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId });
+        uploadedSuccessfully();
+    } else {
+        number.value--;
+        proxy?.$modal.closeLoading();
+        proxy?.$modal.msgError(res.msg);
+        fileUploadRef.value.handleRemove(file);
+        uploadedSuccessfully();
+    }
 }
 
 // 删除文件
 const handleDelete = (index: number) => {
-  let ossId = fileList.value[index].ossId;
-  delOss(ossId);
-  fileList.value.splice(index, 1);
-  emit("update:modelValue", listToString(fileList.value));
+    let ossId = fileList.value[index].ossId;
+    delOss(ossId);
+    fileList.value.splice(index, 1);
+    emit("update:modelValue", listToString(fileList.value));
 }
 
 // 上传结束处理
 const uploadedSuccessfully =() => {
-  if (number.value > 0 && uploadList.value.length === number.value) {
-    fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value);
-    uploadList.value = [];
-    number.value = 0;
-    emit("update:modelValue", listToString(fileList.value));
-    proxy?.$modal.closeLoading();
-  }
+    if (number.value > 0 && uploadList.value.length === number.value) {
+        fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value);
+        uploadList.value = [];
+        number.value = 0;
+        emit("update:modelValue", listToString(fileList.value));
+        proxy?.$modal.closeLoading();
+    }
 }
 
 // 获取文件名称
 const getFileName = (name: string) => {
-  // 如果是url那么取最后的名字 如果不是直接返回
-  if (name.lastIndexOf("/") > -1) {
-    return name.slice(name.lastIndexOf("/") + 1);
-  } else {
-    return name;
-  }
+    // 如果是url那么取最后的名字 如果不是直接返回
+    if (name.lastIndexOf("/") > -1) {
+        return name.slice(name.lastIndexOf("/") + 1);
+    } else {
+        return name;
+    }
 }
 
 // 对象转成指定字符串分隔
 const listToString = (list: any[], separator?: string) => {
-  let strs = "";
-  separator = separator || ",";
-  list.forEach(item => {
-    if (item.ossId) {
-      strs += item.ossId + separator;
-    }
-  })
-  return strs != "" ? strs.substring(0, strs.length - 1) : "";
+    let strs = "";
+    separator = separator || ",";
+    list.forEach(item => {
+        if (item.ossId) {
+            strs += item.ossId + separator;
+        }
+    })
+    return strs != "" ? strs.substring(0, strs.length - 1) : "";
 }
 </script>
 
-<template>
-	<div class="upload-file">
-		<el-upload
-			multiple
-			:action="uploadFileUrl"
-			:before-upload="handleBeforeUpload"
-			:file-list="fileList"
-			:limit="limit"
-			:on-error="handleUploadError"
-			:on-exceed="handleExceed"
-			:on-success="handleUploadSuccess"
-			:show-file-list="false"
-			:headers="headers"
-			class="upload-file-uploader"
-			ref="fileUploadRef"
-		>
-			<!-- 上传按钮 -->
-			<el-button type="primary">选取文件</el-button>
-		</el-upload>
-		<!-- 上传提示 -->
-		<div class="el-upload__tip" v-if="showTip">
-			请上传
-			<template v-if="fileSize">
-				大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
-			</template>
-			<template v-if="fileType">
-				格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
-			</template>
-			的文件
-		</div>
-		<!-- 文件列表 -->
-		<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
-			<li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
-				<el-link :href="`${file.url}`" :underline="false" target="_blank">
-					<span class="el-icon-document"> {{ getFileName(file.name) }} </span>
-				</el-link>
-				<div class="ele-upload-list__item-content-action">
-					<el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
-				</div>
-			</li>
-		</transition-group>
-	</div>
-</template>
-
 <style scoped lang="scss">
 .upload-file-uploader {
   margin-bottom: 5px;

src/components/Hamburger/index.vue

@@ -13,13 +13,13 @@ const toggleClick = () => {
 </script>
 
 <template>
-	<div style="padding: 0 15px;" @click="toggleClick">
-		<svg :class="{'is-active':isActive}" class="hamburger" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="64" height="64">
-			<path
-				d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z"
-			/>
-		</svg>
-	</div>
+  <div style="padding: 0 15px;" @click="toggleClick">
+    <svg :class="{'is-active':isActive}" class="hamburger" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="64" height="64">
+      <path
+        d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z"
+      />
+    </svg>
+  </div>
 </template>
 
 <style scoped>

src/components/HeaderSearch/index.vue

@@ -122,22 +122,22 @@ watch(searchPool, (list) => {
 </script>
 
 <template>
-	<div :class="{ 'show': show }" class="header-search">
-		<svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
-		<el-select
-			ref="headerSearchSelectRef"
-			v-model="search"
-			:remote-method="querySearch"
-			filterable
-			default-first-option
-			remote
-			placeholder="Search"
-			class="header-search-select"
-			@change="change"
-		>
-			<el-option v-for="option in options" :key="option.item.path" :value="option.item" :label="option.item.title.join(' > ')" />
-		</el-select>
-	</div>
+  <div :class="{ 'show': show }" class="header-search">
+    <svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
+    <el-select
+      ref="headerSearchSelectRef"
+      v-model="search"
+      :remote-method="querySearch"
+      filterable
+      default-first-option
+      remote
+      placeholder="Search"
+      class="header-search-select"
+      @change="change"
+    >
+      <el-option v-for="option in options" :key="option.item.path" :value="option.item" :label="option.item.title.join(' > ')" />
+    </el-select>
+  </div>
 </template>
 
 <style lang="scss" scoped>

src/components/IconSelect/index.vue

@@ -44,34 +44,34 @@ const selectedIcon = (iconName: string) => {
 </script>
 
 <template>
-	<div class="relative" :style="{ width: width }">
-		<el-input v-model="modelValue" readonly @click="visible = !visible" placeholder="点击选择图标">
-			<template #prepend>
-				<svg-icon :icon-class="modelValue as string"></svg-icon>
-			</template>
-		</el-input>
+  <div class="relative" :style="{ width: width }">
+    <el-input v-model="modelValue" readonly @click="visible = !visible" placeholder="点击选择图标">
+      <template #prepend>
+        <svg-icon :icon-class="modelValue as string"></svg-icon>
+      </template>
+    </el-input>
 
-		<el-popover shadow="none" :visible="visible" placement="bottom-end" trigger="click" :width="450">
-			<template #reference>
-				<div @click="visible = !visible" class="cursor-pointer text-[#999] absolute right-[10px] top-0 height-[32px] leading-[32px]">
-					<i-ep-caret-top v-show="visible"></i-ep-caret-top>
-					<i-ep-caret-bottom v-show="!visible"></i-ep-caret-bottom>
-				</div>
-			</template>
+    <el-popover shadow="none" :visible="visible" placement="bottom-end" trigger="click" :width="450">
+      <template #reference>
+        <div @click="visible = !visible" class="cursor-pointer text-[#999] absolute right-[10px] top-0 height-[32px] leading-[32px]">
+          <i-ep-caret-top v-show="visible"></i-ep-caret-top>
+          <i-ep-caret-bottom v-show="!visible"></i-ep-caret-bottom>
+        </div>
+      </template>
 
-			<el-input class="p-2" v-model="filterValue" placeholder="搜索图标" clearable @input="filterIcons" />
+      <el-input class="p-2" v-model="filterValue" placeholder="搜索图标" clearable @input="filterIcons" />
 
-			<el-scrollbar height="w-[200px]">
-				<ul class="icon-list">
-					<el-tooltip v-for="(iconName, index) in iconNames" :key="index" :content="iconName" placement="bottom" effect="light">
-						<li class="icon-item" @click="selectedIcon(iconName)">
-							<svg-icon color="var(--el-text-color-regular)" :icon-class="iconName" />
-						</li>
-					</el-tooltip>
-				</ul>
-			</el-scrollbar>
-		</el-popover>
-	</div>
+      <el-scrollbar height="w-[200px]">
+        <ul class="icon-list">
+          <el-tooltip v-for="(iconName, index) in iconNames" :key="index" :content="iconName" placement="bottom" effect="light">
+            <li class="icon-item" @click="selectedIcon(iconName)">
+              <svg-icon color="var(--el-text-color-regular)" :icon-class="iconName" />
+            </li>
+          </el-tooltip>
+        </ul>
+      </el-scrollbar>
+    </el-popover>
+  </div>
 </template>
 
 <style scoped lang="scss">

src/components/IconSelect/requireIcons.ts

@@ -1,7 +1,7 @@
 const icons: string[] = [];
 const modules = import.meta.glob('./../../assets/icons/svg/*.svg');
 for (const path in modules) {
-	const p = path.split('assets/icons/svg/')[1].split('.svg')[0];
-	icons.push(p);
+  const p = path.split('assets/icons/svg/')[1].split('.svg')[0];
+  icons.push(p);
 }
 export default icons;

src/components/ImagePreview/index.vue

@@ -44,13 +44,13 @@ const realHeight = computed(() =>
 </script>
 
 <template>
-	<el-image :src="`${realSrc}`" fit="cover" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" preview-teleported>
-		<template #error>
-			<div class="image-slot">
-				<el-icon><picture-filled /></el-icon>
-			</div>
-		</template>
-	</el-image>
+  <el-image :src="`${realSrc}`" fit="cover" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" preview-teleported>
+    <template #error>
+      <div class="image-slot">
+        <el-icon><picture-filled /></el-icon>
+      </div>
+    </template>
+  </el-image>
 </template>
 
 <style lang="scss" scoped>

src/components/ImageUpload/index.vue

@@ -1,3 +1,42 @@
+<template>
+  <div class="component-upload-image">
+    <el-upload
+      multiple
+      :action="uploadImgUrl"
+      list-type="picture-card"
+      :on-success="handleUploadSuccess"
+      :before-upload="handleBeforeUpload"
+      :limit="limit"
+      :on-error="handleUploadError"
+      :on-exceed="handleExceed"
+      ref="imageUpload"
+      :before-remove="handleDelete"
+      :show-file-list="true"
+      :headers="headers"
+      :file-list="fileList"
+      :on-preview="handlePictureCardPreview"
+      :class="{ hide: fileList.length >= limit }"
+    >
+      <el-icon class="avatar-uploader-icon"><plus /></el-icon>
+    </el-upload>
+    <!-- 上传提示 -->
+    <div class="el-upload__tip" v-if="showTip">
+      请上传
+      <template v-if="fileSize">
+        大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
+      </template>
+      <template v-if="fileType">
+        格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
+      </template>
+      的文件
+    </div>
+
+    <el-dialog v-model="dialogVisible" title="预览" width="800px" append-to-body>
+      <img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto" />
+    </el-dialog>
+  </div>
+</template>
+
 <script setup lang="ts">
 import { getToken } from "@/utils/auth";
 import { listByIds, delOss } from "@/api/system/oss";
@@ -6,27 +45,27 @@ import { OssVO } from "@/api/system/oss/types";
 import { ElUpload, UploadFile } from "element-plus";
 
 const props = defineProps({
-  modelValue: [String, Object, Array],
-  // 图片数量限制
-  limit: {
-    type: Number,
-    default: 5,
-  },
-  // 大小限制(MB)
-  fileSize: {
-    type: Number,
-    default: 5,
-  },
-  // 文件类型, 例如['png', 'jpg', 'jpeg']
-  fileType: {
-    type: Array as PropType<string[]>,
-    default: () => ["png", "jpg", "jpeg"],
-  },
-  // 是否显示提示
-  isShowTip: {
-    type: Boolean,
-    default: true
-  },
+    modelValue: [String, Object, Array],
+    // 图片数量限制
+    limit: {
+        type: Number,
+        default: 5,
+    },
+    // 大小限制(MB)
+    fileSize: {
+        type: Number,
+        default: 5,
+    },
+    // 文件类型, 例如['png', 'jpg', 'jpeg']
+    fileType: {
+        type: Array as PropType<string[]>,
+        default: () => ["png", "jpg", "jpeg"],
+    },
+    // 是否显示提示
+    isShowTip: {
+        type: Boolean,
+        default: true
+    },
 });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -42,179 +81,140 @@ const headers = ref({ Authorization: "Bearer " + getToken() });
 
 const fileList = ref<any[]>([]);
 const showTip = computed(
-  () => props.isShowTip && (props.fileType || props.fileSize)
+    () => props.isShowTip && (props.fileType || props.fileSize)
 );
 
 const imageUploadRef = ref(ElUpload);
 
 watch(() => props.modelValue, async val => {
-  if (val) {
-    // 首先将值转为数组
-    let list:OssVO[] = [];
-    if (Array.isArray(val)) {
-      list = val as OssVO[];
+    if (val) {
+        // 首先将值转为数组
+        let list:OssVO[] = [];
+        if (Array.isArray(val)) {
+            list = val as OssVO[];
+        } else {
+            const res = await listByIds(val as string)
+            list = res.data
+        }
+        // 然后将数组转为对象数组
+        fileList.value = list.map(item => {
+            // 字符串回显处理 如果此处存的是url可直接回显 如果存的是id需要调用接口查出来
+            let itemData;
+            if (typeof item === "string") {
+                itemData = { name: item, url: item };
+            } else {
+                // 此处name使用ossId 防止删除出现重名
+                itemData = { name: item.ossId, url: item.url, ossId: item.ossId };
+            }
+            return itemData;
+        });
     } else {
-      const res = await listByIds(val as string)
-      list = res.data
+        fileList.value = [];
+        return [];
     }
-    // 然后将数组转为对象数组
-    fileList.value = list.map(item => {
-      // 字符串回显处理 如果此处存的是url可直接回显 如果存的是id需要调用接口查出来
-      let itemData;
-      if (typeof item === "string") {
-        itemData = { name: item, url: item };
-      } else {
-        // 此处name使用ossId 防止删除出现重名
-        itemData = { name: item.ossId, url: item.url, ossId: item.ossId };
-      }
-      return itemData;
-    });
-  } else {
-    fileList.value = [];
-    return [];
-  }
 },{ deep: true, immediate: true });
 
 /** 上传前loading加载 */
 const handleBeforeUpload = (file: any) => {
-  let isImg = false;
-  if (props.fileType.length) {
-    let fileExtension = "";
-    if (file.name.lastIndexOf(".") > -1) {
-      fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
+    let isImg = false;
+    if (props.fileType.length) {
+        let fileExtension = "";
+        if (file.name.lastIndexOf(".") > -1) {
+            fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
+        }
+        isImg = props.fileType.some((type) => {
+            if (file.type.indexOf(type) > -1) return true;
+            if (fileExtension && fileExtension.indexOf(type) > -1) return true;
+            return false;
+        });
+    } else {
+        isImg = file.type.indexOf("image") > -1;
     }
-    isImg = props.fileType.some((type) => {
-      if (file.type.indexOf(type) > -1) return true;
-      if (fileExtension && fileExtension.indexOf(type) > -1) return true;
-      return false;
-    });
-  } else {
-    isImg = file.type.indexOf("image") > -1;
-  }
-  if (!isImg) {
-    proxy?.$modal.msgError(
-      `文件格式不正确, 请上传${props.fileType.join("/")}图片格式文件!`
-    );
-    return false;
-  }
-  if (props.fileSize) {
-    const isLt = file.size / 1024 / 1024 < props.fileSize;
-    if (!isLt) {
-      proxy?.$modal.msgError(`上传头像图片大小不能超过 ${props.fileSize} MB!`);
-      return false;
+    if (!isImg) {
+        proxy?.$modal.msgError(
+            `文件格式不正确, 请上传${props.fileType.join("/")}图片格式文件!`
+        );
+        return false;
     }
-  }
-  proxy?.$modal.loading("正在上传图片，请稍候...");
-  number.value++;
+    if (props.fileSize) {
+        const isLt = file.size / 1024 / 1024 < props.fileSize;
+        if (!isLt) {
+            proxy?.$modal.msgError(`上传头像图片大小不能超过 ${props.fileSize} MB!`);
+            return false;
+        }
+    }
+    proxy?.$modal.loading("正在上传图片，请稍候...");
+    number.value++;
 }
 
 // 文件个数超出
 const handleExceed = () => {
-  proxy?.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`);
+    proxy?.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`);
 }
 
 // 上传成功回调
 const handleUploadSuccess = (res: any, file: UploadFile) => {
-  if (res.code === 200) {
-    uploadList.value.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId });
-    uploadedSuccessfully();
-  } else {
-    number.value--;
-    proxy?.$modal.closeLoading();
-    proxy?.$modal.msgError(res.msg);
-    imageUploadRef.value.handleRemove(file);
-    uploadedSuccessfully();
-  }
+    if (res.code === 200) {
+        uploadList.value.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId });
+        uploadedSuccessfully();
+    } else {
+        number.value--;
+        proxy?.$modal.closeLoading();
+        proxy?.$modal.msgError(res.msg);
+        imageUploadRef.value.handleRemove(file);
+        uploadedSuccessfully();
+    }
 }
 
 // 删除图片
 const handleDelete = (file: UploadFile): boolean => {
-  const findex = fileList.value.map(f => f.name).indexOf(file.name);
-  if (findex > -1 && uploadList.value.length === number.value) {
-    let ossId = fileList.value[findex].ossId;
-    delOss(ossId);
-    fileList.value.splice(findex, 1);
-    emit("update:modelValue", listToString(fileList.value));
-    return false;
-  }
-  return true;
+    const findex = fileList.value.map(f => f.name).indexOf(file.name);
+    if (findex > -1 && uploadList.value.length === number.value) {
+        let ossId = fileList.value[findex].ossId;
+        delOss(ossId);
+        fileList.value.splice(findex, 1);
+        emit("update:modelValue", listToString(fileList.value));
+        return false;
+    }
+    return true;
 }
 
 // 上传结束处理
 const uploadedSuccessfully = () => {
-  if (number.value > 0 && uploadList.value.length === number.value) {
-    fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value);
-    uploadList.value = [];
-    number.value = 0;
-    emit("update:modelValue", listToString(fileList.value));
-    proxy?.$modal.closeLoading();
-  }
+    if (number.value > 0 && uploadList.value.length === number.value) {
+        fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value);
+        uploadList.value = [];
+        number.value = 0;
+        emit("update:modelValue", listToString(fileList.value));
+        proxy?.$modal.closeLoading();
+    }
 }
 
 // 上传失败
 const handleUploadError = () => {
-  proxy?.$modal.msgError("上传图片失败");
-  proxy?.$modal.closeLoading();
+    proxy?.$modal.msgError("上传图片失败");
+    proxy?.$modal.closeLoading();
 }
 
 // 预览
 const handlePictureCardPreview = (file: any) => {
-  dialogImageUrl.value = file.url;
-  dialogVisible.value = true;
+    dialogImageUrl.value = file.url;
+    dialogVisible.value = true;
 }
 
 // 对象转成指定字符串分隔
 const listToString = (list: any[], separator?: string) => {
-  let strs = "";
-  separator = separator || ",";
-  for (let i in list) {
-    if(undefined !== list[i].ossId && list[i].url.indexOf("blob:") !== 0) {
-      strs += list[i].ossId + separator;
+    let strs = "";
+    separator = separator || ",";
+    for (let i in list) {
+        if(undefined !== list[i].ossId && list[i].url.indexOf("blob:") !== 0) {
+            strs += list[i].ossId + separator;
+        }
     }
-  }
-  return strs != "" ? strs.substring(0, strs.length - 1) : "";
+    return strs != "" ? strs.substring(0, strs.length - 1) : "";
 }
 </script>
 
-<template>
-	<div class="component-upload-image">
-		<el-upload
-			multiple
-			:action="uploadImgUrl"
-			list-type="picture-card"
-			:on-success="handleUploadSuccess"
-			:before-upload="handleBeforeUpload"
-			:limit="limit"
-			:on-error="handleUploadError"
-			:on-exceed="handleExceed"
-			ref="imageUpload"
-			:before-remove="handleDelete"
-			:show-file-list="true"
-			:headers="headers"
-			:file-list="fileList"
-			:on-preview="handlePictureCardPreview"
-			:class="{ hide: fileList.length >= limit }"
-		>
-			<el-icon class="avatar-uploader-icon"><plus /></el-icon>
-		</el-upload>
-		<!-- 上传提示 -->
-		<div class="el-upload__tip" v-if="showTip">
-			请上传
-			<template v-if="fileSize">
-				大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
-			</template>
-			<template v-if="fileType">
-				格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
-			</template>
-			的文件
-		</div>
-
-		<el-dialog v-model="dialogVisible" title="预览" width="800px" append-to-body>
-			<img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto" />
-		</el-dialog>
-	</div>
-</template>
-
 <style scoped lang="scss">
 // .el-upload--picture-card 控制加号部分
 :deep(.hide .el-upload--picture-card) {

src/components/Pagination/index.vue

@@ -1,6 +1,22 @@
+<template>
+  <div :class="{ 'hidden': hidden }" class="pagination-container">
+    <el-pagination
+      :background="background"
+      v-model:current-page="currentPage"
+      v-model:page-size="pageSize"
+      :layout="layout"
+      :page-sizes="pageSizes"
+      :pager-count="pagerCount"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
 <script lang="ts">
 export default {
-  name: 'Pagination'
+    name: 'Pagination'
 }
 </script>
 
@@ -9,101 +25,85 @@ import { scrollTo } from '@/utils/scroll-to'
 import { PropType } from "vue";
 
 const props = defineProps({
-  total: {
-    required: true,
-    type: Number
-  },
-  page: {
-    type: Number,
-    default: 1
-  },
-  limit: {
-    type: Number,
-    default: 20
-  },
-  pageSizes: {
-    type: Array as PropType<number[]>,
-    default() {
-      return [10, 20, 30, 50]
+    total: {
+        required: true,
+        type: Number
+    },
+    page: {
+        type: Number,
+        default: 1
+    },
+    limit: {
+        type: Number,
+        default: 20
+    },
+    pageSizes: {
+        type: Array as PropType<number[]>,
+        default() {
+            return [10, 20, 30, 50]
+        }
+    },
+    // 移动端页码按钮的数量端默认值5
+    pagerCount: {
+        type: Number,
+        default: document.body.clientWidth < 992 ? 5 : 7
+    },
+    layout: {
+        type: String,
+        default: 'total, sizes, prev, pager, next, jumper'
+    },
+    background: {
+        type: Boolean,
+        default: true
+    },
+    autoScroll: {
+        type: Boolean,
+        default: true
+    },
+    hidden: {
+        type: Boolean,
+        default: false
+    },
+    float: {
+        type: String,
+        default: 'right'
     }
-  },
-  // 移动端页码按钮的数量端默认值5
-  pagerCount: {
-    type: Number,
-    default: document.body.clientWidth < 992 ? 5 : 7
-  },
-  layout: {
-    type: String,
-    default: 'total, sizes, prev, pager, next, jumper'
-  },
-  background: {
-    type: Boolean,
-    default: true
-  },
-  autoScroll: {
-    type: Boolean,
-    default: true
-  },
-  hidden: {
-    type: Boolean,
-    default: false
-  },
-  float: {
-    type: String,
-    default: 'right'
-  }
 })
 
 const emit = defineEmits(['update:page', 'update:limit', 'pagination']);
 const currentPage = computed({
-  get() {
-    return props.page
-  },
-  set(val) {
-    emit('update:page', val)
-  }
+    get() {
+        return props.page
+    },
+    set(val) {
+        emit('update:page', val)
+    }
 })
 const pageSize = computed({
-  get() {
-    return props.limit
-  },
-  set(val){
-    emit('update:limit', val)
-  }
+    get() {
+        return props.limit
+    },
+    set(val){
+        emit('update:limit', val)
+    }
 })
 function handleSizeChange(val: number) {
-  if (currentPage.value * val > props.total) {
-    currentPage.value = 1
-  }
-  emit('pagination', { page: currentPage.value, limit: val })
-  if (props.autoScroll) {
-    scrollTo(0, 800)
-  }
+    if (currentPage.value * val > props.total) {
+        currentPage.value = 1
+    }
+    emit('pagination', { page: currentPage.value, limit: val })
+    if (props.autoScroll) {
+        scrollTo(0, 800)
+    }
 }
 function handleCurrentChange(val: number) {
-  emit('pagination', { page: val, limit: pageSize.value })
-  if (props.autoScroll) {
-    scrollTo(0, 800)
-  }
+    emit('pagination', { page: val, limit: pageSize.value })
+    if (props.autoScroll) {
+        scrollTo(0, 800)
+    }
 }
 </script>
 
-<template>
-	<div :class="{ 'hidden': hidden }" class="pagination-container">
-		<el-pagination
-			:background="background"
-			v-model:current-page="currentPage"
-			v-model:page-size="pageSize"
-			:layout="layout"
-			:page-sizes="pageSizes"
-			:pager-count="pagerCount"
-			:total="total"
-			@size-change="handleSizeChange"
-			@current-change="handleCurrentChange"
-		/>
-	</div>
-</template>
-
 <style lang="scss" scoped>
 .pagination-container {
   background: #fff;

src/components/ParentView/index.vue

@@ -1,3 +1,3 @@
 <template>
-	<router-view />
+  <router-view />
 </template>

src/components/RightToolbar/index.vue

@@ -1,23 +1,42 @@
+<template>
+  <div class="top-right-btn" :style="style">
+    <el-row>
+      <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" v-if="search">
+        <el-button circle icon="Search" @click="toggleSearch()" />
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="刷新" placement="top">
+        <el-button circle icon="Refresh" @click="refresh()" />
+      </el-tooltip>
+      <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
+        <el-button circle icon="Menu" @click="showColumn()" />
+      </el-tooltip>
+    </el-row>
+    <el-dialog :title="title" v-model="open" append-to-body>
+      <el-transfer :titles="['显示', '隐藏']" v-model="value" :data="columns" @change="dataChange"></el-transfer>
+    </el-dialog>
+  </div>
+</template>
+
 <script setup lang="ts">
 import { TransferKey } from "element-plus";
 import { PropType } from "vue";
 
 const props = defineProps({
-  showSearch: {
-    type: Boolean,
-    default: true,
-  },
-  columns: {
-    type: Array as PropType<FieldOption[]>,
-  },
-  search: {
-    type: Boolean,
-    default: true,
-  },
-  gutter: {
-    type: Number,
-    default: 10,
-  },
+    showSearch: {
+        type: Boolean,
+        default: true,
+    },
+    columns: {
+        type: Array as PropType<FieldOption[]>,
+    },
+    search: {
+        type: Boolean,
+        default: true,
+    },
+    gutter: {
+        type: Number,
+        default: 10,
+    },
 })
 
 const emits = defineEmits(['update:showSearch', 'queryTable']);
@@ -30,64 +49,45 @@ const title = ref("显示/隐藏");
 const open = ref(false);
 
 const style = computed(() => {
-  const ret: any = {};
-  if (props.gutter) {
-    ret.marginRight = `${props.gutter / 2}px`;
-  }
-  return ret;
+    const ret: any = {};
+    if (props.gutter) {
+        ret.marginRight = `${props.gutter / 2}px`;
+    }
+    return ret;
 });
 
 // 搜索
 function toggleSearch() {
-  emits("update:showSearch", !props.showSearch);
+    emits("update:showSearch", !props.showSearch);
 }
 
 // 刷新
 function refresh() {
-  emits("queryTable");
+    emits("queryTable");
 }
 
 // 右侧列表元素变化
 function dataChange(data: TransferKey[]) {
-  props.columns?.forEach((item) => {
-    item.visible = !data.includes(item.key);
-  })
+    props.columns?.forEach((item) => {
+        item.visible = !data.includes(item.key);
+    })
 }
 
 // 打开显隐列dialog
 const showColumn = () => {
-  open.value = true;
+    open.value = true;
 }
 
 // 显隐列初始默认隐藏列
 onMounted(() => {
-  props.columns?.forEach((item) => {
-    if (!item.visible) {
-      value.value.push(item.key);
-    }
-  })
+    props.columns?.forEach((item) => {
+        if (!item.visible) {
+            value.value.push(item.key);
+        }
+    })
 })
 </script>
 
-<template>
-	<div class="top-right-btn" :style="style">
-		<el-row>
-			<el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" v-if="search">
-				<el-button circle icon="Search" @click="toggleSearch()" />
-			</el-tooltip>
-			<el-tooltip class="item" effect="dark" content="刷新" placement="top">
-				<el-button circle icon="Refresh" @click="refresh()" />
-			</el-tooltip>
-			<el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
-				<el-button circle icon="Menu" @click="showColumn()" />
-			</el-tooltip>
-		</el-row>
-		<el-dialog :title="title" v-model="open" append-to-body>
-			<el-transfer :titles="['显示', '隐藏']" v-model="value" :data="columns" @change="dataChange"></el-transfer>
-		</el-dialog>
-	</div>
-</template>
-
 <style lang="scss" scoped>
 :deep(.el-transfer__button) {
   border-radius: 50%;

src/components/RuoYiDoc/index.vue

@@ -1,7 +1,7 @@
 <template>
-	<div>
-		<svg-icon icon-class="question" @click="goto" />
-	</div>
+  <div>
+    <svg-icon icon-class="question" @click="goto" />
+  </div>
 </template>
 
 <script setup>

src/components/RuoYiGit/index.vue

@@ -1,7 +1,7 @@
 <template>
-	<div>
-		<svg-icon icon-class="github" @click="goto" />
-	</div>
+  <div>
+    <svg-icon icon-class="github" @click="goto" />
+  </div>
 </template>
 
 <script setup>

src/components/Screenfull/index.vue

@@ -1,7 +1,7 @@
 <template>
-	<div>
-		<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" />
-	</div>
+  <div>
+    <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" />
+  </div>
 </template>
 
 <script setup lang="ts">

src/components/SizeSelect/index.vue

@@ -16,20 +16,20 @@ const handleSetSize = (size: string) => {
 </script>
 
 <template>
-	<div>
-		<el-dropdown trigger="click" @command="handleSetSize">
-			<div class="size-icon--style">
-				<svg-icon class-name="size-icon" icon-class="size" />
-			</div>
-			<template #dropdown>
-				<el-dropdown-menu>
-					<el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size === item.value" :command="item.value">
-						{{ item.label }}
-					</el-dropdown-item>
-				</el-dropdown-menu>
-			</template>
-		</el-dropdown>
-	</div>
+  <div>
+    <el-dropdown trigger="click" @command="handleSetSize">
+      <div class="size-icon--style">
+        <svg-icon class-name="size-icon" icon-class="size" />
+      </div>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size === item.value" :command="item.value">
+            {{ item.label }}
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </div>
 </template>
 
 <style lang="scss" scoped>

src/components/SvgIcon/index.vue

@@ -23,9 +23,9 @@ const svgClass = computed(() => {
 </script>
 
 <template>
-	<svg :class="svgClass" aria-hidden="true">
-		<use :xlink:href="iconName" :fill="color" />
-	</svg>
+  <svg :class="svgClass" aria-hidden="true">
+    <use :xlink:href="iconName" :fill="color" />
+  </svg>
 </template>
 
 <style scope lang="scss">

src/components/TopNav/index.vue

@@ -1,3 +1,23 @@
+<template>
+    <el-menu :default-active="activeMenu" mode="horizontal" @select="handleSelect" :ellipsis="false">
+        <template v-for="(item, index) in topMenus">
+            <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber"
+            ><svg-icon :icon-class="item.meta ? item.meta.icon : '' " /> {{ item.meta?.title }}</el-menu-item
+            >
+        </template>
+
+        <!-- 顶部菜单超出数量折叠 -->
+        <el-sub-menu :style="{'--theme': theme}" index="more" v-if="topMenus.length > visibleNumber">
+            <template #title>更多菜单</template>
+            <template v-for="(item, index) in topMenus">
+                <el-menu-item :index="item.path" :key="index" v-if="index >= visibleNumber"
+                ><svg-icon :icon-class="item.meta ? item.meta.icon : '' " /> {{ item.meta?.title }}</el-menu-item
+                >
+            </template>
+        </el-sub-menu>
+    </el-menu>
+</template>
+
 <script setup lang="ts">
 import { constantRoutes } from '@/router';
 import { isHttp } from '@/utils/validate';
@@ -130,26 +150,6 @@ onMounted(() => {
 })
 </script>
 
-<template>
-	<el-menu :default-active="activeMenu" mode="horizontal" @select="handleSelect" :ellipsis="false">
-		<template v-for="(item, index) in topMenus">
-			<el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber"
-				><svg-icon :icon-class="item.meta ? item.meta.icon : '' " /> {{ item.meta?.title }}</el-menu-item
-			>
-		</template>
-
-		<!-- 顶部菜单超出数量折叠 -->
-		<el-sub-menu :style="{'--theme': theme}" index="more" v-if="topMenus.length > visibleNumber">
-			<template #title>更多菜单</template>
-			<template v-for="(item, index) in topMenus">
-				<el-menu-item :index="item.path" :key="index" v-if="index >= visibleNumber"
-					><svg-icon :icon-class="item.meta ? item.meta.icon : '' " /> {{ item.meta?.title }}</el-menu-item
-				>
-			</template>
-		</el-sub-menu>
-	</el-menu>
-</template>
-
 <style lang="scss">
 .topmenu-container.el-menu--horizontal > .el-menu-item {
   float: left;

src/components/TreeSelect/index.vue

@@ -128,31 +128,31 @@ ul li .el-tree .el-tree-node__content {
 </style>
 
 <template>
-	<div class="el-tree-select">
-		<el-select
-			style="width: 100%"
-			v-model="valueId"
-			ref="treeSelect"
-			:filterable="true"
-			:clearable="true"
-			@clear="clearHandle"
-			:filter-method="selectFilterData"
-			:placeholder="placeholder"
-		>
-			<el-option :value="valueId" :label="valueTitle">
-				<el-tree
-					id="tree-option"
-					ref="selectTree"
-					:accordion="accordion"
-					:data="options"
-					:props="objMap"
-					:node-key="objMap.value"
-					:expand-on-click-node="false"
-					:default-expanded-keys="defaultExpandedKey"
-					:filter-node-method="filterNode"
-					@node-click="handleNodeClick"
-				></el-tree>
-			</el-option>
-		</el-select>
-	</div>
+  <div class="el-tree-select">
+    <el-select
+      style="width: 100%"
+      v-model="valueId"
+      ref="treeSelect"
+      :filterable="true"
+      :clearable="true"
+      @clear="clearHandle"
+      :filter-method="selectFilterData"
+      :placeholder="placeholder"
+    >
+      <el-option :value="valueId" :label="valueTitle">
+        <el-tree
+          id="tree-option"
+          ref="selectTree"
+          :accordion="accordion"
+          :data="options"
+          :props="objMap"
+          :node-key="objMap.value"
+          :expand-on-click-node="false"
+          :default-expanded-keys="defaultExpandedKey"
+          :filter-node-method="filterNode"
+          @node-click="handleNodeClick"
+        ></el-tree>
+      </el-option>
+    </el-select>
+  </div>
 </template>

src/components/iFrame/index.vue

@@ -21,7 +21,7 @@ onMounted(() => {
 </script>
 
 <template>
-	<div v-loading="loading" :style="'height:' + height">
-		<iframe :src="url" frameborder="no" style="width: 100%; height: 100%" scrolling="auto" />
-	</div>
+  <div v-loading="loading" :style="'height:' + height">
+    <iframe :src="url" frameborder="no" style="width: 100%; height: 100%" scrolling="auto" />
+  </div>
 </template>

src/directive/common/copyText.ts

@@ -4,63 +4,63 @@
  */
 
 export default {
-	beforeMount(el: any, { value, arg }: any) {
-		if (arg === 'callback') {
-			el.$copyCallback = value;
-		} else {
-			el.$copyValue = value;
-			const handler = () => {
-				copyTextToClipboard(el.$copyValue);
-				if (el.$copyCallback) {
-					el.$copyCallback(el.$copyValue);
-				}
-			};
-			el.addEventListener('click', handler);
-			el.$destroyCopy = () => el.removeEventListener('click', handler);
-		}
-	}
+  beforeMount(el: any, { value, arg }: any) {
+    if (arg === 'callback') {
+      el.$copyCallback = value;
+    } else {
+      el.$copyValue = value;
+      const handler = () => {
+        copyTextToClipboard(el.$copyValue);
+        if (el.$copyCallback) {
+          el.$copyCallback(el.$copyValue);
+        }
+      };
+      el.addEventListener('click', handler);
+      el.$destroyCopy = () => el.removeEventListener('click', handler);
+    }
+  }
 };
 
 function copyTextToClipboard(input: string, { target = document.body } = {}) {
-	const element = document.createElement('textarea');
-	const previouslyFocusedElement = document.activeElement as HTMLInputElement;
-	element.value = input;
-	// Prevent keyboard from showing on mobile
-	element.setAttribute('readonly', '');
+  const element = document.createElement('textarea');
+  const previouslyFocusedElement = document.activeElement as HTMLInputElement;
+  element.value = input;
+  // Prevent keyboard from showing on mobile
+  element.setAttribute('readonly', '');
 
-	element.style.contain = 'strict';
-	element.style.position = 'absolute';
-	element.style.left = '-9999px';
-	element.style.fontSize = '12pt'; // Prevent zooming on iOS
+  element.style.contain = 'strict';
+  element.style.position = 'absolute';
+  element.style.left = '-9999px';
+  element.style.fontSize = '12pt'; // Prevent zooming on iOS
 
-	const selection = document.getSelection();
-	let originalRange;
-	if (selection) {
-		originalRange = selection?.rangeCount > 0 && selection.getRangeAt(0);
-	}
-	target.append(element);
-	element.select();
+  const selection = document.getSelection();
+  let originalRange;
+  if (selection) {
+    originalRange = selection?.rangeCount > 0 && selection.getRangeAt(0);
+  }
+  target.append(element);
+  element.select();
 
-	// Explicit selection workaround for iOS
-	element.selectionStart = 0;
-	element.selectionEnd = input.length;
+  // Explicit selection workaround for iOS
+  element.selectionStart = 0;
+  element.selectionEnd = input.length;
 
-	let isSuccess = false;
-	try {
-		isSuccess = document.execCommand('copy');
-	} catch (err) {
-		console.error(err);
-	}
-	element.remove();
+  let isSuccess = false;
+  try {
+    isSuccess = document.execCommand('copy');
+  } catch (err) {
+    console.error(err);
+  }
+  element.remove();
 
-	if (originalRange) {
-		selection?.removeAllRanges();
-		selection?.addRange(originalRange);
-	}
+  if (originalRange) {
+    selection?.removeAllRanges();
+    selection?.addRange(originalRange);
+  }
 
-	// Get the focus back on the previously focused element, if any
-	if (previouslyFocusedElement) {
-		previouslyFocusedElement.focus();
-	}
-	return isSuccess;
+  // Get the focus back on the previously focused element, if any
+  if (previouslyFocusedElement) {
+    previouslyFocusedElement.focus();
+  }
+  return isSuccess;
 }

src/directive/index.ts

@@ -3,7 +3,7 @@ import { hasPermi, hasRoles } from './permission';
 import { App } from 'vue';
 
 export default (app: App) => {
-	app.directive('copyText', copyText);
-	app.directive('hasPermi', hasPermi);
-	app.directive('hasRoles', hasRoles);
+  app.directive('copyText', copyText);
+  app.directive('hasPermi', hasPermi);
+  app.directive('hasRoles', hasRoles);
 };

src/directive/permission/index.ts

@@ -4,41 +4,41 @@ import useUserStore from '@/store/modules/user';
  * 操作权限处理
  */
 export const hasPermi: Directive = {
-	mounted(el: HTMLElement, binding: DirectiveBinding) {
-		const { permissions } = useUserStore();
-		// 「其他角色」按钮权限校验
-		const { value } = binding;
-		if (value && value instanceof Array && value.length > 0) {
-			const hasPermission = permissions.some((permi) => {
-				return permi === '*:*:*' || value.includes(permi);
-			});
-			if (!hasPermission) {
-				el.parentNode && el.parentNode.removeChild(el);
-				return false;
-			}
-		} else {
-			throw new Error("check perms! Like v-has-permi=\"['sys:user:add','sys:user:edit']\"");
-		}
-	}
+  mounted(el: HTMLElement, binding: DirectiveBinding) {
+    const { permissions } = useUserStore();
+    // 「其他角色」按钮权限校验
+    const { value } = binding;
+    if (value && value instanceof Array && value.length > 0) {
+      const hasPermission = permissions.some((permi) => {
+        return permi === '*:*:*' || value.includes(permi);
+      });
+      if (!hasPermission) {
+        el.parentNode && el.parentNode.removeChild(el);
+        return false;
+      }
+    } else {
+      throw new Error("check perms! Like v-has-permi=\"['sys:user:add','sys:user:edit']\"");
+    }
+  }
 };
 
 /**
  * 角色权限处理
  */
 export const hasRoles: Directive = {
-	mounted(el: HTMLElement, binding: DirectiveBinding) {
-		const { value } = binding;
-		const { roles } = useUserStore();
-		if (value && value instanceof Array && value.length > 0) {
-			const hasRole = roles.some((role) => {
-				return role === 'admin' || value.includes(role);
-			});
-			if (!hasRole) {
-				el.parentNode && el.parentNode.removeChild(el);
-				return false;
-			}
-		} else {
-			throw new Error("check roles! Like v-has-roles=\"['admin','test']\"");
-		}
-	}
+  mounted(el: HTMLElement, binding: DirectiveBinding) {
+    const { value } = binding;
+    const { roles } = useUserStore();
+    if (value && value instanceof Array && value.length > 0) {
+      const hasRole = roles.some((role) => {
+        return role === 'admin' || value.includes(role);
+      });
+      if (!hasRole) {
+        el.parentNode && el.parentNode.removeChild(el);
+        return false;
+      }
+    } else {
+      throw new Error("check roles! Like v-has-roles=\"['admin','test']\"");
+    }
+  }
 };

src/enums/MenuTypeEnum.ts

@@ -1,15 +1,15 @@
 export enum MenuTypeEnum {
-	/**
-	 * 目录
-	 */
-	M = 'M',
-	/**
-	 * 菜单
-	 */
-	C = 'C',
+  /**
+   * 目录
+   */
+  M = 'M',
+  /**
+   * 菜单
+   */
+  C = 'C',
 
-	/**
-	 * 按钮
-	 */
-	F = 'F'
+  /**
+   * 按钮
+   */
+  F = 'F'
 }

src/enums/RespEnum.ts

@@ -1,90 +1,90 @@
 export enum HttpStatus {
-	/**
-	 * 操作成功
-	 */
-	SUCCESS = 200,
-	/**
-	 * 对象创建成功
-	 */
-	CREATED = 201,
-	/**
-	 * 请求已经被接受
-	 */
-	ACCEPTED = 202,
-	/**
-	 * 操作已经执行成功，但是没有返回数据
-	 */
-	NO_CONTENT = 204,
-	/**
-	 * 资源已经被移除
-	 */
-	MOVED_PERM = 301,
-	/**
-	 * 重定向
-	 */
-	SEE_OTHER = 303,
-	/**
-	 * 资源没有被修改
-	 */
-	NOT_MODIFIED = 304,
-	/**
-	 * 参数列表错误（缺少，格式不匹配）
-	 */
-	PARAM_ERROR = 400,
-	/**
-	 * 未授权
-	 */
-	UNAUTHORIZED = 401,
-	/**
-	 * 访问受限，授权过期
-	 */
-	FORBIDDEN = 403,
-	/**
-	 * 资源，服务未找到
-	 */
-	NOT_FOUND = 404,
-	/**
-	 * 不允许的http方法
-	 */
-	BAD_METHOD = 405,
-	/**
-	 * 资源冲突，或者资源被锁
-	 */
-	CONFLICT = 409,
-	/**
-	 * 不支持的数据，媒体类型
-	 */
-	UNSUPPORTED_TYPE = 415,
-	/**
-	 * 系统内部错误
-	 */
-	SERVER_ERROR = 500,
-	/**
-	 * 接口未实现
-	 */
-	NOT_IMPLEMENTED = 501,
-	/**
-	 * 服务不可用，过载或者维护
-	 */
-	BAD_GATEWAY = 502,
-	/**
-	 * 网关超时
-	 */
-	GATEWAY_TIMEOUT = 504,
-	/**
-	 * 未知错误
-	 */
-	UNKNOWN_ERROR = 520,
-	/**
-	 * 服务未知错误
-	 */
-	SERVICE_ERROR = 521,
-	/**
-	 * 数据库未知错误
-	 */
-	DATABASE_ERROR = 522,
-	/**
-	 * 系统警告消息
-	 */
-	WARN = 601
+  /**
+   * 操作成功
+   */
+  SUCCESS = 200,
+  /**
+   * 对象创建成功
+   */
+  CREATED = 201,
+  /**
+   * 请求已经被接受
+   */
+  ACCEPTED = 202,
+  /**
+   * 操作已经执行成功，但是没有返回数据
+   */
+  NO_CONTENT = 204,
+  /**
+   * 资源已经被移除
+   */
+  MOVED_PERM = 301,
+  /**
+   * 重定向
+   */
+  SEE_OTHER = 303,
+  /**
+   * 资源没有被修改
+   */
+  NOT_MODIFIED = 304,
+  /**
+   * 参数列表错误（缺少，格式不匹配）
+   */
+  PARAM_ERROR = 400,
+  /**
+   * 未授权
+   */
+  UNAUTHORIZED = 401,
+  /**
+   * 访问受限，授权过期
+   */
+  FORBIDDEN = 403,
+  /**
+   * 资源，服务未找到
+   */
+  NOT_FOUND = 404,
+  /**
+   * 不允许的http方法
+   */
+  BAD_METHOD = 405,
+  /**
+   * 资源冲突，或者资源被锁
+   */
+  CONFLICT = 409,
+  /**
+   * 不支持的数据，媒体类型
+   */
+  UNSUPPORTED_TYPE = 415,
+  /**
+   * 系统内部错误
+   */
+  SERVER_ERROR = 500,
+  /**
+   * 接口未实现
+   */
+  NOT_IMPLEMENTED = 501,
+  /**
+   * 服务不可用，过载或者维护
+   */
+  BAD_GATEWAY = 502,
+  /**
+   * 网关超时
+   */
+  GATEWAY_TIMEOUT = 504,
+  /**
+   * 未知错误
+   */
+  UNKNOWN_ERROR = 520,
+  /**
+   * 服务未知错误
+   */
+  SERVICE_ERROR = 521,
+  /**
+   * 数据库未知错误
+   */
+  DATABASE_ERROR = 522,
+  /**
+   * 系统警告消息
+   */
+  WARN = 601
 }

src/enums/SettingTypeEnum.ts

@@ -1,16 +1,16 @@
 export enum SettingTypeEnum {
-	TITLE = 'title',
-	THEME = 'theme',
-	SIDE_THEME = 'sideTheme',
-	SHOW_SETTINGS = 'showSettings',
-	TOP_NAV = 'topNav',
-	TAGS_VIEW = 'tagsView',
-	FIXED_HEADER = 'fixedHeader',
-	SIDEBAR_LOGO = 'sidebarLogo',
-	DYNAMIC_TITLE = 'dynamicTitle',
-	ANIMATION_ENABLE = 'animationEnable',
-	LAYOUT = 'layout',
-	DARK = 'dark',
+  TITLE = 'title',
+  THEME = 'theme',
+  SIDE_THEME = 'sideTheme',
+  SHOW_SETTINGS = 'showSettings',
+  TOP_NAV = 'topNav',
+  TAGS_VIEW = 'tagsView',
+  FIXED_HEADER = 'fixedHeader',
+  SIDEBAR_LOGO = 'sidebarLogo',
+  DYNAMIC_TITLE = 'dynamicTitle',
+  ANIMATION_ENABLE = 'animationEnable',
+  LAYOUT = 'layout',
+  DARK = 'dark',
 
-	LAYOUT_SETTING = 'layout-setting'
+  LAYOUT_SETTING = 'layout-setting'
 }

src/enums/layout/LayoutEnum.ts

@@ -1,4 +1,4 @@
 export enum ThemeEnum {
-	DARK = 'theme-dark',
-	LIGHT = 'theme-light'
+  DARK = 'theme-dark',
+  LIGHT = 'theme-light'
 }

src/lang/en.ts

@@ -1,25 +1,25 @@
 export default {
-	// 路由国际化
-	route: {
-		dashboard: 'Dashboard',
-		document: 'Document'
-	},
-	// 登录页面国际化
-	login: {
-		title: 'vue3-element-admin',
-		username: 'Username',
-		password: 'Password',
-		login: 'Login',
-		code: 'Verification Code',
-		copyright: '',
-		icp: '',
-		thirdPartyLogin: 'third-party login'
-	},
-	// 导航栏国际化
-	navbar: {
-		dashboard: 'Dashboard',
-		logout: 'Logout',
-		document: 'Document',
-		gitee: 'Gitee'
-	}
+  // 路由国际化
+  route: {
+    dashboard: 'Dashboard',
+    document: 'Document'
+  },
+  // 登录页面国际化
+  login: {
+    title: 'vue3-element-admin',
+    username: 'Username',
+    password: 'Password',
+    login: 'Login',
+    code: 'Verification Code',
+    copyright: '',
+    icp: '',
+    thirdPartyLogin: 'third-party login'
+  },
+  // 导航栏国际化
+  navbar: {
+    dashboard: 'Dashboard',
+    logout: 'Logout',
+    document: 'Document',
+    gitee: 'Gitee'
+  }
 };

src/lang/index.ts

@@ -6,12 +6,12 @@ import enLocale from './en';
 import zhCnLocale from './zh-cn';
 
 const messages = {
-	'zh-cn': {
-		...zhCnLocale
-	},
-	en: {
-		...enLocale
-	}
+  'zh-cn': {
+    ...zhCnLocale
+  },
+  en: {
+    ...enLocale
+  }
 };
 
 /**
@@ -20,26 +20,26 @@ const messages = {
  * @returns zh-cn|en ...
  */
 export const getLanguage = () => {
-	// 本地缓存获取
-	let language = localStorage.getItem('language');
-	if (language) {
-		return language;
-	}
-	// 浏览器使用语言
-	language = navigator.language.toLowerCase();
-	const locales = Object.keys(messages);
-	for (const locale of locales) {
-		if (language.indexOf(locale) > -1) {
-			return locale;
-		}
-	}
-	return 'zh-cn';
+  // 本地缓存获取
+  let language = localStorage.getItem('language');
+  if (language) {
+    return language;
+  }
+  // 浏览器使用语言
+  language = navigator.language.toLowerCase();
+  const locales = Object.keys(messages);
+  for (const locale of locales) {
+    if (language.indexOf(locale) > -1) {
+      return locale;
+    }
+  }
+  return 'zh-cn';
 };
 
 const i18n = createI18n({
-	legacy: false,
-	locale: getLanguage(),
-	messages: messages
+  legacy: false,
+  locale: getLanguage(),
+  messages: messages
 });
 
 export default i18n;

src/lang/zh-cn.ts

@@ -1,24 +1,24 @@
 export default {
-	// 路由国际化
-	route: {
-		dashboard: '首页',
-		document: '项目文档'
-	},
-	// 登录页面国际化
-	login: {
-		title: 'vue3-element-admin',
-		username: '用户名',
-		password: '密码',
-		login: '登 录',
-		code: '请输入验证码',
-		copyright: '',
-		icp: '',
-		thirdPartyLogin: '第三方登录'
-	},
-	navbar: {
-		dashboard: '首页',
-		logout: '注销',
-		document: '项目文档',
-		gitee: '码云'
-	}
+  // 路由国际化
+  route: {
+    dashboard: '首页',
+    document: '项目文档'
+  },
+  // 登录页面国际化
+  login: {
+    title: 'vue3-element-admin',
+    username: '用户名',
+    password: '密码',
+    login: '登 录',
+    code: '请输入验证码',
+    copyright: '',
+    icp: '',
+    thirdPartyLogin: '第三方登录'
+  },
+  navbar: {
+    dashboard: '首页',
+    logout: '注销',
+    document: '项目文档',
+    gitee: '码云'
+  }
 };

src/layout/components/AppMain.vue

@@ -1,6 +1,19 @@
+<template>
+  <section class="app-main">
+    <router-view v-slot="{ Component, route }">
+      <transition :enter-active-class="animante" mode="out-in">
+        <keep-alive :include="tagsViewStore.cachedViews">
+          <component v-if="!route.meta.link" :is="Component" :key="route.path" />
+        </keep-alive>
+      </transition>
+    </router-view>
+    <iframe-toggle />
+  </section>
+</template>
+
 <script lang="ts">
 export default {
-  name: 'AppMin'
+    name: 'AppMin'
 }
 </script>
 
@@ -16,28 +29,15 @@ const tagsViewStore = useTagsViewStore();
 const animante = ref<string>('');
 const animationEnable = ref(useSettingsStore().animationEnable);
 watch(()=> useSettingsStore().animationEnable, (val) => {
-  animationEnable.value = val;
-  if (val) {
-    animante.value = proxy?.animate.animateList[Math.round(Math.random() * proxy?.animate.animateList.length)] as string;
-  } else {
-    animante.value = proxy?.animate.defaultAnimate as string;
-  }
+    animationEnable.value = val;
+    if (val) {
+        animante.value = proxy?.animate.animateList[Math.round(Math.random() * proxy?.animate.animateList.length)] as string;
+    } else {
+        animante.value = proxy?.animate.defaultAnimate as string;
+    }
 }, { immediate: true });
 </script>
 
-<template>
-	<section class="app-main">
-		<router-view v-slot="{ Component, route }">
-			<transition :enter-active-class="animante" mode="out-in">
-				<keep-alive :include="tagsViewStore.cachedViews">
-					<component v-if="!route.meta.link" :is="Component" :key="route.path" />
-				</keep-alive>
-			</transition>
-		</router-view>
-		<iframe-toggle />
-	</section>
-</template>
-
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */

src/layout/components/IframeToggle/index.vue

@@ -7,13 +7,13 @@ const tagsViewStore = useTagsViewStore()
 </script>
 
 <template>
-	<transition-group name="fade-transform" mode="out-in">
-		<inner-link
-			v-for="(item, index) in tagsViewStore.iframeViews"
-			:key="item.path"
-			:iframeId="'iframe' + index"
-			v-show="route.path === item.path"
-			:src="item.meta ? item.meta.link : ''"
-		></inner-link>
-	</transition-group>
+  <transition-group name="fade-transform" mode="out-in">
+    <inner-link
+      v-for="(item, index) in tagsViewStore.iframeViews"
+      :key="item.path"
+      :iframeId="'iframe' + index"
+      v-show="route.path === item.path"
+      :src="item.meta ? item.meta.link : ''"
+    ></inner-link>
+  </transition-group>
 </template>

src/layout/components/InnerLink/index.vue

@@ -1,18 +1,18 @@
+<template>
+  <div :style="'height:' + height">
+    <iframe :id="iframeId" style="width: 100%; height: 100%" :src="src" frameborder="no"></iframe>
+  </div>
+</template>
+
 <script setup lang="ts">
 const props = defineProps({
-  src: {
-    type: String,
-    default: "/"
-  },
-  iframeId: {
-    type: String
-  }
+    src: {
+        type: String,
+        default: "/"
+    },
+    iframeId: {
+        type: String
+    }
 });
 const height = ref(document.documentElement.clientHeight - 94.5 + "px");
-</script>
-
-<template>
-	<div :style="'height:' + height">
-		<iframe :id="iframeId" style="width: 100%; height: 100%" :src="src" frameborder="no"></iframe>
-	</div>
-</template>
+</script>

src/layout/components/Navbar.vue

@@ -1,3 +1,68 @@
+<template>
+  <div class="navbar">
+    <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!settingsStore.topNav" />
+    <top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
+
+    <div class="right-menu flex align-center">
+      <template v-if="appStore.device !== 'mobile'">
+        <el-select
+          v-model="companyName"
+          clearable
+          filterable
+          reserve-keyword
+          placeholder="请选择租户"
+          v-if="userId === 1 && tenantEnabled"
+          @change="dynamicTenantEvent"
+          @clear="dynamicClearEvent"
+        >
+          <el-option v-for="item in tenantList" :key="item.tenantId" :label="item.companyName" :value="item.tenantId"> </el-option>
+          <template #prefix><svg-icon icon-class="company" class="el-input__icon input-icon" /></template>
+        </el-select>
+
+        <header-search id="header-search" class="right-menu-item" />
+
+        <el-tooltip content="源码地址" effect="dark" placement="bottom">
+          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
+        </el-tooltip>
+
+        <el-tooltip content="文档地址" effect="dark" placement="bottom">
+          <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
+        </el-tooltip>
+
+        <el-tooltip content="全屏" effect="dark" placement="bottom">
+          <screenfull id="screenfull" class="right-menu-item hover-effect" />
+        </el-tooltip>
+
+        <el-tooltip content="布局大小" effect="dark" placement="bottom">
+          <size-select id="size-select" class="right-menu-item hover-effect" />
+        </el-tooltip>
+      </template>
+      <div class="avatar-container">
+        <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
+          <div class="avatar-wrapper">
+            <img :src="userStore.avatar" class="user-avatar" />
+            <el-icon><caret-bottom /></el-icon>
+          </div>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <router-link to="/user/profile" v-if="!dynamic">
+                <el-dropdown-item>个人中心</el-dropdown-item>
+              </router-link>
+              <el-dropdown-item command="setLayout">
+                <span>布局设置</span>
+              </el-dropdown-item>
+              <el-dropdown-item divided command="logout">
+                <span>退出登录</span>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </div>
+    </div>
+  </div>
+</template>
+
 <script setup lang="ts">
 import useAppStore from '@/store/modules/app'
 import useUserStore from '@/store/modules/user'
@@ -23,130 +88,65 @@ const tenantEnabled = ref(true);
 
 // 动态切换
 const dynamicTenantEvent = async (tenantId: string) => {
-  if (companyName.value != null && companyName.value !== '') {
-    await dynamicTenant(tenantId);
-    dynamic.value = true;
-    proxy?.$tab.closeAllPage();
-    proxy?.$router.push('/');
-  }
+    if (companyName.value != null && companyName.value !== '') {
+        await dynamicTenant(tenantId);
+        dynamic.value = true;
+        proxy?.$tab.closeAllPage();
+        proxy?.$router.push('/');
+    }
 }
 
 const dynamicClearEvent = async () => {
-  await dynamicClear();
-  dynamic.value = false;
-  proxy?.$tab.closeAllPage();
-  proxy?.$router.push('/')
+    await dynamicClear();
+    dynamic.value = false;
+    proxy?.$tab.closeAllPage();
+    proxy?.$router.push('/')
 }
 
 /** 租户列表 */
 const initTenantList = async () => {
-  const { data } = await getTenantList();
-  tenantEnabled.value = data.tenantEnabled === undefined ? true : data.tenantEnabled;
-  if (tenantEnabled.value) {
-      tenantList.value = data.voList;
-  }
+    const { data } = await getTenantList();
+    tenantEnabled.value = data.tenantEnabled === undefined ? true : data.tenantEnabled;
+    if (tenantEnabled.value) {
+        tenantList.value = data.voList;
+    }
 }
 
 defineExpose({
-  initTenantList,
+    initTenantList,
 })
 
 const toggleSideBar = () => {
-  appStore.toggleSideBar()
+    appStore.toggleSideBar()
 }
 
 const logout = async () => {
-  await ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning'
-  })
-  await userStore.logout()
-  location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index';
+    await ElMessageBox.confirm('确定注销并退出系统吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+    })
+    await userStore.logout()
+    location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index';
 }
 
 const emits = defineEmits(['setLayout'])
 const setLayout = () => {
-  emits('setLayout');
+    emits('setLayout');
 }
 // 定义Command方法对象 通过key直接调用方法
 const commandMap: {[key: string]: any} = {
-  setLayout,
-  logout
+    setLayout,
+    logout
 };
 const handleCommand = (command: string) => {
-  // 判断是否存在该方法
-  if (commandMap[command]) {
-    commandMap[command]();
-  }
+    // 判断是否存在该方法
+    if (commandMap[command]) {
+        commandMap[command]();
+    }
 }
 </script>
 
-<template>
-	<div class="navbar">
-		<hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-		<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!settingsStore.topNav" />
-		<top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
-
-		<div class="right-menu flex align-center">
-			<template v-if="appStore.device !== 'mobile'">
-				<el-select
-					v-model="companyName"
-					clearable
-					filterable
-					reserve-keyword
-					placeholder="请选择租户"
-					v-if="userId === 1 && tenantEnabled"
-					@change="dynamicTenantEvent"
-					@clear="dynamicClearEvent"
-				>
-					<el-option v-for="item in tenantList" :key="item.tenantId" :label="item.companyName" :value="item.tenantId"> </el-option>
-					<template #prefix><svg-icon icon-class="company" class="el-input__icon input-icon" /></template>
-				</el-select>
-
-				<header-search id="header-search" class="right-menu-item" />
-
-				<el-tooltip content="源码地址" effect="dark" placement="bottom">
-					<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
-				</el-tooltip>
-
-				<el-tooltip content="文档地址" effect="dark" placement="bottom">
-					<ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-				</el-tooltip>
-
-				<el-tooltip content="全屏" effect="dark" placement="bottom">
-					<screenfull id="screenfull" class="right-menu-item hover-effect" />
-				</el-tooltip>
-
-				<el-tooltip content="布局大小" effect="dark" placement="bottom">
-					<size-select id="size-select" class="right-menu-item hover-effect" />
-				</el-tooltip>
-			</template>
-			<div class="avatar-container">
-				<el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
-					<div class="avatar-wrapper">
-						<img :src="userStore.avatar" class="user-avatar" />
-						<el-icon><caret-bottom /></el-icon>
-					</div>
-					<template #dropdown>
-						<el-dropdown-menu>
-							<router-link to="/user/profile" v-if="!dynamic">
-								<el-dropdown-item>个人中心</el-dropdown-item>
-							</router-link>
-							<el-dropdown-item command="setLayout">
-								<span>布局设置</span>
-							</el-dropdown-item>
-							<el-dropdown-item divided command="logout">
-								<span>退出登录</span>
-							</el-dropdown-item>
-						</el-dropdown-menu>
-					</template>
-				</el-dropdown>
-			</div>
-		</div>
-	</div>
-</template>
-
 <style lang="scss" scoped>
 
 :deep(.el-select .el-input__wrapper) {

src/layout/components/Settings/index.vue

@@ -101,86 +101,86 @@ defineExpose({
 </script>
 
 <template>
-	<el-drawer v-model="showSettings" :withHeader="false" direction="rtl" size="300px" close-on-click-modal>
-		<div class="setting-drawer-title">
-			<h3 class="drawer-title">主题风格设置</h3>
-		</div>
-		<div class="setting-drawer-block-checbox">
-			<div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-dark')">
-				<img src="@/assets/images/dark.svg" alt="dark" />
-				<div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
-					<i aria-label="图标: check" class="anticon anticon-check">
-						<svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
-							<path
-								d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
-							/>
-						</svg>
-					</i>
-				</div>
-			</div>
-			<div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-light')">
-				<img src="@/assets/images/light.svg" alt="light" />
-				<div v-if="sideTheme === 'theme-light'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
-					<i aria-label="图标: check" class="anticon anticon-check">
-						<svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
-							<path
-								d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
-							/>
-						</svg>
-					</i>
-				</div>
-			</div>
-		</div>
-		<div class="drawer-item">
-			<span>主题颜色</span>
-			<span class="comp-style">
-				<el-color-picker v-model="theme" :predefine="predefineColors" @change="themeChange" />
-			</span>
-		</div>
-		<el-divider />
+  <el-drawer v-model="showSettings" :withHeader="false" direction="rtl" size="300px" close-on-click-modal>
+    <div class="setting-drawer-title">
+      <h3 class="drawer-title">主题风格设置</h3>
+    </div>
+    <div class="setting-drawer-block-checbox">
+      <div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-dark')">
+        <img src="@/assets/images/dark.svg" alt="dark" />
+        <div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
+          <i aria-label="图标: check" class="anticon anticon-check">
+            <svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
+              <path
+                d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
+              />
+            </svg>
+          </i>
+        </div>
+      </div>
+      <div class="setting-drawer-block-checbox-item" @click="handleTheme('theme-light')">
+        <img src="@/assets/images/light.svg" alt="light" />
+        <div v-if="sideTheme === 'theme-light'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
+          <i aria-label="图标: check" class="anticon anticon-check">
+            <svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" focusable="false" class>
+              <path
+                d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
+              />
+            </svg>
+          </i>
+        </div>
+      </div>
+    </div>
+    <div class="drawer-item">
+      <span>主题颜色</span>
+      <span class="comp-style">
+        <el-color-picker v-model="theme" :predefine="predefineColors" @change="themeChange" />
+      </span>
+    </div>
+    <el-divider />
 
-		<h3 class="drawer-title">系统布局配置</h3>
+    <h3 class="drawer-title">系统布局配置</h3>
 
-		<div class="drawer-item">
-			<span>开启 TopNav</span>
-			<span class="comp-style">
-				<el-switch v-model="topNav" class="drawer-switch" />
-			</span>
-		</div>
+    <div class="drawer-item">
+      <span>开启 TopNav</span>
+      <span class="comp-style">
+        <el-switch v-model="topNav" class="drawer-switch" />
+      </span>
+    </div>
 
-		<div class="drawer-item">
-			<span>开启 Tags-Views</span>
-			<span class="comp-style">
-				<el-switch v-model="tagsView" class="drawer-switch" />
-			</span>
-		</div>
+    <div class="drawer-item">
+      <span>开启 Tags-Views</span>
+      <span class="comp-style">
+        <el-switch v-model="tagsView" class="drawer-switch" />
+      </span>
+    </div>
 
-		<div class="drawer-item">
-			<span>固定 Header</span>
-			<span class="comp-style">
-				<el-switch v-model="fixedHeader" class="drawer-switch" />
-			</span>
-		</div>
+    <div class="drawer-item">
+      <span>固定 Header</span>
+      <span class="comp-style">
+        <el-switch v-model="fixedHeader" class="drawer-switch" />
+      </span>
+    </div>
 
-		<div class="drawer-item">
-			<span>显示 Logo</span>
-			<span class="comp-style">
-				<el-switch v-model="sidebarLogo" class="drawer-switch" />
-			</span>
-		</div>
+    <div class="drawer-item">
+      <span>显示 Logo</span>
+      <span class="comp-style">
+        <el-switch v-model="sidebarLogo" class="drawer-switch" />
+      </span>
+    </div>
 
-		<div class="drawer-item">
-			<span>动态标题</span>
-			<span class="comp-style">
-				<el-switch v-model="dynamicTitle" class="drawer-switch" />
-			</span>
-		</div>
+    <div class="drawer-item">
+      <span>动态标题</span>
+      <span class="comp-style">
+        <el-switch v-model="dynamicTitle" class="drawer-switch" />
+      </span>
+    </div>
 
-		<el-divider />
+    <el-divider />
 
-		<el-button type="primary" plain icon="DocumentAdd" @click="saveSetting">保存配置</el-button>
-		<el-button plain icon="Refresh" @click="resetSetting">重置配置</el-button>
-	</el-drawer>
+    <el-button type="primary" plain icon="DocumentAdd" @click="saveSetting">保存配置</el-button>
+    <el-button plain icon="Refresh" @click="resetSetting">重置配置</el-button>
+  </el-drawer>
 </template>
 
 <style lang="scss" scoped>

src/layout/components/Sidebar/Link.vue

@@ -34,7 +34,7 @@ function linkProps() {
 </script>
 
 <template>
-	<component :is="type" v-bind="linkProps()">
-		<slot />
-	</component>
+  <component :is="type" v-bind="linkProps()">
+    <slot />
+  </component>
 </template>

src/layout/components/Sidebar/Logo.vue

@@ -18,26 +18,26 @@ const sideTheme = computed(() => settingsStore.sideTheme);
 </script>
 
 <template>
-	<div
-		class="sidebar-logo-container"
-		:class="{ 'collapse': collapse }"
-		:style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }"
-	>
-		<transition :enter-active-class="proxy?.animate.logoAnimate.enter" mode="out-in">
-			<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-				<img v-if="logo" :src="logo" class="sidebar-logo" />
-				<h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
-					{{ title }}
-				</h1>
-			</router-link>
-			<router-link v-else key="expand" class="sidebar-logo-link" to="/">
-				<img v-if="logo" :src="logo" class="sidebar-logo" />
-				<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
-					{{ title }}
-				</h1>
-			</router-link>
-		</transition>
-	</div>
+  <div
+    class="sidebar-logo-container"
+    :class="{ 'collapse': collapse }"
+    :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }"
+  >
+    <transition :enter-active-class="proxy?.animate.logoAnimate.enter" mode="out-in">
+      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo" />
+        <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
+          {{ title }}
+        </h1>
+      </router-link>
+      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo" />
+        <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
+          {{ title }}
+        </h1>
+      </router-link>
+    </transition>
+  </div>
 </template>
 
 <style lang="scss" scoped>

src/layout/components/Sidebar/SidebarItem.vue

@@ -1,3 +1,34 @@
+<template>
+  <div v-if="!item.hidden">
+    <template v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow">
+      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)">
+        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{ 'submenu-title-noDropdown': !isNest }">
+          <svg-icon :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" />
+          <template #title>
+            <span class="menu-title" :title="hasTitle(onlyOneChild.meta.title)">{{ onlyOneChild.meta.title }}</span>
+          </template>
+        </el-menu-item>
+      </app-link>
+    </template>
+
+    <el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)" teleported>
+      <template v-if="item.meta" #title>
+        <svg-icon :icon-class="item.meta ? item.meta.icon : '' " />
+        <span class="menu-title" :title="hasTitle(item.meta?.title)">{{ item.meta?.title }}</span>
+      </template>
+
+      <sidebar-item
+        v-for="child in item.children"
+        :key="child.path"
+        :is-nest="true"
+        :item="child as RouteOption"
+        :base-path="resolvePath(child.path)"
+        class="nest-menu"
+      />
+    </el-sub-menu>
+  </div>
+</template>
+
 <script setup lang="ts">
 import { isExternal } from '@/utils/validate'
 import AppLink from './Link.vue'
@@ -6,100 +37,69 @@ import { RouteOption } from "vue-router";
 import { PropType } from "vue";
 
 const props = defineProps({
-  // route object
-  item: {
-    type: Object as PropType<RouteOption>,
-    required: true
-  },
-  isNest: {
-    type: Boolean,
-    default: false
-  },
-  basePath: {
-    type: String,
-    default: ''
-  }
+    // route object
+    item: {
+        type: Object as PropType<RouteOption>,
+        required: true
+    },
+    isNest: {
+        type: Boolean,
+        default: false
+    },
+    basePath: {
+        type: String,
+        default: ''
+    }
 })
 
 const onlyOneChild = ref<any>({});
 
 const hasOneShowingChild = (children:RouteOption[] = [], parent: RouteOption) => {
-  if (!children) {
-    children = [];
-  }
-  const showingChildren = children.filter(item => {
-    if (item.hidden) {
-      return false
-    } else {
-      // Temp set(will be used if only has one showing child)
-      onlyOneChild.value = item
-      return true
+    if (!children) {
+        children = [];
     }
-  })
+    const showingChildren = children.filter(item => {
+        if (item.hidden) {
+            return false
+        } else {
+            // Temp set(will be used if only has one showing child)
+            onlyOneChild.value = item
+            return true
+        }
+    })
 
-  // When there is only one child router, the child router is displayed by default
-  if (showingChildren.length === 1) {
-    return true
-  }
+    // When there is only one child router, the child router is displayed by default
+    if (showingChildren.length === 1) {
+        return true
+    }
 
-  // Show parent if there are no child router to display
-  if (showingChildren.length === 0) {
-    onlyOneChild.value = { ...parent, path: '', noShowingChildren: true }
-    return true
-  }
+    // Show parent if there are no child router to display
+    if (showingChildren.length === 0) {
+        onlyOneChild.value = { ...parent, path: '', noShowingChildren: true }
+        return true
+    }
 
-  return false
+    return false
 };
 
 const resolvePath = (routePath:string, routeQuery?:string): any => {
-  if (isExternal(routePath)) {
-    return routePath
-  }
-  if (isExternal(props.basePath)) {
-    return props.basePath
-  }
-  if (routeQuery) {
-    let query = JSON.parse(routeQuery);
-    return { path: getNormalPath(props.basePath + '/' + routePath), query: query }
-  }
-  return getNormalPath(props.basePath + '/' + routePath)
+    if (isExternal(routePath)) {
+        return routePath
+    }
+    if (isExternal(props.basePath)) {
+        return props.basePath
+    }
+    if (routeQuery) {
+        let query = JSON.parse(routeQuery);
+        return { path: getNormalPath(props.basePath + '/' + routePath), query: query }
+    }
+    return getNormalPath(props.basePath + '/' + routePath)
 }
 
 const hasTitle = (title: string | undefined): string => {
-  if(!title || title.length <= 5) {
-    return "";
-  }
-  return title;
+    if(!title || title.length <= 5) {
+        return "";
+    }
+    return title;
 }
 </script>
-
-<template>
-	<div v-if="!item.hidden">
-		<template v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow">
-			<app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)">
-				<el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{ 'submenu-title-noDropdown': !isNest }">
-					<svg-icon :icon-class="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" />
-					<template #title>
-						<span class="menu-title" :title="hasTitle(onlyOneChild.meta.title)">{{ onlyOneChild.meta.title }}</span>
-					</template>
-				</el-menu-item>
-			</app-link>
-		</template>
-
-		<el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)" teleported>
-			<template v-if="item.meta" #title>
-				<svg-icon :icon-class="item.meta ? item.meta.icon : '' " />
-				<span class="menu-title" :title="hasTitle(item.meta?.title)">{{ item.meta?.title }}</span>
-			</template>
-
-			<sidebar-item
-				v-for="child in item.children"
-				:key="child.path"
-				:is-nest="true"
-				:item="child as RouteOption"
-				:base-path="resolvePath(child.path)"
-				class="nest-menu"
-			/>
-		</el-sub-menu>
-	</div>
-</template>

src/layout/components/Sidebar/index.vue

@@ -24,7 +24,7 @@ const activeMenu = computed(() => {
   // if set path, the sidebar will highlight the path you set
   if (meta.activeMenu) {
     return meta.activeMenu;
-	}
+  }
   return path;
 })
 
@@ -33,23 +33,23 @@ const textColor = computed(() => sideTheme.value === 'theme-dark' ? variables.me
 </script>
 
 <template>
-	<div :class="{ 'has-logo': showLogo }" :style="{ backgroundColor: bgColor }">
-		<logo v-if="showLogo" :collapse="isCollapse" />
-		<el-scrollbar :class="sideTheme" wrap-class="scrollbar-wrapper">
-			<transition :enter-active-class="proxy?.animate.menuSearchAnimate.enter" mode="out-in">
-				<el-menu
-					:default-active="activeMenu as string"
-					:collapse="isCollapse"
-					:background-color="bgColor"
-					:text-color="textColor"
-					:unique-opened="true"
-					:active-text-color="theme"
-					:collapse-transition="false"
-					mode="vertical"
-				>
-					<sidebar-item v-for="(route, index) in sidebarRouters" :key="route.path + index" :item="route" :base-path="route.path" />
-				</el-menu>
-			</transition>
-		</el-scrollbar>
-	</div>
+  <div :class="{ 'has-logo': showLogo }" :style="{ backgroundColor: bgColor }">
+    <logo v-if="showLogo" :collapse="isCollapse" />
+    <el-scrollbar :class="sideTheme" wrap-class="scrollbar-wrapper">
+      <transition :enter-active-class="proxy?.animate.menuSearchAnimate.enter" mode="out-in">
+        <el-menu
+          :default-active="activeMenu as string"
+          :collapse="isCollapse"
+          :background-color="bgColor"
+          :text-color="textColor"
+          :unique-opened="true"
+          :active-text-color="theme"
+          :collapse-transition="false"
+          mode="vertical"
+        >
+          <sidebar-item v-for="(route, index) in sidebarRouters" :key="route.path + index" :item="route" :base-path="route.path" />
+        </el-menu>
+      </transition>
+    </el-scrollbar>
+  </div>
 </template>

src/layout/components/TagsView/ScrollPane.vue

@@ -81,9 +81,9 @@ defineExpose({
 </script>
 
 <template>
-	<el-scrollbar ref="scrollContainerRef" :vertical="false" class="scroll-container" @wheel.prevent="handleScroll">
-		<slot />
-	</el-scrollbar>
+  <el-scrollbar ref="scrollContainerRef" :vertical="false" class="scroll-container" @wheel.prevent="handleScroll">
+    <slot />
+  </el-scrollbar>
 </template>
 
 <style lang="scss" scoped>

src/layout/components/TagsView/index.vue

@@ -1,3 +1,34 @@
+<template>
+  <div id="tags-view-container" class="tags-view-container">
+    <scroll-pane ref="scrollPaneRef" class="tags-view-wrapper" @scroll="handleScroll">
+      <router-link
+        v-for="tag in visitedViews"
+        :key="tag.path"
+        :data-path="tag.path"
+        :class="isActive(tag) ? 'active' : ''"
+        :to="{ path: tag.path ? tag.path : '', query: tag.query, fullPath: tag.fullPath ? tag.fullPath : '' }"
+        class="tags-view-item"
+        :style="activeStyle(tag)"
+        @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
+        @contextmenu.prevent="openMenu(tag, $event)"
+      >
+        {{ tag.title }}
+        <span v-if="!isAffix(tag)" @click.prevent.stop="closeSelectedTag(tag)">
+          <close class="el-icon-close" style="width: 1em; height: 1em;vertical-align: middle;" />
+        </span>
+      </router-link>
+    </scroll-pane>
+    <ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
+      <li @click="refreshSelectedTag(selectedTag)"><refresh-right style="width: 1em; height: 1em;" /> 刷新页面</li>
+      <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)"><close style="width: 1em; height: 1em;" /> 关闭当前</li>
+      <li @click="closeOthersTags"><circle-close style="width: 1em; height: 1em;" /> 关闭其他</li>
+      <li v-if="!isFirstView()" @click="closeLeftTags"><back style="width: 1em; height: 1em;" /> 关闭左侧</li>
+      <li v-if="!isLastView()" @click="closeRightTags"><right style="width: 1em; height: 1em;" /> 关闭右侧</li>
+      <li @click="closeAllTags(selectedTag)"><circle-close style="width: 1em; height: 1em;" /> 全部关闭</li>
+    </ul>
+  </div>
+</template>
+
 <script setup lang="ts">
 import ScrollPane from './ScrollPane.vue'
 import { getNormalPath } from '@/utils/ruoyi'
@@ -23,216 +54,185 @@ const routes = computed(() => usePermissionStore().routes);
 const theme = computed(() => useSettingsStore().theme);
 
 watch(route, () => {
-  addTags();
-  moveToCurrentTag();
+    addTags();
+    moveToCurrentTag();
 })
 watch(visible, (value) => {
-  if (value) {
-    document.body.addEventListener('click', closeMenu);
-  } else {
-    document.body.removeEventListener('click', closeMenu);
-  }
+    if (value) {
+        document.body.addEventListener('click', closeMenu);
+    } else {
+        document.body.removeEventListener('click', closeMenu);
+    }
 })
 
 const isActive = (r: TagView): boolean => {
-  return r.path === route.path;
+    return r.path === route.path;
 }
 const activeStyle = (tag: TagView) => {
-  if (!isActive(tag)) return {};
-  return {
-    "background-color": theme.value,
-    "border-color": theme.value
-  };
+    if (!isActive(tag)) return {};
+    return {
+        "background-color": theme.value,
+        "border-color": theme.value
+    };
 }
 const isAffix = (tag: TagView) => {
-  return tag.meta && tag.meta.affix;
+    return tag.meta && tag.meta.affix;
 }
 const isFirstView = () => {
-  try {
-    return selectedTag.value.fullPath === '/index' || selectedTag.value.fullPath === visitedViews.value[1].fullPath;
-  } catch (err) {
-    return false;
-  }
+    try {
+        return selectedTag.value.fullPath === '/index' || selectedTag.value.fullPath === visitedViews.value[1].fullPath;
+    } catch (err) {
+        return false;
+    }
 }
 const isLastView = () => {
-  try {
-    return selectedTag.value.fullPath === visitedViews.value[visitedViews.value.length - 1].fullPath;
-  } catch (err) {
-    return false;
-  }
+    try {
+        return selectedTag.value.fullPath === visitedViews.value[visitedViews.value.length - 1].fullPath;
+    } catch (err) {
+        return false;
+    }
 }
 const filterAffixTags = (routes:RouteOption [], basePath = '') => {
-  let tags:TagView[] = []
-  routes.forEach(route => {
-    if (route.meta && route.meta.affix) {
-      const tagPath = getNormalPath(basePath + '/' + route.path);
-      tags.push({
-        fullPath: tagPath,
-        path: tagPath,
-        name: route.name,
-        meta: { ...route.meta }
-      })
-    }
-    if (route.children) {
-      const tempTags = filterAffixTags(route.children, route.path);
-      if (tempTags.length >= 1) {
-        tags = [...tags, ...tempTags];
-      }
-    }
-  })
-  return tags
+    let tags:TagView[] = []
+    routes.forEach(route => {
+        if (route.meta && route.meta.affix) {
+            const tagPath = getNormalPath(basePath + '/' + route.path);
+            tags.push({
+                fullPath: tagPath,
+                path: tagPath,
+                name: route.name,
+                meta: { ...route.meta }
+            })
+        }
+        if (route.children) {
+            const tempTags = filterAffixTags(route.children, route.path);
+            if (tempTags.length >= 1) {
+                tags = [...tags, ...tempTags];
+            }
+        }
+    })
+    return tags
 }
 const initTags = () => {
-  const res = filterAffixTags(routes.value);
-  affixTags.value = res;
-  for (const tag of res) {
-    // Must have tag name
-    if (tag.name) {
-      useTagsViewStore().addVisitedView(tag);
+    const res = filterAffixTags(routes.value);
+    affixTags.value = res;
+    for (const tag of res) {
+        // Must have tag name
+        if (tag.name) {
+            useTagsViewStore().addVisitedView(tag);
+        }
     }
-  }
 }
 const addTags = () => {
-  const { name } = route;
-  if (name) {
-    useTagsViewStore().addView(route);
-    if (route.meta.link) {
-      useTagsViewStore().addIframeView(route);
+    const { name } = route;
+    if (name) {
+        useTagsViewStore().addView(route);
+        if (route.meta.link) {
+            useTagsViewStore().addIframeView(route);
+        }
     }
-  }
-  return false
+    return false
 }
 const moveToCurrentTag = () => {
-  nextTick(() => {
-    for (const r of visitedViews.value) {
-      if (r.path === route.path) {
-        scrollPaneRef.value.moveToTarget(r);
-        // when query is different then update
-        if (r.fullPath !== route.fullPath) {
-          useTagsViewStore().updateVisitedView(route);
+    nextTick(() => {
+        for (const r of visitedViews.value) {
+            if (r.path === route.path) {
+                scrollPaneRef.value.moveToTarget(r);
+                // when query is different then update
+                if (r.fullPath !== route.fullPath) {
+                    useTagsViewStore().updateVisitedView(route);
+                }
+            }
         }
-      }
-    }
-  })
+    })
 }
 const refreshSelectedTag = (view: TagView) => {
-  proxy?.$tab.refreshPage(view);
-  if (route.meta.link) {
-    useTagsViewStore().delIframeView(route);
-  }
+    proxy?.$tab.refreshPage(view);
+    if (route.meta.link) {
+        useTagsViewStore().delIframeView(route);
+    }
 }
 const closeSelectedTag = (view: TagView) => {
-  proxy?.$tab.closePage(view).then(({ visitedViews }: any) => {
-    if (isActive(view)) {
-      toLastView(visitedViews, view);
-    }
-  })
+    proxy?.$tab.closePage(view).then(({ visitedViews }: any) => {
+        if (isActive(view)) {
+            toLastView(visitedViews, view);
+        }
+    })
 }
 const closeRightTags = () => {
-  proxy?.$tab.closeRightPage(selectedTag.value).then(visitedViews => {
-    if (!visitedViews.find(i => i.fullPath === route.fullPath)) {
-      toLastView(visitedViews);
-    }
-  })
+    proxy?.$tab.closeRightPage(selectedTag.value).then(visitedViews => {
+        if (!visitedViews.find(i => i.fullPath === route.fullPath)) {
+            toLastView(visitedViews);
+        }
+    })
 }
 const closeLeftTags = () => {
-  proxy?.$tab.closeLeftPage(selectedTag.value).then(visitedViews => {
-    if (!visitedViews.find(i => i.fullPath === route.fullPath)) {
-      toLastView(visitedViews);
-    }
-  })
+    proxy?.$tab.closeLeftPage(selectedTag.value).then(visitedViews => {
+        if (!visitedViews.find(i => i.fullPath === route.fullPath)) {
+            toLastView(visitedViews);
+        }
+    })
 }
 const closeOthersTags = () => {
-  router.push(selectedTag.value as RouteLocationRaw).catch(() => { });
-  proxy?.$tab.closeOtherPage(selectedTag.value).then(() => {
-    moveToCurrentTag();
-  })
+    router.push(selectedTag.value as RouteLocationRaw).catch(() => { });
+    proxy?.$tab.closeOtherPage(selectedTag.value).then(() => {
+        moveToCurrentTag();
+    })
 }
 const closeAllTags = (view: TagView) => {
-  proxy?.$tab.closeAllPage().then(({ visitedViews }) => {
-    if (affixTags.value.some(tag => tag.path === route.path)) {
-      return;
-    }
-    toLastView(visitedViews, view);
-  })
+    proxy?.$tab.closeAllPage().then(({ visitedViews }) => {
+        if (affixTags.value.some(tag => tag.path === route.path)) {
+            return;
+        }
+        toLastView(visitedViews, view);
+    })
 }
 const toLastView = (visitedViews:TagView[], view?: TagView) => {
-  const latestView = visitedViews.slice(-1)[0];
-  if (latestView) {
-    router.push(latestView.fullPath as string);
-  } else {
-    // now the default is to redirect to the home page if there is no tags-view,
-    // you can adjust it according to your needs.
-    if (view?.name === 'Dashboard') {
-      // to reload home page
-      router.replace({ path: '/redirect' + view?.fullPath });
+    const latestView = visitedViews.slice(-1)[0];
+    if (latestView) {
+        router.push(latestView.fullPath as string);
     } else {
-      router.push('/');
+        // now the default is to redirect to the home page if there is no tags-view,
+        // you can adjust it according to your needs.
+        if (view?.name === 'Dashboard') {
+            // to reload home page
+            router.replace({ path: '/redirect' + view?.fullPath });
+        } else {
+            router.push('/');
+        }
     }
-  }
 }
 const openMenu = (tag: TagView, e: MouseEvent) => {
-  const menuMinWidth = 105;
-  const offsetLeft = proxy?.$el.getBoundingClientRect().left; // container margin left
-  const offsetWidth = proxy?.$el.offsetWidth; // container width
-  const maxLeft = offsetWidth - menuMinWidth; // left boundary
-  const l = e.clientX - offsetLeft + 15; // 15: margin right
+    const menuMinWidth = 105;
+    const offsetLeft = proxy?.$el.getBoundingClientRect().left; // container margin left
+    const offsetWidth = proxy?.$el.offsetWidth; // container width
+    const maxLeft = offsetWidth - menuMinWidth; // left boundary
+    const l = e.clientX - offsetLeft + 15; // 15: margin right
 
-  if (l > maxLeft) {
-    left.value = maxLeft;
-  } else {
-    left.value = l;
-  }
+    if (l > maxLeft) {
+        left.value = maxLeft;
+    } else {
+        left.value = l;
+    }
 
-  top.value = e.clientY
-  visible.value = true;
-  selectedTag.value = tag;
+    top.value = e.clientY
+    visible.value = true;
+    selectedTag.value = tag;
 }
 const closeMenu = () => {
-  visible.value = false;
+    visible.value = false;
 }
 const handleScroll = () => {
-  closeMenu();
+    closeMenu();
 }
 
 
 onMounted(() => {
-  initTags();
-  addTags();
+    initTags();
+    addTags();
 })
 </script>
 
-<template>
-	<div id="tags-view-container" class="tags-view-container">
-		<scroll-pane ref="scrollPaneRef" class="tags-view-wrapper" @scroll="handleScroll">
-			<router-link
-				v-for="tag in visitedViews"
-				:key="tag.path"
-				:data-path="tag.path"
-				:class="isActive(tag) ? 'active' : ''"
-				:to="{ path: tag.path ? tag.path : '', query: tag.query, fullPath: tag.fullPath ? tag.fullPath : '' }"
-				class="tags-view-item"
-				:style="activeStyle(tag)"
-				@click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
-				@contextmenu.prevent="openMenu(tag, $event)"
-			>
-				{{ tag.title }}
-				<span v-if="!isAffix(tag)" @click.prevent.stop="closeSelectedTag(tag)">
-					<close class="el-icon-close" style="width: 1em; height: 1em;vertical-align: middle;" />
-				</span>
-			</router-link>
-		</scroll-pane>
-		<ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
-			<li @click="refreshSelectedTag(selectedTag)"><refresh-right style="width: 1em; height: 1em;" /> 刷新页面</li>
-			<li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)"><close style="width: 1em; height: 1em;" /> 关闭当前</li>
-			<li @click="closeOthersTags"><circle-close style="width: 1em; height: 1em;" /> 关闭其他</li>
-			<li v-if="!isFirstView()" @click="closeLeftTags"><back style="width: 1em; height: 1em;" /> 关闭左侧</li>
-			<li v-if="!isLastView()" @click="closeRightTags"><right style="width: 1em; height: 1em;" /> 关闭右侧</li>
-			<li @click="closeAllTags(selectedTag)"><circle-close style="width: 1em; height: 1em;" /> 全部关闭</li>
-		</ul>
-	</div>
-</template>
-
 <style lang="scss" scoped>
 .tags-view-container {
   height: 34px;

src/layout/index.vue

@@ -52,18 +52,18 @@ const setLayout = () => {
 </script>
 
 <template>
-	<div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
-		<div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
-		<side-bar v-if="!sidebar.hide" class="sidebar-container" />
-		<div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
-			<div :class="{ 'fixed-header': fixedHeader }">
-				<navbar ref="navbarRef" @setLayout="setLayout" />
-				<tags-view v-if="needTagsView" />
-			</div>
-			<app-main />
-			<settings ref="settingRef" />
-		</div>
-	</div>
+  <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
+    <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
+    <side-bar v-if="!sidebar.hide" class="sidebar-container" />
+    <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
+      <div :class="{ 'fixed-header': fixedHeader }">
+        <navbar ref="navbarRef" @setLayout="setLayout" />
+        <tags-view v-if="needTagsView" />
+      </div>
+      <app-main />
+      <settings ref="settingRef" />
+    </div>
+  </div>
 </template>
 
 <style lang="scss" scoped>

src/permission.ts

@@ -13,49 +13,49 @@ NProgress.configure({ showSpinner: false });
 const whiteList = ['/login', '/register'];
 
 router.beforeEach(async (to, from, next) => {
-	NProgress.start();
-	if (getToken()) {
-		to.meta.title && useSettingsStore().setTitle(to.meta.title as string);
-		/* has token*/
-		if (to.path === '/login') {
-			next({ path: '/' });
-			NProgress.done();
-		} else {
-			if (useUserStore().roles.length === 0) {
-				isRelogin.show = true;
-				// 判断当前用户是否已拉取完user_info信息
-				const [err] = await tos(useUserStore().getInfo());
-				if (err) {
-					await useUserStore().logout();
-					ElMessage.error(err);
-					next({ path: '/' });
-				} else {
-					isRelogin.show = false;
-					const accessRoutes = await usePermissionStore().generateRoutes();
-					// 根据roles权限生成可访问的路由表
-					accessRoutes.forEach((route) => {
-						if (!isHttp(route.path)) {
-							router.addRoute(route); // 动态添加可访问路由表
-						}
-					});
-					next({ ...to, replace: true }); // hack方法 确保addRoutes已完成
-				}
-			} else {
-				next();
-			}
-		}
-	} else {
-		// 没有token
-		if (whiteList.indexOf(to.path) !== -1) {
-			// 在免登录白名单，直接进入
-			next();
-		} else {
-			next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
-			NProgress.done();
-		}
-	}
+  NProgress.start();
+  if (getToken()) {
+    to.meta.title && useSettingsStore().setTitle(to.meta.title as string);
+    /* has token*/
+    if (to.path === '/login') {
+      next({ path: '/' });
+      NProgress.done();
+    } else {
+      if (useUserStore().roles.length === 0) {
+        isRelogin.show = true;
+        // 判断当前用户是否已拉取完user_info信息
+        const [err] = await tos(useUserStore().getInfo());
+        if (err) {
+          await useUserStore().logout();
+          ElMessage.error(err);
+          next({ path: '/' });
+        } else {
+          isRelogin.show = false;
+          const accessRoutes = await usePermissionStore().generateRoutes();
+          // 根据roles权限生成可访问的路由表
+          accessRoutes.forEach((route) => {
+            if (!isHttp(route.path)) {
+              router.addRoute(route); // 动态添加可访问路由表
+            }
+          });
+          next({ ...to, replace: true }); // hack方法 确保addRoutes已完成
+        }
+      } else {
+        next();
+      }
+    }
+  } else {
+    // 没有token
+    if (whiteList.indexOf(to.path) !== -1) {
+      // 在免登录白名单，直接进入
+      next();
+    } else {
+      next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
+      NProgress.done();
+    }
+  }
 });
 
 router.afterEach(() => {
-	NProgress.done();
+  NProgress.done();
 });

src/plugins/auth.ts

@@ -1,60 +1,60 @@
 import useUserStore from '@/store/modules/user';
 
 const authPermission = (permission: string): boolean => {
-	const all_permission = '*:*:*';
-	const permissions: string[] = useUserStore().permissions;
-	if (permission && permission.length > 0) {
-		return permissions.some((v) => {
-			return all_permission === v || v === permission;
-		});
-	} else {
-		return false;
-	}
+  const all_permission = '*:*:*';
+  const permissions: string[] = useUserStore().permissions;
+  if (permission && permission.length > 0) {
+    return permissions.some((v) => {
+      return all_permission === v || v === permission;
+    });
+  } else {
+    return false;
+  }
 };
 
 const authRole = (role: string): boolean => {
-	const super_admin = 'admin';
-	const roles = useUserStore().roles;
-	if (role && role.length > 0) {
-		return roles.some((v) => {
-			return super_admin === v || v === role;
-		});
-	} else {
-		return false;
-	}
+  const super_admin = 'admin';
+  const roles = useUserStore().roles;
+  if (role && role.length > 0) {
+    return roles.some((v) => {
+      return super_admin === v || v === role;
+    });
+  } else {
+    return false;
+  }
 };
 
 export default {
-	// 验证用户是否具备某权限
-	hasPermi(permission: string): boolean {
-		return authPermission(permission);
-	},
-	// 验证用户是否含有指定权限，只需包含其中一个
-	hasPermiOr(permissions: string[]): boolean {
-		return permissions.some((item) => {
-			return authPermission(item);
-		});
-	},
-	// 验证用户是否含有指定权限，必须全部拥有
-	hasPermiAnd(permissions: string[]): boolean {
-		return permissions.every((item) => {
-			return authPermission(item);
-		});
-	},
-	// 验证用户是否具备某角色
-	hasRole(role: string): boolean {
-		return authRole(role);
-	},
-	// 验证用户是否含有指定角色，只需包含其中一个
-	hasRoleOr(roles: string[]): boolean {
-		return roles.some((item) => {
-			return authRole(item);
-		});
-	},
-	// 验证用户是否含有指定角色，必须全部拥有
-	hasRoleAnd(roles: string[]): boolean {
-		return roles.every((item) => {
-			return authRole(item);
-		});
-	}
+  // 验证用户是否具备某权限
+  hasPermi(permission: string): boolean {
+    return authPermission(permission);
+  },
+  // 验证用户是否含有指定权限，只需包含其中一个
+  hasPermiOr(permissions: string[]): boolean {
+    return permissions.some((item) => {
+      return authPermission(item);
+    });
+  },
+  // 验证用户是否含有指定权限，必须全部拥有
+  hasPermiAnd(permissions: string[]): boolean {
+    return permissions.every((item) => {
+      return authPermission(item);
+    });
+  },
+  // 验证用户是否具备某角色
+  hasRole(role: string): boolean {
+    return authRole(role);
+  },
+  // 验证用户是否含有指定角色，只需包含其中一个
+  hasRoleOr(roles: string[]): boolean {
+    return roles.some((item) => {
+      return authRole(item);
+    });
+  },
+  // 验证用户是否含有指定角色，必须全部拥有
+  hasRoleAnd(roles: string[]): boolean {
+    return roles.every((item) => {
+      return authRole(item);
+    });
+  }
 };

src/plugins/cache.ts

@@ -1,77 +1,77 @@
 const sessionCache = {
-	set(key: string, value: any) {
-		if (!sessionStorage) {
-			return;
-		}
-		if (key != null && value != null) {
-			sessionStorage.setItem(key, value);
-		}
-	},
-	get(key: string) {
-		if (!sessionStorage) {
-			return null;
-		}
-		if (key == null) {
-			return null;
-		}
-		return sessionStorage.getItem(key);
-	},
-	setJSON(key: string, jsonValue: any) {
-		if (jsonValue != null) {
-			this.set(key, JSON.stringify(jsonValue));
-		}
-	},
-	getJSON(key: string) {
-		const value = this.get(key);
-		if (value != null) {
-			return JSON.parse(value);
-		}
-	},
-	remove(key: string) {
-		sessionStorage.removeItem(key);
-	}
+  set(key: string, value: any) {
+    if (!sessionStorage) {
+      return;
+    }
+    if (key != null && value != null) {
+      sessionStorage.setItem(key, value);
+    }
+  },
+  get(key: string) {
+    if (!sessionStorage) {
+      return null;
+    }
+    if (key == null) {
+      return null;
+    }
+    return sessionStorage.getItem(key);
+  },
+  setJSON(key: string, jsonValue: any) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue));
+    }
+  },
+  getJSON(key: string) {
+    const value = this.get(key);
+    if (value != null) {
+      return JSON.parse(value);
+    }
+  },
+  remove(key: string) {
+    sessionStorage.removeItem(key);
+  }
 };
 const localCache = {
-	set(key: string, value: any) {
-		if (!localStorage) {
-			return;
-		}
-		if (key != null && value != null) {
-			localStorage.setItem(key, value);
-		}
-	},
-	get(key: string) {
-		if (!localStorage) {
-			return null;
-		}
-		if (key == null) {
-			return null;
-		}
-		return localStorage.getItem(key);
-	},
-	setJSON(key: string, jsonValue: any) {
-		if (jsonValue != null) {
-			this.set(key, JSON.stringify(jsonValue));
-		}
-	},
-	getJSON(key: string) {
-		const value = this.get(key);
-		if (value != null) {
-			return JSON.parse(value);
-		}
-	},
-	remove(key: string) {
-		localStorage.removeItem(key);
-	}
+  set(key: string, value: any) {
+    if (!localStorage) {
+      return;
+    }
+    if (key != null && value != null) {
+      localStorage.setItem(key, value);
+    }
+  },
+  get(key: string) {
+    if (!localStorage) {
+      return null;
+    }
+    if (key == null) {
+      return null;
+    }
+    return localStorage.getItem(key);
+  },
+  setJSON(key: string, jsonValue: any) {
+    if (jsonValue != null) {
+      this.set(key, JSON.stringify(jsonValue));
+    }
+  },
+  getJSON(key: string) {
+    const value = this.get(key);
+    if (value != null) {
+      return JSON.parse(value);
+    }
+  },
+  remove(key: string) {
+    localStorage.removeItem(key);
+  }
 };
 
 export default {
-	/**
-	 * 会话级缓存
-	 */
-	session: sessionCache,
-	/**
-	 * 本地缓存
-	 */
-	local: localCache
+  /**
+   * 会话级缓存
+   */
+  session: sessionCache,
+  /**
+   * 本地缓存
+   */
+  local: localCache
 };

src/plugins/download.ts

@@ -8,53 +8,53 @@ import { LoadingInstance } from 'element-plus/es/components/loading/src/loading'
 const baseURL = import.meta.env.VITE_APP_BASE_API;
 let downloadLoadingInstance: LoadingInstance;
 export default {
-	async oss(ossId: string | number) {
-		const url = baseURL + '/system/oss/download/' + ossId;
-		downloadLoadingInstance = ElLoading.service({ text: '正在下载数据，请稍候', background: 'rgba(0, 0, 0, 0.7)' });
-		try {
-			const res = await axios({
-				method: 'get',
-				url: url,
-				responseType: 'blob',
-				headers: { Authorization: 'Bearer ' + getToken() }
-			});
-			const isBlob = blobValidate(res.data);
-			if (isBlob) {
-				const blob = new Blob([res.data], { type: 'application/octet-stream' });
-				FileSaver.saveAs(blob, decodeURIComponent(res.headers['download-filename'] as string));
-			} else {
-				this.printErrMsg(res.data);
-			}
-			downloadLoadingInstance.close();
-		} catch (r) {
-			console.error(r);
-			ElMessage.error('下载文件出现错误，请联系管理员！');
-			downloadLoadingInstance.close();
-		}
-	},
-	async zip(url: string, name: string) {
-		url = baseURL + url;
-		const res = await axios({
-			method: 'get',
-			url: url,
-			responseType: 'blob',
-			headers: {
-				Authorization: 'Bearer ' + getToken(),
-				datasource: localStorage.getItem('dataName')
-			}
-		});
-		const isBlob = blobValidate(res.data);
-		if (isBlob) {
-			const blob = new Blob([res.data], { type: 'application/zip' });
-			FileSaver.saveAs(blob, name);
-		} else {
-			this.printErrMsg(res.data);
-		}
-	},
-	async printErrMsg(data: any) {
-		const resText = await data.text();
-		const rspObj = JSON.parse(resText);
-		const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default'];
-		ElMessage.error(errMsg);
-	}
+  async oss(ossId: string | number) {
+    const url = baseURL + '/system/oss/download/' + ossId;
+    downloadLoadingInstance = ElLoading.service({ text: '正在下载数据，请稍候', background: 'rgba(0, 0, 0, 0.7)' });
+    try {
+      const res = await axios({
+        method: 'get',
+        url: url,
+        responseType: 'blob',
+        headers: { Authorization: 'Bearer ' + getToken() }
+      });
+      const isBlob = blobValidate(res.data);
+      if (isBlob) {
+        const blob = new Blob([res.data], { type: 'application/octet-stream' });
+        FileSaver.saveAs(blob, decodeURIComponent(res.headers['download-filename'] as string));
+      } else {
+        this.printErrMsg(res.data);
+      }
+      downloadLoadingInstance.close();
+    } catch (r) {
+      console.error(r);
+      ElMessage.error('下载文件出现错误，请联系管理员！');
+      downloadLoadingInstance.close();
+    }
+  },
+  async zip(url: string, name: string) {
+    url = baseURL + url;
+    const res = await axios({
+      method: 'get',
+      url: url,
+      responseType: 'blob',
+      headers: {
+        Authorization: 'Bearer ' + getToken(),
+        datasource: localStorage.getItem('dataName')
+      }
+    });
+    const isBlob = blobValidate(res.data);
+    if (isBlob) {
+      const blob = new Blob([res.data], { type: 'application/zip' });
+      FileSaver.saveAs(blob, name);
+    } else {
+      this.printErrMsg(res.data);
+    }
+  },
+  async printErrMsg(data: any) {
+    const resText = await data.text();
+    const rspObj = JSON.parse(resText);
+    const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default'];
+    ElMessage.error(errMsg);
+  }
 };

src/plugins/index.ts

@@ -7,18 +7,18 @@ import auth from './auth';
 import { App } from 'vue';
 
 export default function installPlugin(app: App) {
-	// 页签操作
-	app.config.globalProperties.$tab = tab;
+  // 页签操作
+  app.config.globalProperties.$tab = tab;
 
-	// 模态框对象
-	app.config.globalProperties.$modal = modal;
+  // 模态框对象
+  app.config.globalProperties.$modal = modal;
 
-	// 缓存对象
-	app.config.globalProperties.$cache = cache;
+  // 缓存对象
+  app.config.globalProperties.$cache = cache;
 
-	// 下载文件
-	app.config.globalProperties.$download = download;
+  // 下载文件
+  app.config.globalProperties.$download = download;
 
-	// 认证对象
-	app.config.globalProperties.$auth = auth;
+  // 认证对象
+  app.config.globalProperties.$auth = auth;
 }