+
+
+
+
+
+
+ 重置
+
+
+
diff --git a/src/components/daterange-picker/index.vue b/src/components/daterange-picker/index.vue
new file mode 100644
index 0000000..5ad8f04
--- /dev/null
+++ b/src/components/daterange-picker/index.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/dict-value/index.vue b/src/components/dict-value/index.vue
new file mode 100644
index 0000000..7d34aec
--- /dev/null
+++ b/src/components/dict-value/index.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+ {{ index != 0 ? '、' : '' }}{{ item[config.label] }}
+
+
+
+
diff --git a/src/components/editor/index.vue b/src/components/editor/index.vue
new file mode 100644
index 0000000..ae39eee
--- /dev/null
+++ b/src/components/editor/index.vue
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+
diff --git a/src/components/export-data/index.vue b/src/components/export-data/index.vue
new file mode 100644
index 0000000..b687c9d
--- /dev/null
+++ b/src/components/export-data/index.vue
@@ -0,0 +1,149 @@
+
+
+
+
+ 导出
+
+
+
+
+
diff --git a/src/components/footer-btns/index.vue b/src/components/footer-btns/index.vue
new file mode 100644
index 0000000..eb5aea2
--- /dev/null
+++ b/src/components/footer-btns/index.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
diff --git a/src/components/icon/index.ts b/src/components/icon/index.ts
new file mode 100644
index 0000000..831fcad
--- /dev/null
+++ b/src/components/icon/index.ts
@@ -0,0 +1,19 @@
+import * as ElementPlusIcons from '@element-plus/icons-vue'
+//@ts-ignore
+import localIconsName from 'virtual:svg-icons-names'
+
+export const LOCAL_ICON_PREFIX = 'local-icon-'
+export const EL_ICON_PREFIX = 'el-icon-'
+
+const elIconsName: string[] = []
+
+for (const [, component] of Object.entries(ElementPlusIcons)) {
+ elIconsName.push(`${EL_ICON_PREFIX}${component.name}`)
+}
+
+export function getElementPlusIconNames() {
+ return elIconsName
+}
+export function getLocalIconNames() {
+ return localIconsName
+}
diff --git a/src/components/icon/index.vue b/src/components/icon/index.vue
new file mode 100644
index 0000000..98dff2a
--- /dev/null
+++ b/src/components/icon/index.vue
@@ -0,0 +1,48 @@
+
diff --git a/src/components/icon/picker.vue b/src/components/icon/picker.vue
new file mode 100644
index 0000000..27fc8cd
--- /dev/null
+++ b/src/components/icon/picker.vue
@@ -0,0 +1,185 @@
+
+
+
+
+ 预计导出{{ exportData.count }}条数据， 共{{ exportData.sum_page }}页，每页{{
+ exportData.page_size
+ }}条数据
+
+
+ 每次导出最大允许{{ exportData.max_page }}页，共{{
+ exportData.all_max_size
+ }}条数据
+
+
+
+ 全部导出
+ 分页导出
+
+
+
+
+
+
+
+
+
+
+
+ 页，至
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/icon/svg-icon.vue b/src/components/icon/svg-icon.vue
new file mode 100644
index 0000000..10c6919
--- /dev/null
+++ b/src/components/icon/svg-icon.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
diff --git a/src/components/image-contain/index.vue b/src/components/image-contain/index.vue
new file mode 100644
index 0000000..e0285b9
--- /dev/null
+++ b/src/components/image-contain/index.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+ 请选择图标
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 无
+
+
+
+
+
+
+
+
+
diff --git a/src/components/material/hook.ts b/src/components/material/hook.ts
new file mode 100644
index 0000000..611453b
--- /dev/null
+++ b/src/components/material/hook.ts
@@ -0,0 +1,209 @@
+import {
+ fileCateAdd,
+ fileCateDelete,
+ fileCateEdit,
+ fileCateLists,
+ fileDelete,
+ fileList,
+ fileMove,
+ fileRename
+} from '@/api/file'
+import { usePaging } from '@/hooks/usePaging'
+import feedback from '@/utils/feedback'
+import { ElMessage, ElTree, type CheckboxValueType } from 'element-plus'
+import { shallowRef, type Ref } from 'vue'
+
+// 左侧分组的钩子函数
+export function useCate(type: number) {
+ const treeRef = shallowRef
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/material/picker.vue b/src/components/material/picker.vue
new file mode 100644
index 0000000..d015b74
--- /dev/null
+++ b/src/components/material/picker.vue
@@ -0,0 +1,303 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ ···
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 命名分组
+
+
+
+ 删除分组
+
+
+
+ 添加分组
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 本地上传
+
+
+ 本地上传
+
+
+ 删除
+
+
+
+
+ 移动
+
+
+
+
+
+ 移动文件至
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 当页全选
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ row.name }}
+
+
+
+
+
+
+
+
+
+
+ -
+
-
+
+ + ++ ++++ + +++ +重命名 ++ 查看 + +
+
+
+ 重命名
+
+
+
+
+ 查看
+
+
+
+
+ 删除
+
+
+
+
+ 暂无数据~
+
+
+
+
+ 清空
+
+
+ 已选择 {{ select.length }}
+ /{{ limit }}
+
+
+
+
+
+ -
+
-
+ ++
+ ++
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/material/preview.vue b/src/components/material/preview.vue
new file mode 100644
index 0000000..07d551f
--- /dev/null
+++ b/src/components/material/preview.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 修改
+ |
+ 查看
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/overflow-tooltip/index.vue b/src/components/overflow-tooltip/index.vue
new file mode 100644
index 0000000..57734db
--- /dev/null
+++ b/src/components/overflow-tooltip/index.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/pagination/index.vue b/src/components/pagination/index.vue
new file mode 100644
index 0000000..020d304
--- /dev/null
+++ b/src/components/pagination/index.vue
@@ -0,0 +1,50 @@
+
+
+ {{ content }}
+
+
+
+
+
+
diff --git a/src/components/popover-input/index.vue b/src/components/popover-input/index.vue
new file mode 100644
index 0000000..88ba84a
--- /dev/null
+++ b/src/components/popover-input/index.vue
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/popup/index.vue b/src/components/popup/index.vue
new file mode 100644
index 0000000..726f89f
--- /dev/null
+++ b/src/components/popup/index.vue
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
+
+
+
+
+ {{ title }}
+
+
+ {{ content }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/upload/index.vue b/src/components/upload/index.vue
new file mode 100644
index 0000000..6c09138
--- /dev/null
+++ b/src/components/upload/index.vue
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/vditor/index.vue b/src/components/vditor/index.vue
new file mode 100644
index 0000000..ec31ca9
--- /dev/null
+++ b/src/components/vditor/index.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/video-player/index.vue b/src/components/video-player/index.vue
new file mode 100644
index 0000000..8a49f31
--- /dev/null
+++ b/src/components/video-player/index.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
diff --git a/src/config/index.ts b/src/config/index.ts
new file mode 100644
index 0000000..fe39e11
--- /dev/null
+++ b/src/config/index.ts
@@ -0,0 +1,10 @@
+const config = {
+ terminal: 1, //终端
+ title: '后台管理系统', //网站默认标题
+ version: '1.5.0', //版本号
+ baseUrl: `${import.meta.env.VITE_APP_BASE_URL || ''}/`, //请求接口域名
+ urlPrefix: 'admin', //请求默认前缀
+ timeout: 10 * 1000 //请求超时时长
+}
+
+export default config
diff --git a/src/config/setting.ts b/src/config/setting.ts
new file mode 100644
index 0000000..35d62e1
--- /dev/null
+++ b/src/config/setting.ts
@@ -0,0 +1,16 @@
+const defaultSetting = {
+ showCrumb: true, // 是否显示面包屑
+ showLogo: true, // 是否显示logo
+ isUniqueOpened: false, //只展开一个一级菜单
+ sideWidth: 200, //侧边栏宽度
+ sideTheme: 'light', //侧边栏主题
+ sideDarkColor: '#1d2124', //侧边栏深色主题颜色
+ openMultipleTabs: true, // 是否开启多标签tab栏
+ theme: '#4A5DFF', //主题色
+ successTheme: '#67c23a', //成功主题色
+ warningTheme: '#e6a23c', //警告主题色
+ dangerTheme: '#f56c6c', //危险主题色
+ errorTheme: '#f56c6c', //错误主题色
+ infoTheme: '#909399' //信息主题色
+}
+export default defaultSetting
diff --git a/src/enums/appEnums.ts b/src/enums/appEnums.ts
new file mode 100644
index 0000000..90ac145
--- /dev/null
+++ b/src/enums/appEnums.ts
@@ -0,0 +1,40 @@
+//菜单主题类型
+export enum ThemeEnum {
+ LIGHT = 'light',
+ DARK = 'dark'
+}
+
+// 菜单类型
+export enum MenuEnum {
+ CATALOGUE = 'M',
+ MENU = 'C',
+ BUTTON = 'A'
+}
+
+// 屏幕
+export enum ScreenEnum {
+ SM = 640,
+ MD = 768,
+ LG = 1024,
+ XL = 1280,
+ '2XL' = 1536
+}
+
+// 客户端类型
+export enum ClientEnum {
+ MP_WEIXIN = 1, // 微信-小程序
+ OA_WEIXIN = 2, // 微信-公众号
+ H5 = 3, // H5
+ PC = 4, // PC
+ IOS = 5, //苹果
+ ANDROID = 6 //安卓
+}
+
+export const ClientMap = {
+ [ClientEnum.MP_WEIXIN]: '微信小程序',
+ [ClientEnum.OA_WEIXIN]: '微信公众号',
+ [ClientEnum.H5]: '手机H5',
+ [ClientEnum.PC]: '电脑PC',
+ [ClientEnum.IOS]: '苹果APP',
+ [ClientEnum.ANDROID]: '安卓APP'
+}
diff --git a/src/enums/cacheEnums.ts b/src/enums/cacheEnums.ts
new file mode 100644
index 0000000..45624e4
--- /dev/null
+++ b/src/enums/cacheEnums.ts
@@ -0,0 +1,8 @@
+// 本地缓冲key
+
+//token
+export const TOKEN_KEY = 'token'
+//账号
+export const ACCOUNT_KEY = 'account'
+//设置
+export const SETTING_KEY = 'setting'
diff --git a/src/enums/pageEnum.ts b/src/enums/pageEnum.ts
new file mode 100644
index 0000000..1509ff5
--- /dev/null
+++ b/src/enums/pageEnum.ts
@@ -0,0 +1,7 @@
+export enum PageEnum {
+ //登录页面
+ LOGIN = '/login',
+ //无权限页面
+ ERROR_403 = '/403',
+ INDEX = '/'
+}
diff --git a/src/enums/requestEnums.ts b/src/enums/requestEnums.ts
new file mode 100644
index 0000000..7ee2107
--- /dev/null
+++ b/src/enums/requestEnums.ts
@@ -0,0 +1,18 @@
+export enum ContentTypeEnum {
+ // json
+ JSON = 'application/json;charset=UTF-8',
+ // form-data 上传资源（图片，视频）
+ FORM_DATA = 'multipart/form-data;charset=UTF-8'
+}
+
+export enum RequestMethodsEnum {
+ GET = 'GET',
+ POST = 'POST'
+}
+
+export enum RequestCodeEnum {
+ SUCCESS = 1,
+ FAIL = 0,
+ LOGIN_FAILURE = -1,
+ OPEN_NEW_PAGE = 2
+}
diff --git a/src/hooks/useDictOptions.ts b/src/hooks/useDictOptions.ts
new file mode 100644
index 0000000..d79ec5a
--- /dev/null
+++ b/src/hooks/useDictOptions.ts
@@ -0,0 +1,67 @@
+import { getDictData } from '@/api/app'
+import { reactive, toRaw } from 'vue'
+
+interface Options {
+ [propName: string]: {
+ api: PromiseFun
+ params?: Record
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/layout/default/components/header/fold.vue b/src/layout/default/components/header/fold.vue
new file mode 100644
index 0000000..7ce9360
--- /dev/null
+++ b/src/layout/default/components/header/fold.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
diff --git a/src/layout/default/components/header/full-screen.vue b/src/layout/default/components/header/full-screen.vue
new file mode 100644
index 0000000..96cec1e
--- /dev/null
+++ b/src/layout/default/components/header/full-screen.vue
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/src/layout/default/components/header/index.vue b/src/layout/default/components/header/index.vue
new file mode 100644
index 0000000..0b1a790
--- /dev/null
+++ b/src/layout/default/components/header/index.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+ 关闭当前
+ 关闭其他
+ 关闭全部
+
+
+
+
+
+
+
+
diff --git a/src/layout/default/components/header/refresh.vue b/src/layout/default/components/header/refresh.vue
new file mode 100644
index 0000000..a55ccba
--- /dev/null
+++ b/src/layout/default/components/header/refresh.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/default/components/header/user-drop-down.vue b/src/layout/default/components/header/user-drop-down.vue
new file mode 100644
index 0000000..de11585
--- /dev/null
+++ b/src/layout/default/components/header/user-drop-down.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
+ {{ userInfo.name }}
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/default/components/setting/index.vue b/src/layout/default/components/setting/index.vue
new file mode 100644
index 0000000..d0f4957
--- /dev/null
+++ b/src/layout/default/components/setting/index.vue
@@ -0,0 +1,19 @@
+
+
+ 风格设置
+
+
+
+
+ ![]()
+
+
+ 主题颜色
+
+
+
+
+ 开启黑暗模式
+
+
+
+
+ 开启多页签栏
+
+
+
+
+ 只展开一个一级菜单
+
+
+
+
+
+ 菜单栏宽度
+
+
+
+
+ 显示LOGO
+
+
+
+
+ 显示面包屑
+
+
+
+ 重置主题
+
+
+
+
+
+
diff --git a/src/layout/default/components/sidebar/index.vue b/src/layout/default/components/sidebar/index.vue
new file mode 100644
index 0000000..28413a0
--- /dev/null
+++ b/src/layout/default/components/sidebar/index.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
diff --git a/src/layout/default/components/sidebar/logo.vue b/src/layout/default/components/sidebar/logo.vue
new file mode 100644
index 0000000..f1e8cb9
--- /dev/null
+++ b/src/layout/default/components/sidebar/logo.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/default/components/sidebar/menu-item.vue b/src/layout/default/components/sidebar/menu-item.vue
new file mode 100644
index 0000000..09b46aa
--- /dev/null
+++ b/src/layout/default/components/sidebar/menu-item.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/default/index.vue b/src/layout/default/index.vue
new file mode 100644
index 0000000..ba6eb38
--- /dev/null
+++ b/src/layout/default/index.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..bc9aa29
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,10 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+import install from "./install";
+import "./permission";
+import "./styles/index.scss";
+import "virtual:svg-icons-register";
+
+
+const app = createApp(App);
+app.use(install).mount("#app");
diff --git a/src/permission.ts b/src/permission.ts
new file mode 100644
index 0000000..decf89b
--- /dev/null
+++ b/src/permission.ts
@@ -0,0 +1,83 @@
+/**
+ * 权限控制
+ */
+
+import NProgress from 'nprogress'
+import router, { findFirstValidRoute } from './router'
+import 'nprogress/nprogress.css'
+import { isExternal } from './utils/validate'
+import useUserStore from './stores/modules/user'
+import { INDEX_ROUTE, INDEX_ROUTE_NAME } from './router/routes'
+import { PageEnum } from './enums/pageEnum'
+import useTabsStore from './stores/modules/multipleTabs'
+import { clearAuthInfo } from './utils/auth'
+import config from './config'
+
+// NProgress配置
+NProgress.configure({ showSpinner: false })
+
+const loginPath = PageEnum.LOGIN
+const defaultPath = PageEnum.INDEX
+// 免登录白名单
+const whiteList: string[] = [PageEnum.LOGIN, PageEnum.ERROR_403]
+router.beforeEach(async (to, from, next) => {
+ // 开始 Progress Bar
+ NProgress.start()
+ document.title = to.meta.title ?? config.title
+ const userStore = useUserStore()
+ const tabsStore = useTabsStore()
+ if (whiteList.includes(to.path)) {
+ // 在免登录白名单，直接进入
+ next()
+ } else if (userStore.token) {
+ // 获取用户信息
+ const hasGetUserInfo = Object.keys(userStore.userInfo).length !== 0
+ if (hasGetUserInfo) {
+ if (to.path === loginPath) {
+ next({ path: defaultPath })
+ } else {
+ next()
+ }
+ } else {
+ try {
+ await userStore.getUserInfo()
+ const routes = userStore.routes
+ // 找到第一个有效路由
+ const routeName = findFirstValidRoute(routes)
+ // 没有有效路由跳转到403页面
+ if (!routeName) {
+ clearAuthInfo()
+ next(PageEnum.ERROR_403)
+ return
+ }
+ tabsStore.setRouteName(routeName!)
+ INDEX_ROUTE.redirect = { name: routeName }
+
+ // 动态添加index路由
+ router.addRoute(INDEX_ROUTE)
+ routes.forEach((route: any) => {
+ // https 则不插入
+ if (isExternal(route.path)) {
+ return
+ }
+ if (!route.children) {
+ router.addRoute(INDEX_ROUTE_NAME, route)
+ return
+ }
+ // 动态添加可访问路由表
+ router.addRoute(route)
+ })
+ next({ ...to, replace: true })
+ } catch (err) {
+ clearAuthInfo()
+ next({ path: loginPath, query: { redirect: to.fullPath } })
+ }
+ }
+ } else {
+ next({ path: loginPath, query: { redirect: to.fullPath } })
+ }
+})
+
+router.afterEach(() => {
+ NProgress.done()
+})
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..ba004d0
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,110 @@
+import { createRouter, createWebHistory, RouterView, type RouteRecordRaw } from 'vue-router'
+import { MenuEnum } from '@/enums/appEnums'
+import { isExternal } from '@/utils/validate'
+import { constantRoutes, INDEX_ROUTE_NAME, LAYOUT } from './routes'
+import useUserStore from '@/stores/modules/user'
+
+// 匹配views里面所有的.vue文件，动态引入
+const modules = import.meta.glob('/src/views/**/*.vue')
+
+//
+export function getModulesKey() {
+ return Object.keys(modules).map((item) => item.replace('/src/views/', '').replace('.vue', ''))
+}
+
+// 过滤路由所需要的数据
+export function filterAsyncRoutes(routes: any[], firstRoute = true) {
+ return routes.map((route) => {
+ const routeRecord = createRouteRecord(route, firstRoute)
+ if (route.children != null && route.children && route.children.length) {
+ routeRecord.children = filterAsyncRoutes(route.children, false)
+ }
+ return routeRecord
+ })
+}
+
+// 创建一条路由记录
+export function createRouteRecord(route: any, firstRoute: boolean): RouteRecordRaw {
+ //@ts-ignore
+ const routeRecord: RouteRecordRaw = {
+ path: isExternal(route.paths) ? route.paths : firstRoute ? `/${route.paths}` : route.paths,
+ name: Symbol(route.paths),
+ meta: {
+ hidden: !route.is_show,
+ keepAlive: !!route.is_cache,
+ title: route.name,
+ perms: route.perms,
+ query: route.params,
+ icon: route.icon,
+ type: route.type,
+ activeMenu: route.selected
+ }
+ }
+ switch (route.type) {
+ case MenuEnum.CATALOGUE:
+ routeRecord.component = firstRoute ? LAYOUT : RouterView
+ if (!route.children) {
+ routeRecord.component = RouterView
+ }
+ break
+ case MenuEnum.MENU:
+ routeRecord.component = loadRouteView(route.component)
+ break
+ }
+ return routeRecord
+}
+
+// 动态加载组件
+export function loadRouteView(component: string) {
+ try {
+ const key = Object.keys(modules).find((key) => {
+ return key.includes(`${component}.vue`)
+ })
+ if (key) {
+ return modules[key]
+ }
+ throw Error(`找不到组件${component}，请确保组件路径正确`)
+ } catch (error) {
+ console.error(error)
+ return RouterView
+ }
+}
+
+// 找到第一个有效的路由
+export function findFirstValidRoute(routes: RouteRecordRaw[]): string | undefined {
+ for (const route of routes) {
+ if (route.meta?.type == MenuEnum.MENU && !route.meta?.hidden && !isExternal(route.path)) {
+ return route.name as string
+ }
+ if (route.children) {
+ const name = findFirstValidRoute(route.children)
+ if (name) {
+ return name
+ }
+ }
+ }
+}
+//通过权限字符查询路由路径
+export function getRoutePath(perms: string) {
+ const routerObj = useRouter() || router
+ return routerObj.getRoutes().find((item) => item.meta?.perms == perms)?.path || ''
+}
+
+// 重置路由
+export function resetRouter() {
+ router.removeRoute(INDEX_ROUTE_NAME)
+ const { routes } = useUserStore()
+ routes.forEach((route) => {
+ const name = route.name
+ if (name && router.hasRoute(name)) {
+ router.removeRoute(name)
+ }
+ })
+}
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: constantRoutes
+})
+
+export default router
diff --git a/src/router/routes.ts b/src/router/routes.ts
new file mode 100644
index 0000000..a3603cb
--- /dev/null
+++ b/src/router/routes.ts
@@ -0,0 +1,85 @@
+/**
+ * Note: 路由配置项
+ *
+ * path: '/path' // 路由路径
+ * name:'router-name' // 设定路由的名字，一定要填写不然使用
+
+
+
+
+
+
+
+
+
+
+
+{FORM_VIEW}
+
+
+
+
+
+
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
new file mode 100644
index 0000000..abc6f92
--- /dev/null
+++ b/src/utils/auth.ts
@@ -0,0 +1,18 @@
+import { TOKEN_KEY } from '@/enums/cacheEnums'
+import { resetRouter } from '@/router'
+import useTabsStore from '@/stores/modules/multipleTabs'
+import useUserStore from '@/stores/modules/user'
+import cache from './cache'
+
+export function getToken() {
+ return cache.get(TOKEN_KEY)
+}
+
+export function clearAuthInfo() {
+ const userStore = useUserStore()
+ const tabsStore = useTabsStore()
+ userStore.resetState()
+ tabsStore.resetState()
+ cache.remove(TOKEN_KEY)
+ resetRouter()
+}
diff --git a/src/utils/cache.ts b/src/utils/cache.ts
new file mode 100644
index 0000000..e16973f
--- /dev/null
+++ b/src/utils/cache.ts
@@ -0,0 +1,53 @@
+const cache = {
+ key: 'like_admin_',
+ //设置缓存(expire为缓存时效)
+ set(key: string, value: any, expire?: string) {
+ key = this.getKey(key)
+ let data: any = {
+ expire: expire ? this.time() + expire : '',
+ value
+ }
+
+ if (typeof data === 'object') {
+ data = JSON.stringify(data)
+ }
+ try {
+ window.localStorage.setItem(key, data)
+ } catch (e) {
+ return null
+ }
+ },
+ get(key: string) {
+ key = this.getKey(key)
+ try {
+ const data = window.localStorage.getItem(key)
+ if (!data) {
+ return null
+ }
+ const { value, expire } = JSON.parse(data)
+ if (expire && expire < this.time()) {
+ window.localStorage.removeItem(key)
+ return null
+ }
+ return value
+ } catch (e) {
+ return null
+ }
+ },
+ //获取当前时间
+ time() {
+ return Math.round(new Date().getTime() / 1000)
+ },
+ remove(key: string) {
+ key = this.getKey(key)
+ window.localStorage.removeItem(key)
+ },
+ clear() {
+ window.localStorage.clear()
+ },
+ getKey(key: string) {
+ return this.key + key
+ }
+}
+
+export default cache
diff --git a/src/utils/env.ts b/src/utils/env.ts
new file mode 100644
index 0000000..d8951e9
--- /dev/null
+++ b/src/utils/env.ts
@@ -0,0 +1,13 @@
+/**
+ * @description: 开发模式
+ */
+export function isDevMode(): boolean {
+ return import.meta.env.DEV
+}
+
+/**
+ * @description: 生成模式
+ */
+export function isProdMode(): boolean {
+ return import.meta.env.PROD
+}
diff --git a/src/utils/feedback.ts b/src/utils/feedback.ts
new file mode 100644
index 0000000..91672ab
--- /dev/null
+++ b/src/utils/feedback.ts
@@ -0,0 +1,95 @@
+import {
+ ElMessage,
+ ElMessageBox,
+ ElNotification,
+ ElLoading,
+ type ElMessageBoxOptions
+} from 'element-plus'
+import type { LoadingInstance } from 'element-plus/es/components/loading/src/loading'
+
+export class Feedback {
+ private loadingInstance: LoadingInstance | null = null
+ static instance: Feedback | null = null
+ static getInstance() {
+ return this.instance ?? (this.instance = new Feedback())
+ }
+ // 消息提示
+ msg(msg: string) {
+ ElMessage.info(msg)
+ }
+ // 错误消息
+ msgError(msg: string) {
+ ElMessage.error(msg)
+ }
+ // 成功消息
+ msgSuccess(msg: string) {
+ ElMessage.success(msg)
+ }
+ // 警告消息
+ msgWarning(msg: string) {
+ ElMessage.warning(msg)
+ }
+ // 弹出提示
+ alert(msg: string) {
+ ElMessageBox.alert(msg, '系统提示')
+ }
+ // 错误提示
+ alertError(msg: string) {
+ ElMessageBox.alert(msg, '系统提示', { type: 'error' })
+ }
+ // 成功提示
+ alertSuccess(msg: string) {
+ ElMessageBox.alert(msg, '系统提示', { type: 'success' })
+ }
+ // 警告提示
+ alertWarning(msg: string) {
+ ElMessageBox.alert(msg, '系统提示', { type: 'warning' })
+ }
+ // 通知提示
+ notify(msg: string) {
+ ElNotification.info(msg)
+ }
+ // 错误通知
+ notifyError(msg: string) {
+ ElNotification.error(msg)
+ }
+ // 成功通知
+ notifySuccess(msg: string) {
+ ElNotification.success(msg)
+ }
+ // 警告通知
+ notifyWarning(msg: string) {
+ ElNotification.warning(msg)
+ }
+ // 确认窗体
+ confirm(msg: string) {
+ return ElMessageBox.confirm(msg, '温馨提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
+ })
+ }
+ // 提交内容
+ prompt(content: string, title: string, options?: ElMessageBoxOptions) {
+ return ElMessageBox.prompt(content, title, {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ ...options
+ })
+ }
+ // 打开全局loading
+ loading(msg: string) {
+ this.loadingInstance = ElLoading.service({
+ lock: true,
+ text: msg
+ })
+ }
+ // 关闭全局loading
+ closeLoading() {
+ this.loadingInstance?.close()
+ }
+}
+
+const feedback = Feedback.getInstance()
+
+export default feedback
diff --git a/src/utils/request/axios.ts b/src/utils/request/axios.ts
new file mode 100644
index 0000000..65703e0
--- /dev/null
+++ b/src/utils/request/axios.ts
@@ -0,0 +1,165 @@
+import { RequestMethodsEnum } from '@/enums/requestEnums'
+import axios, {
+ AxiosError,
+ type AxiosInstance,
+ type AxiosRequestConfig,
+ type AxiosResponse
+} from 'axios'
+import { isFunction, merge, cloneDeep } from 'lodash'
+import axiosCancel from './cancel'
+import type { RequestData, RequestOptions } from './type'
+
+export class Axios {
+ private axiosInstance: AxiosInstance
+ private readonly config: AxiosRequestConfig
+ private readonly options: RequestOptions
+ constructor(config: AxiosRequestConfig) {
+ this.config = config
+ this.options = config.requestOptions
+ this.axiosInstance = axios.create(config)
+ this.setupInterceptors()
+ }
+
+ /**
+ * @description 获取axios实例
+ */
+ getAxiosInstance() {
+ return this.axiosInstance
+ }
+
+ /**
+ * @description 设置拦截器
+ */
+ setupInterceptors() {
+ if (!this.config.axiosHooks) {
+ return
+ }
+ const {
+ requestInterceptorsHook,
+ requestInterceptorsCatchHook,
+ responseInterceptorsHook,
+ responseInterceptorsCatchHook
+ } = this.config.axiosHooks
+ this.axiosInstance.interceptors.request.use(
+ (config) => {
+ this.addCancelToken(config)
+ if (isFunction(requestInterceptorsHook)) {
+ config = requestInterceptorsHook(config)
+ }
+ return config
+ },
+ (err: Error) => {
+ if (isFunction(requestInterceptorsCatchHook)) {
+ requestInterceptorsCatchHook(err)
+ }
+ return err
+ }
+ )
+ this.axiosInstance.interceptors.response.use(
+ (response: AxiosResponse