+
+
+
+
+
diff --git a/src/constants/admin-constants.ts b/src/constants/admin-constants.ts
new file mode 100644
index 00000000..eeca5ec2
--- /dev/null
+++ b/src/constants/admin-constants.ts
@@ -0,0 +1,5 @@
+/**管理员-系统指定角色KEY */
+export const ADMIN_ROLE_KEY = 'admin';
+
+/**管理员-系统指定权限 */
+export const ADMIN_PERMISSION = '*:*:*';
diff --git a/src/constants/app-constants.ts b/src/constants/app-constants.ts
new file mode 100644
index 00000000..cea6637a
--- /dev/null
+++ b/src/constants/app-constants.ts
@@ -0,0 +1,5 @@
+/**应用-请求头-系统标识 */
+export const APP_REQUEST_HEADER_CODE = 'X-App-Code';
+
+/**应用-请求头-系统版本 */
+export const APP_REQUEST_HEADER_VERSION = 'X-App-Version';
diff --git a/src/constants/cache-keys-constants.ts b/src/constants/cache-keys-constants.ts
new file mode 100644
index 00000000..22d7e9a5
--- /dev/null
+++ b/src/constants/cache-keys-constants.ts
@@ -0,0 +1,11 @@
+/**会话缓存-网络请求 */
+export const CACHE_SESSION_FATCH = 'cache:session:fatch';
+
+/**本地缓存-布局设置 */
+export const CACHE_LOCAL_PROCONFIG = 'cache:local:proConfig';
+
+/**本地缓存-主题色 */
+export const CACHE_LOCAL_PRIMARY_COLOR = 'cache:local:primaryColor';
+
+/**本地缓存-多语言 */
+export const CACHE_LOCAL_I18N = 'cache:local:i18n';
diff --git a/src/constants/menu-constants.ts b/src/constants/menu-constants.ts
new file mode 100644
index 00000000..a753ef18
--- /dev/null
+++ b/src/constants/menu-constants.ts
@@ -0,0 +1,20 @@
+/**组件布局类型-基础布局组件标识 */
+export const MENU_COMPONENT_LAYOUT_BASIC = 'BasicLayout';
+
+/**组件布局类型-空白布局组件标识 */
+export const MENU_COMPONENT_LAYOUT_BLANK = 'BlankLayout';
+
+/**组件布局类型-内链接布局组件标识 */
+export const MENU_COMPONENT_LAYOUT_LINK = 'LinkLayout';
+
+/**菜单类型-目录 */
+export const MENU_TYPE_DIR = 'D';
+
+/**菜单类型-菜单 */
+export const MENU_TYPE_MENU = 'M';
+
+/**菜单类型-按钮 */
+export const MENU_TYPE_BUTTON = 'B';
+
+/**菜单内嵌地址标识-带/前缀 */
+export const MENU_PATH_INLINE = '/inline';
diff --git a/src/constants/token-constants.ts b/src/constants/token-constants.ts
new file mode 100644
index 00000000..043273ff
--- /dev/null
+++ b/src/constants/token-constants.ts
@@ -0,0 +1,11 @@
+/**令牌-数据响应字段 */
+export const TOKEN_RESPONSE_FIELD = 'access_token';
+
+/**令牌-请求头标识前缀 */
+export const TOKEN_KEY_PREFIX = 'Bearer ';
+
+/**令牌-请求头标识 */
+export const TOKEN_KEY = 'Authorization';
+
+/**令牌-存放Cookie标识 */
+export const TOKEN_COOKIE = 'AuthAntdv';
diff --git a/src/directive/index.ts b/src/directive/index.ts
new file mode 100644
index 00000000..37c3d042
--- /dev/null
+++ b/src/directive/index.ts
@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import permsDirective from './perms-directive';
+import rolesDirective from './roles-directive';
+
+export default {
+ install: (app: App) => {
+ app.directive('perms', permsDirective);
+ app.directive('roles', rolesDirective);
+ },
+};
diff --git a/src/directive/perms-directive.ts b/src/directive/perms-directive.ts
new file mode 100644
index 00000000..04a00384
--- /dev/null
+++ b/src/directive/perms-directive.ts
@@ -0,0 +1,38 @@
+import { hasPermissions, matchPermissions } from '@/plugins/auth-user';
+import { DirectiveBinding } from 'vue';
+
+/**
+ * perms-权限标识
+ *
+ * 指令值：字符串数组
+ *
+ * 指令的参数：has/math，默认has
+ *
+ * v-perms="['monitor:server:query']"
+ * 等同
+ * v-perms:has="['monitor:server:query']"
+ *
+ * v-perms:math="['style:user:query', 'style:user:edit']"
+ *
+ * @param el 指令绑定到的元素
+ * @param binding 一个对象
+ */
+export default function (el: any, binding: DirectiveBinding
+ {{ appName }}
+
+
+
+
+
+
diff --git a/src/layouts/components/RightContent.vue b/src/layouts/components/RightContent.vue
new file mode 100644
index 00000000..e0a1decd
--- /dev/null
+++ b/src/layouts/components/RightContent.vue
@@ -0,0 +1,155 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 刷新当前
+
+
+
+
+ 更多选项
+
+
+
+
+
+ 关闭当前
+ 关闭其他
+ 关闭全部
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 00000000..de1255a8
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,16 @@
+import { createApp } from 'vue';
+import store from './store';
+import App from './App.vue';
+import router from './router';
+import directive from './directive';
+import i18n from './i18n';
+import '@ant-design-vue/pro-layout/dist/style.css';
+import 'ant-design-vue/dist/antd.variable.min.css';
+
+const app = createApp(App);
+app.use(store);
+app.use(router);
+app.use(directive);
+app.use(i18n);
+
+app.mount('#app');
diff --git a/src/plugins/auth-token.ts b/src/plugins/auth-token.ts
new file mode 100644
index 00000000..2c5bd953
--- /dev/null
+++ b/src/plugins/auth-token.ts
@@ -0,0 +1,17 @@
+import Cookies from 'js-cookie';
+import { TOKEN_COOKIE } from '@/constants/token-constants';
+
+/**获取cookis中Token字符串 */
+export function getToken(): string {
+ return Cookies.get(TOKEN_COOKIE) || '';
+}
+
+/**设置cookis中Token字符串 */
+export function setToken(token: string): void {
+ Cookies.set(TOKEN_COOKIE, token);
+}
+
+/**移除cookis中Token字符串 */
+export function removeToken(): void {
+ Cookies.remove(TOKEN_COOKIE);
+}
diff --git a/src/plugins/auth-user.ts b/src/plugins/auth-user.ts
new file mode 100644
index 00000000..f736c6d3
--- /dev/null
+++ b/src/plugins/auth-user.ts
@@ -0,0 +1,54 @@
+import { ADMIN_PERMISSION, ADMIN_ROLE_KEY } from '@/constants/admin-constants';
+import useUserStore from '@/store/modules/user';
+
+/**
+ * 只需含有其中权限
+ * @param role 权限字符数组
+ * @returns true | false
+ */
+export function hasPermissions(permissions: string[]): boolean {
+ if (!permissions || permissions.length === 0) return false;
+ const userPermissions = useUserStore().permissions;
+ if (!userPermissions || userPermissions.length === 0) return false;
+ if (userPermissions.includes(ADMIN_PERMISSION)) return true;
+ return permissions.some(p => userPermissions.some(up => up === p));
+}
+
+/**
+ * 同时匹配其中权限
+ * @param role 权限字符数组
+ * @returns true | false
+ */
+export function matchPermissions(permissions: string[]): boolean {
+ if (!permissions || permissions.length === 0) return false;
+ const userPermissions = useUserStore().permissions;
+ if (!userPermissions || userPermissions.length === 0) return false;
+ if (userPermissions.includes(ADMIN_PERMISSION)) return true;
+ return permissions.every(p => userPermissions.some(up => up === p));
+}
+
+/**
+ * 只需含有其中角色
+ * @param role 角色字符数组
+ * @returns true | false
+ */
+export function hasRoles(roles: string[]): boolean {
+ if (!roles || roles.length === 0) return false;
+ const userRoles = useUserStore().roles;
+ if (!userRoles || userRoles.length === 0) return false;
+ if (userRoles.includes(ADMIN_ROLE_KEY)) return true;
+ return roles.some(r => userRoles.some(ur => ur === r));
+}
+
+/**
+ * 同时匹配其中角色
+ * @param role 角色字符数组
+ * @returns true | false
+ */
+export function matchRoles(roles: string[]): boolean {
+ if (!roles || roles.length === 0) return false;
+ const userRoles = useUserStore().roles;
+ if (!userRoles || userRoles.length === 0) return false;
+ if (userRoles.includes(ADMIN_ROLE_KEY)) return true;
+ return roles.every(r => userRoles.some(ur => ur === r));
+}
diff --git a/src/plugins/http-fetch.ts b/src/plugins/http-fetch.ts
new file mode 100644
index 00000000..24985d4d
--- /dev/null
+++ b/src/plugins/http-fetch.ts
@@ -0,0 +1,270 @@
+import { getToken, removeToken } from '@/plugins/auth-token';
+import { sessionGetJSON, sessionSetJSON } from '@/utils/cache-session-utils';
+import { TOKEN_KEY, TOKEN_KEY_PREFIX } from '@/constants/token-constants';
+import { CACHE_SESSION_FATCH } from '@/constants/cache-keys-constants';
+import {
+ APP_REQUEST_HEADER_CODE,
+ APP_REQUEST_HEADER_VERSION,
+} from '@/constants/app-constants';
+
+/**响应结果类型 */
+export type ResultType = {
+ /**响应码 */
+ code: number | 200 | 500;
+ /**信息 */
+ msg: string;
+ /**数据 */
+ data?: any;
+ /**未知属性 */
+ [key: string]: any;
+};
+
+/**防止重复提交类型 */
+type RepeatSubmitType = {
+ /**请求地址 */
+ url: string;
+ /**请求数据 */
+ data: string;
+ /**请求时间 */
+ time: number;
+};
+
+/**请求参数类型 */
+type OptionsType = {
+ /**请求地址 */
+ url: string;
+ /**请求方法 */
+ method: 'get' | 'post' | 'put' | 'delete';
+ /**请求头 */
+ headers?: HeadersInit;
+ /**地址栏参数 */
+ params?: Record
+
+
+ No：{{ state.user.userId }}
+
+ {{ state.user.nickName }}
+
+
+ Content {{ selectedKeys }}
+
+
+ text block...
+
+
+ 跳转上一页
+ 跳转下一页
+
+
+ 路由参数联动 分页器 组件
+
+
+
+ Back Home
+
+
+
+ -
+
-
+
Resource Download +
+
-
+
-
+
设计资源 +
+
{{ blockContent }}+
{{ blockContent }}
+
+
+
+
+
diff --git a/src/views/monitor/cache/index.vue b/src/views/monitor/cache/index.vue
new file mode 100644
index 00000000..4421250d
--- /dev/null
+++ b/src/views/monitor/cache/index.vue
@@ -0,0 +1,498 @@
+
+
+
+
+
+
+
+ {{ t('common.desc') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('views.login.registerBtn') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ smsState.click
+ ? `${smsState.time} s`
+ : t('valid.codeText')
+ }}
+
+
+
+
+
+
+
+
+ {{ t('views.login.loginBtn') }}
+
+
+
+
+ {{ t('views.login.loginMethod') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('i18n') }}
+
+
+
+ 中文
+ English
+
+
+
+
+
+
+
+
+
+
+ 过滤
+
+
+ 重置
+
+
+
+
+
+
+
+ 过滤
+
+
+ 重置
+
+
+
+
+
+
+ Processor调用示例：simple
+ 定义任务处理器示例：src\modules\monitor\processor
+ 参数说明：支持预设传入参数，在处理器中进行序列化处理参数 +
+
+ + 定义任务处理器示例：src\modules\monitor\processor
+ 参数说明：支持预设传入参数，在处理器中进行序列化处理参数 +
+ 表达式示例：0/20 * * * * ?
+ 示例说明：每20秒执行任务 +
+
+ + 示例说明：每20秒执行任务 +
+
+
+
+
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
new file mode 100644
index 00000000..5b72c333
--- /dev/null
+++ b/src/views/system/config/index.vue
@@ -0,0 +1,809 @@
+
+
+
+
+
+
+
+ {{ t('common.desc') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('views.register.registerBtn') }}
+
+
+ {{ t('views.register.loginBtn') }}
+
+
+
+
+
+
+
+ 访问的路由地址，如：user、/auth
+
+ 1. 如网络地址需内部访问
则以 http(s):// 开头 +
菜单行为（根节点）：当前窗口打开 +
菜单行为（非根节点）：内嵌窗口 +
+ 2. 如网络地址需外部访问
则将内部地址选项设为否 +
菜单行为：打开新标签 +
+ 3. 如内嵌子页面需要隐藏页面
则将显示状态选项设为隐藏 +
地址拼接以内嵌路由地址 + {{ MENU_PATH_INLINE }}/子页面地址 +
+
+ + 1. 如网络地址需内部访问
则以 http(s):// 开头 +
菜单行为（根节点）：当前窗口打开 +
菜单行为（非根节点）：内嵌窗口 +
+ 2. 如网络地址需外部访问
则将内部地址选项设为否 +
菜单行为：打开新标签 +
+ 3. 如内嵌子页面需要隐藏页面
则将显示状态选项设为隐藏 +
地址拼接以内嵌路由地址 + {{ MENU_PATH_INLINE }}/子页面地址 +
+ 页面组件目录 views
+ 访问的组件路径,如：system/user/index
+ 注意：不带 .vue 文件后缀
+ 路由地址是网络地址可填入链接 +
+
+ + 访问的组件路径,如：system/user/index
+ 注意：不带 .vue 文件后缀
+ 路由地址是网络地址可填入链接 +
+ 权限标识示例：monitor:server:query
+ 后端控制器中使用权限标识，如：
+ @PreAuthorize({ hasPermissions: ['monitor:server:query'] }) +
+ 前端vue页面中使用权限标识，如：
+ v-perms:has="['monitor:server:query']" +
+
+ + 后端控制器中使用权限标识，如：
+ @PreAuthorize({ hasPermissions: ['monitor:server:query'] }) +
+ 前端vue页面中使用权限标识，如：
+ v-perms:has="['monitor:server:query']" +
+ 权限标识示例：dba
+ 控制器中使用权限标识，如：
+ @PreAuthorize({ hasRoles: ['dba'] }) +
+
+ + 控制器中使用权限标识，如：
+ @PreAuthorize({ hasRoles: ['dba'] }) +
点击选择或将文件拖入边框区域进行上传
++ 仅允许导入 + {{ props.fileExt.join('、') }} + 格式文件，上传文件大小 + {{ props.fileSize }} + MB。 +
+