init commit

cec3f3ba · haodaking · cec3f3ba · cec3f3ba · cec3f3ba · cec3f3ba
--- a/.env
+++ b/.env
+VITE_LOGIN_URL=https://login.ezijing.com/auth/login/index
--- a/.env.dev
+++ b/.env.dev
+VITE_LOGIN_URL=https://login.ezijing.com/auth/login/index
--- a/.env.test
+++ b/.env.test
+VITE_LOGIN_URL=https://login2.ezijing.com/auth/login/index
--- a/.eslintrc-auto-import.json
+++ b/.eslintrc-auto-import.json
+{
+  "globals": {
+    "$": true,
+    "$$": true,
+    "$computed": true,
+    "$customRef": true,
+    "$ref": true,
+    "$shallowRef": true,
+    "$toRef": true,
+    "asyncComputed": true,
+    "autoResetRef": true,
+    "computed": true,
+    "computedAsync": true,
+    "computedEager": true,
+    "computedInject": true,
+    "computedWithControl": true,
+    "controlledComputed": true,
+    "controlledRef": true,
+    "createApp": true,
+    "createEventHook": true,
+    "createGlobalState": true,
+    "createInjectionState": true,
+    "createReactiveFn": true,
+    "createSharedComposable": true,
+    "createUnrefFn": true,
+    "customRef": true,
+    "debouncedRef": true,
+    "debouncedWatch": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "eagerComputed": true,
+    "effectScope": true,
+    "EffectScope": true,
+    "extendRef": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "ignorableWatch": true,
+    "inject": true,
+    "isDefined": true,
+    "isReadonly": true,
+    "isRef": true,
+    "logicAnd": true,
+    "logicNot": true,
+    "logicOr": true,
+    "makeDestructurable": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onClickOutside": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onKeyStroke": true,
+    "onLongPress": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onStartTyping": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "pausableWatch": true,
+    "provide": true,
+    "reactify": true,
+    "reactifyObject": true,
+    "reactive": true,
+    "reactiveComputed": true,
+    "reactiveOmit": true,
+    "reactivePick": true,
+    "readonly": true,
+    "ref": true,
+    "refAutoReset": true,
+    "refDebounced": true,
+    "refDefault": true,
+    "refThrottled": true,
+    "refWithControl": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "syncRef": true,
+    "syncRefs": true,
+    "templateRef": true,
+    "throttledRef": true,
+    "throttledWatch": true,
+    "toRaw": true,
+    "toReactive": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "tryOnBeforeMount": true,
+    "tryOnBeforeUnmount": true,
+    "tryOnMounted": true,
+    "tryOnScopeDispose": true,
+    "tryOnUnmounted": true,
+    "unref": true,
+    "unrefElement": true,
+    "until": true,
+    "useActiveElement": true,
+    "useAsyncQueue": true,
+    "useAsyncState": true,
+    "useAttrs": true,
+    "useBase64": true,
+    "useBattery": true,
+    "useBreakpoints": true,
+    "useBroadcastChannel": true,
+    "useBrowserLocation": true,
+    "useCached": true,
+    "useClamp": true,
+    "useClipboard": true,
+    "useColorMode": true,
+    "useConfirmDialog": true,
+    "useCounter": true,
+    "useCssModule": true,
+    "useCssVar": true,
+    "useCssVars": true,
+    "useCurrentElement": true,
+    "useCycleList": true,
+    "useDark": true,
+    "useDateFormat": true,
+    "useDebounce": true,
+    "useDebouncedRefHistory": true,
+    "useDebounceFn": true,
+    "useDeviceMotion": true,
+    "useDeviceOrientation": true,
+    "useDevicePixelRatio": true,
+    "useDevicesList": true,
+    "useDisplayMedia": true,
+    "useDocumentVisibility": true,
+    "useDraggable": true,
+    "useElementBounding": true,
+    "useElementByPoint": true,
+    "useElementHover": true,
+    "useElementSize": true,
+    "useElementVisibility": true,
+    "useEventBus": true,
+    "useEventListener": true,
+    "useEventSource": true,
+    "useEyeDropper": true,
+    "useFavicon": true,
+    "useFetch": true,
+    "useFileSystemAccess": true,
+    "useFocus": true,
+    "useFocusWithin": true,
+    "useFps": true,
+    "useFullscreen": true,
+    "useGamepad": true,
+    "useGeolocation": true,
+    "useIdle": true,
+    "useInfiniteScroll": true,
+    "useIntersectionObserver": true,
+    "useInterval": true,
+    "useIntervalFn": true,
+    "useKeyModifier": true,
+    "useLastChanged": true,
+    "useLocalStorage": true,
+    "useMagicKeys": true,
+    "useManualRefHistory": true,
+    "useMediaControls": true,
+    "useMediaQuery": true,
+    "useMemoize": true,
+    "useMemory": true,
+    "useMounted": true,
+    "useMouse": true,
+    "useMouseInElement": true,
+    "useMousePressed": true,
+    "useMutationObserver": true,
+    "useNavigatorLanguage": true,
+    "useNetwork": true,
+    "useNow": true,
+    "useOffsetPagination": true,
+    "useOnline": true,
+    "usePageLeave": true,
+    "useParallax": true,
+    "usePermission": true,
+    "usePointer": true,
+    "usePointerSwipe": true,
+    "usePreferredColorScheme": true,
+    "usePreferredDark": true,
+    "usePreferredLanguages": true,
+    "useRafFn": true,
+    "useRefHistory": true,
+    "useResizeObserver": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useScreenOrientation": true,
+    "useScreenSafeArea": true,
+    "useScriptTag": true,
+    "useScroll": true,
+    "useScrollLock": true,
+    "useSessionStorage": true,
+    "useShare": true,
+    "useSlots": true,
+    "useSpeechRecognition": true,
+    "useSpeechSynthesis": true,
+    "useStorage": true,
+    "useStorageAsync": true,
+    "useStyleTag": true,
+    "useSwipe": true,
+    "useTemplateRefsList": true,
+    "useTextSelection": true,
+    "useThrottle": true,
+    "useThrottledRefHistory": true,
+    "useThrottleFn": true,
+    "useTimeAgo": true,
+    "useTimeout": true,
+    "useTimeoutFn": true,
+    "useTimeoutPoll": true,
+    "useTimestamp": true,
+    "useTitle": true,
+    "useToggle": true,
+    "useTransition": true,
+    "useUrlSearchParams": true,
+    "useUserMedia": true,
+    "useVibrate": true,
+    "useVirtualList": true,
+    "useVModel": true,
+    "useVModels": true,
+    "useWakeLock": true,
+    "useWebNotification": true,
+    "useWebSocket": true,
+    "useWebWorker": true,
+    "useWebWorkerFn": true,
+    "useWindowFocus": true,
+    "useWindowScroll": true,
+    "useWindowSize": true,
+    "watch": true,
+    "watchAtMost": true,
+    "watchDebounced": true,
+    "watchEffect": true,
+    "watchIgnorable": true,
+    "watchOnce": true,
+    "watchPausable": true,
+    "watchThrottled": true,
+    "watchWithFilter": true,
+    "whenever": true
+  }
+}
\ No newline at end of file
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-typescript/recommended', './.eslintrc-auto-import.json'],
+  env: {
+    'vue/setup-compiler-macros': true
+  },
+  rules: {
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-explicit-any': 'off'
+  }
+}
--- a/.gitignore
+++ b/.gitignore
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
+{
+  "recommendations": ["johnsoncodehk.volar", "johnsoncodehk.vscode-typescript-vue-plugin"]
+}
--- a/README.md
+++ b/README.md
+# center-resource
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
+// Generated by 'unplugin-auto-import'
+// We suggest you to commit this file into source control
+declare global {
+  const $: typeof import('vue/macros')['$']
+  const $$: typeof import('vue/macros')['$$']
+  const $computed: typeof import('vue/macros')['$computed']
+  const $customRef: typeof import('vue/macros')['$customRef']
+  const $ref: typeof import('vue/macros')['$ref']
+  const $shallowRef: typeof import('vue/macros')['$shallowRef']
+  const $toRef: typeof import('vue/macros')['$toRef']
+  const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
+  const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
+  const computed: typeof import('vue')['computed']
+  const computedAsync: typeof import('@vueuse/core')['computedAsync']
+  const computedEager: typeof import('@vueuse/core')['computedEager']
+  const computedInject: typeof import('@vueuse/core')['computedInject']
+  const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
+  const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
+  const controlledRef: typeof import('@vueuse/core')['controlledRef']
+  const createApp: typeof import('vue')['createApp']
+  const createEventHook: typeof import('@vueuse/core')['createEventHook']
+  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
+  const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
+  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
+  const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
+  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
+  const customRef: typeof import('vue')['customRef']
+  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
+  const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
+  const effectScope: typeof import('vue')['effectScope']
+  const EffectScope: typeof import('vue')['EffectScope']
+  const extendRef: typeof import('@vueuse/core')['extendRef']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
+  const inject: typeof import('vue')['inject']
+  const isDefined: typeof import('@vueuse/core')['isDefined']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const logicAnd: typeof import('@vueuse/core')['logicAnd']
+  const logicNot: typeof import('@vueuse/core')['logicNot']
+  const logicOr: typeof import('@vueuse/core')['logicOr']
+  const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
+  const onLongPress: typeof import('@vueuse/core')['onLongPress']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
+  const provide: typeof import('vue')['provide']
+  const reactify: typeof import('@vueuse/core')['reactify']
+  const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
+  const reactive: typeof import('vue')['reactive']
+  const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
+  const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
+  const reactivePick: typeof import('@vueuse/core')['reactivePick']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
+  const refDebounced: typeof import('@vueuse/core')['refDebounced']
+  const refDefault: typeof import('@vueuse/core')['refDefault']
+  const refThrottled: typeof import('@vueuse/core')['refThrottled']
+  const refWithControl: typeof import('@vueuse/core')['refWithControl']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const syncRef: typeof import('@vueuse/core')['syncRef']
+  const syncRefs: typeof import('@vueuse/core')['syncRefs']
+  const templateRef: typeof import('@vueuse/core')['templateRef']
+  const throttledRef: typeof import('@vueuse/core')['throttledRef']
+  const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
+  const toRaw: typeof import('vue')['toRaw']
+  const toReactive: typeof import('@vueuse/core')['toReactive']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
+  const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
+  const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
+  const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
+  const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
+  const unref: typeof import('vue')['unref']
+  const unrefElement: typeof import('@vueuse/core')['unrefElement']
+  const until: typeof import('@vueuse/core')['until']
+  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
+  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
+  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useBase64: typeof import('@vueuse/core')['useBase64']
+  const useBattery: typeof import('@vueuse/core')['useBattery']
+  const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
+  const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
+  const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
+  const useCached: typeof import('@vueuse/core')['useCached']
+  const useClamp: typeof import('@vueuse/core')['useClamp']
+  const useClipboard: typeof import('@vueuse/core')['useClipboard']
+  const useColorMode: typeof import('@vueuse/core')['useColorMode']
+  const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
+  const useCounter: typeof import('@vueuse/core')['useCounter']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVar: typeof import('@vueuse/core')['useCssVar']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
+  const useCycleList: typeof import('@vueuse/core')['useCycleList']
+  const useDark: typeof import('@vueuse/core')['useDark']
+  const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
+  const useDebounce: typeof import('@vueuse/core')['useDebounce']
+  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
+  const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+  const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
+  const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
+  const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
+  const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
+  const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
+  const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
+  const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
+  const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
+  const useElementHover: typeof import('@vueuse/core')['useElementHover']
+  const useElementSize: typeof import('@vueuse/core')['useElementSize']
+  const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
+  const useEventBus: typeof import('@vueuse/core')['useEventBus']
+  const useEventListener: typeof import('@vueuse/core')['useEventListener']
+  const useEventSource: typeof import('@vueuse/core')['useEventSource']
+  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
+  const useFavicon: typeof import('@vueuse/core')['useFavicon']
+  const useFetch: typeof import('@vueuse/core')['useFetch']
+  const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
+  const useFocus: typeof import('@vueuse/core')['useFocus']
+  const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
+  const useFps: typeof import('@vueuse/core')['useFps']
+  const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
+  const useGamepad: typeof import('@vueuse/core')['useGamepad']
+  const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
+  const useIdle: typeof import('@vueuse/core')['useIdle']
+  const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
+  const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
+  const useInterval: typeof import('@vueuse/core')['useInterval']
+  const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
+  const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
+  const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
+  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
+  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
+  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
+  const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
+  const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
+  const useMemoize: typeof import('@vueuse/core')['useMemoize']
+  const useMemory: typeof import('@vueuse/core')['useMemory']
+  const useMounted: typeof import('@vueuse/core')['useMounted']
+  const useMouse: typeof import('@vueuse/core')['useMouse']
+  const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
+  const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
+  const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
+  const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
+  const useNetwork: typeof import('@vueuse/core')['useNetwork']
+  const useNow: typeof import('@vueuse/core')['useNow']
+  const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
+  const useOnline: typeof import('@vueuse/core')['useOnline']
+  const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
+  const useParallax: typeof import('@vueuse/core')['useParallax']
+  const usePermission: typeof import('@vueuse/core')['usePermission']
+  const usePointer: typeof import('@vueuse/core')['usePointer']
+  const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
+  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
+  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
+  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
+  const useRafFn: typeof import('@vueuse/core')['useRafFn']
+  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
+  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
+  const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
+  const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
+  const useScroll: typeof import('@vueuse/core')['useScroll']
+  const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
+  const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
+  const useShare: typeof import('@vueuse/core')['useShare']
+  const useSlots: typeof import('vue')['useSlots']
+  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
+  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+  const useStorage: typeof import('@vueuse/core')['useStorage']
+  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
+  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
+  const useSwipe: typeof import('@vueuse/core')['useSwipe']
+  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
+  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+  const useThrottle: typeof import('@vueuse/core')['useThrottle']
+  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
+  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+  const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
+  const useTimeout: typeof import('@vueuse/core')['useTimeout']
+  const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
+  const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
+  const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
+  const useTitle: typeof import('@vueuse/core')['useTitle']
+  const useToggle: typeof import('@vueuse/core')['useToggle']
+  const useTransition: typeof import('@vueuse/core')['useTransition']
+  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
+  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
+  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+  const useVModel: typeof import('@vueuse/core')['useVModel']
+  const useVModels: typeof import('@vueuse/core')['useVModels']
+  const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
+  const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
+  const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
+  const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
+  const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
+  const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
+  const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
+  const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
+  const watch: typeof import('vue')['watch']
+  const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
+  const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
+  const watchOnce: typeof import('@vueuse/core')['watchOnce']
+  const watchPausable: typeof import('@vueuse/core')['watchPausable']
+  const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
+  const whenever: typeof import('@vueuse/core')['whenever']
+}
+export {}
--- a/deploy.js
+++ b/deploy.js
+import fs from 'fs'
+import path from 'path'
+import chalk from 'chalk'
+import OSS from 'ali-oss'
+
+const log = console.log
+const __dirname = path.resolve()
+const client = new OSS({
+  region: 'oss-cn-beijing',
+  accessKeyId: 'LTAIOTuuLTaWoGJj',
+  accessKeySecret: 'dE5tTGm2lh35eItct2krW2DeH2lf2I',
+  bucket: 'webapp-pub'
+})
+
+async function uploadTarget(src, dist) {
+  try {
+    const result = await client.put(dist, path.join(__dirname, src))
+    log(chalk.green('上传成功', result.url))
+  } catch (e) {
+    log(chalk.red('上传失败', src))
+    log(e)
+  }
+}
+
+function generateUploadTarget(src, dist) {
+  fs.readdir(path.join(__dirname, src), function (err, files) {
+    if (err) {
+      log(err)
+      return
+    }
+    files.forEach(function (file) {
+      const _src = src + '/' + file
+      const _dist = dist + '/' + file
+      const stats = fs.statSync(path.join(__dirname, _src))
+      // 判断是否为文件
+      stats.isFile() && uploadTarget(_src, _dist)
+      // 判断是否为文件夹
+      stats.isDirectory() && generateUploadTarget(_src, _dist)
+    })
+  })
+}
+
+generateUploadTarget('./dist', '/website/prod/center-resource')
--- a/env.d.ts
+++ b/env.d.ts
+/// <reference types="vite/client" />
--- a/https/dev.ezijing.com.key
+++ b/https/dev.ezijing.com.key
+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEAn0EINdIXTDCzmR7J5FOjOV+PbXt7GNO6fanoCGe2O0CPRlNf
+2Ea/wv6SlRtJPd0ohmnKqZdUbBpAsiV4ggOdOqeEB6utVYQWY/zhXRKYeRjN/iDu
+WCRY5S+eRVkSzVOJP9DlBn6dnHSsWj55h1PrkIac8B862F/cVno/Wk5dqU55ZUoN
+wHGw5Goz3R37w+Q0C9HRS5mrmPqI+Ogy8TJrIRxw9YAj5OlvuqBAeYAW1sNdEfsi
+mMB0H2fbbXqEL4AsipE5ppP7Ij3vxVpxvmnl/SO7N6+Fit6r25VeFSvplK+PIV3c
+UsK3PCKV2sOo0BDWtWFQh5hW3fK5RYjLpNDHCwIDAQABAoIBAEkiBDMzF5/VfaSD
+jxNblUlzqNoOKqlsEehDblrtxbHQI/uXrhwT4VwarBXtQeU2+rU/P+JBrHM4Wx10
+N7L9FecppmgfXqo2zlF8f8HOGFcEHRTm6o1vo6McCwKttQS1qAG2XHZvDtIagkuv
+BQAwea0VJFzg+pUC8JyF5zIBauGkfk8eHTLFVuIEJoSJbPWBYzp7Vf1SCjXqs3YY
+aZ5QkOqY7S81D2EULFAWiMIMdY/PVT5DSXxsjaJFkvxjDedA4jNCplyODBKdpnBb
+kfoJTJ7qsSnqgJ2y2xRdRlvZalE49lr2MkW254s5GH35+hMYam0bffgLXdPz6RIs
+7X0atYECgYEA1A9G+0+uYlyxddyR54QlWGK7L3wP+REMXultudT9rq4S6qkHoOgP
+rhi2kvZOqA0sMR7XMVz5nw0ouUMUVfW0YzudgAK99tdIuk6dP6VqVo9T4kqa0rXi
+3ZKD51qGXbF22SndEWV68QEPzMCbf0E+kXl5MGGNnFtjZ5nxTGS+uH8CgYEAwECs
+0T36EnLOCXZoi3rTeHr2pSO20VuFSgljnHA6Ups9Chu6h/iZ8t0XVNb8J14q7lFi
+NY6b4D3FR/vwO3nFt7dvFYNFaFGuFrkAaH002p8EYWSckhlGcucBuKivBVUbhXuM
+HMGmqGhAnnGCvCj/v4n5/wv3wtFYfzYWnYPHC3UCgYBZgbFGNhW28sT8qIL1I3PX
+4KR9oHHlgOqlzQVBYMNKzbKyVXIg2pJzu36kfU4p5JV4jjnqXgIGvjkoKUYWGkVv
+dSQ/eejQnYHXEYOR77H4ozqW00KSGa+OMl92cWExfsxZUTA8PYcs3nPayplXlyRf
+ptQeNa7eBjzo57NPuV4+5QKBgQCrJihzUlBYshmYNPBXE25FOHpwgz3SXT5orbke
+4I4bUhXh9NN3DqrGmWqW3Zi2108ywALFGQLNe1AwiCnSWNLafZOHvEhC2Uw48FNb
+sfMmmR/GMFJugc/EpMBUit7cyWppx5XxV7gs/jpgkz7GkV00P/ntwtK7fbDh9t3l
+NhYxrQKBgDVE4HSDqOvZOaXGRoM0pJ3uYRTTSIDGVNMZ9t2C/t3uwoyFBe+Om2t+
+G6w2Gr+Dck1v+zizU3khbAHvE67rYoUtrDvae41bmLuVcnYh4UsXfhB6BWOSaQ+l
+l8aQwTfmV74szsEDcFkg038zQ6Q4c8iiurYp29nwEM7/mayBGOcv
+-----END RSA PRIVATE KEY-----
--- a/https/dev.ezijing.com.pem
+++ b/https/dev.ezijing.com.pem
+-----BEGIN CERTIFICATE-----
+MIIHEDCCBfigAwIBAgIQC53CSHjB5MGsHDzx/2AxzjANBgkqhkiG9w0BAQsFADBb
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMRowGAYDVQQDExFTZWN1cmUgU2l0ZSBDQSBHMjAeFw0y
+MDA2MTAwMDAwMDBaFw0yMjA5MTIxMjAwMDBaMFsxCzAJBgNVBAYTAkNOMRAwDgYD
+VQQIEwdCZWlqaW5nMSIwIAYDVQQKExlUSEggWmlqaW5nIChCZWlqaW5nKSBJbmMu
+MRYwFAYDVQQDDA0qLmV6aWppbmcuY29tMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8A
+MIIBCgKCAQEAn0EINdIXTDCzmR7J5FOjOV+PbXt7GNO6fanoCGe2O0CPRlNf2Ea/
+wv6SlRtJPd0ohmnKqZdUbBpAsiV4ggOdOqeEB6utVYQWY/zhXRKYeRjN/iDuWCRY
+5S+eRVkSzVOJP9DlBn6dnHSsWj55h1PrkIac8B862F/cVno/Wk5dqU55ZUoNwHGw
+5Goz3R37w+Q0C9HRS5mrmPqI+Ogy8TJrIRxw9YAj5OlvuqBAeYAW1sNdEfsimMB0
+H2fbbXqEL4AsipE5ppP7Ij3vxVpxvmnl/SO7N6+Fit6r25VeFSvplK+PIV3cUsK3
+PCKV2sOo0BDWtWFQh5hW3fK5RYjLpNDHCwIDAQABo4IDzjCCA8owHwYDVR0jBBgw
+FoAUxBF+iECGwkG/ZfMa4bRTQKOr7H0wHQYDVR0OBBYEFHxjLRRYXe2jIjYECuN8
+r3EnjOTFMCUGA1UdEQQeMByCDSouZXppamluZy5jb22CC2V6aWppbmcuY29tMA4G
+A1UdDwEB/wQEAwIFoDAdBgNVHSUEFjAUBggrBgEFBQcDAQYIKwYBBQUHAwIwbwYD
+VR0fBGgwZjAxoC+gLYYraHR0cDovL2NybDMuZGlnaWNlcnQuY29tL1NlY3VyZVNp
+dGVDQUcyLmNybDAxoC+gLYYraHR0cDovL2NybDQuZGlnaWNlcnQuY29tL1NlY3Vy
+ZVNpdGVDQUcyLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG/WwBATAqMCgGCCsGAQUF
+BwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BTMAgGBmeBDAECAjBsBggr
+BgEFBQcBAQRgMF4wIQYIKwYBBQUHMAGGFWh0dHA6Ly9vY3NwLmRjb2NzcC5jbjA5
+BggrBgEFBQcwAoYtaHR0cDovL2NybC5kaWdpY2VydC1jbi5jb20vU2VjdXJlU2l0
+ZUNBRzIuY3J0MAwGA1UdEwEB/wQCMAAwggH1BgorBgEEAdZ5AgQCBIIB5QSCAeEB
+3wB2AEalVet1+pEgMLWiiWn0830RLEF0vv1JuIWr8vxw/m1HAAABcpwT21oAAAQD
+AEcwRQIgWTyqiBOL3dFTJBE2Q6cgSBzk9W5iTaC2B8T1f8gFCP0CIQDhngm9WJbO
+J7v14h6w+B2Li7WEAkWLSLiTKzh7na2SuQB1ACJFRQdZVSRWlj+hL/H3bYbgIyZj
+rcBLf13Gg1xu4g8CAAABcpwT2zEAAAQDAEYwRAIgckmPL6WJx9Jke4AfVLmy//ye
+tsmT5si8FO8p9Fd52VECICPqDvdjlN2DtfQznTGTxaL0PQ5N8eNiX3fJn6sRCfcU
+AHYAUaOw9f0BeZxWbbg3eI8MpHrMGyfL956IQpoN/tSLBeUAAAFynBPbfQAABAMA
+RzBFAiEAwYooscdEijXGnRdJYnz0ClmvWcxtJ169Bq+sywhPReACIDjvE5a5d7mb
+n3YTgfLOtbnuDpkDRjUfdY7cs6UfderhAHYAQcjKsd8iRkoQxqE6CUKHXk4xixsD
+6+tLx2jwkGKWBvYAAAFynBPa0wAABAMARzBFAiAmJVwNfWFMKrqWTvEfHk9O/5/r
+Crj/W3BqjV6p0D09hgIhAIKb4drMok8s1X0Evh4Nbzd3Nv9PuwITdICztemCrk4e
+MA0GCSqGSIb3DQEBCwUAA4IBAQBWSrE/pt//MKeGpf6vMISGD0LZArebPFQ7wlgv
+Y13HpCY5lqwrZItsuXWS5IYMv8ueYarCm081OJOBvSUKHOtYSe6wdFqsXehokUiy
+7oVNief7Li5RvLcf6z5fyjB+i017dds73Dt94mE1imV1DR1WErp1U6QCMEh+TKFa
+PL52V9X5VWiYdImzdm8AWOlNBrgicmVzEEQuglejF5uaALf9iiyAjP36apqXv77T
+UtxKgjONB1tnRw4XRqzwrEK+QjeOhziKCn1v2ppFX/Z11YYA7ajICVrG6wGJ+ENc
+ukf5+v8r+TU7PqxQmb62zocX22jhe8HM644UJ4FWCiBh4Lb1
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIFFjCCA/6gAwIBAgIQCH4Y+4+qkn7odgoNiYL1EjANBgkqhkiG9w0BAQsFADBh
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBD
+QTAeFw0xOTA2MjAxMjIxMzVaFw0yOTA2MjAxMjIxMzVaMFsxCzAJBgNVBAYTAlVT
+MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
+b20xGjAYBgNVBAMTEVNlY3VyZSBTaXRlIENBIEcyMIIBIjANBgkqhkiG9w0BAQEF
+AAOCAQ8AMIIBCgKCAQEAx7s903fR6SgpA08UdhKEUIZHa2Ig7KPNkTtwMS1+08YS
+5QSEDM4DQxy48jP8dZkyyU9J/0WCm8Nlv5ga7HOAxhdJcv+CPP4oadx8EbdrmjAH
+rGOv64oHvt7Ina7uzLd3krqxd0doeuxRpTHvFAyjaUhxjSfZx0wh1f6W7prPm7V5
+0VcTudj4rI+xtHXUcFAuFz4bcapTcru5aaZ1v6F2usMCMVM+xJxEZcsUM4uTxdIf
+W5FUTI0dbP8NyZkr/WVzL59aGwBE4ZU0JKBlgEmtkFpLPR7JCzYunafu7nMk5YY2
+6WDOmezpWDjzDxJ8xakizykWYT5gdJYE3ULlUe31WQIDAQABo4IBzjCCAcowHQYD
+VR0OBBYEFMQRfohAhsJBv2XzGuG0U0Cjq+x9MB8GA1UdIwQYMBaAFAPeUDVW0Uy7
+ZvCj4hsbw5eyPdFVMA4GA1UdDwEB/wQEAwIBhjAdBgNVHSUEFjAUBggrBgEFBQcD
+AQYIKwYBBQUHAwIwDwYDVR0TAQH/BAUwAwEB/zAxBggrBgEFBQcBAQQlMCMwIQYI
+KwYBBQUHMAGGFWh0dHA6Ly9vY3NwLmRjb2NzcC5jbjBEBgNVHR8EPTA7MDmgN6A1
+hjNodHRwOi8vY3JsLmRpZ2ljZXJ0LWNuLmNvbS9EaWdpQ2VydEdsb2JhbFJvb3RD
+QS5jcmwwgc4GA1UdIASBxjCBwzCBwAYEVR0gADCBtzAoBggrBgEFBQcCARYcaHR0
+cHM6Ly93d3cuZGlnaWNlcnQuY29tL0NQUzCBigYIKwYBBQUHAgIwfgx8QW55IHVz
+ZSBvZiB0aGlzIENlcnRpZmljYXRlIGNvbnN0aXR1dGVzIGFjY2VwdGFuY2Ugb2Yg
+dGhlIFJlbHlpbmcgUGFydHkgQWdyZWVtZW50IGxvY2F0ZWQgYXQgaHR0cHM6Ly93
+d3cuZGlnaWNlcnQuY29tL3JwYS11YTANBgkqhkiG9w0BAQsFAAOCAQEAE+8lW5Yw
+IuiRsHn4gYRRVbLmIypWwYH74lIXnQiALeUsUkWfW7KA0ARF1el3YaTAg8/r6zyX
+eZTdlhndxKOKvO5N+rnHWJB6a3fJURn6e0I+rDzKV1Zacv2Vx/ZHLZmza/bp4Azi
+BrDOiPlW/Ktj6ALQzAgq70Oytk9htLupBWPuplJDdyhGqb9RfQvWc1Fa1HwXdBQi
+oJPibfMaYkHMY3pTbOv2rzMKEoZwHDHqyC73RI9JgqqiXHw0rIL8A1uL3IrymXEr
+mycTqbSozQwiiEfb+cxzY82YaNzaLpJyIst0T2QmdDDngmyd2LEmm4NKeXRrcFRh
+XDDFfpIn93B7JA==
+-----END CERTIFICATE-----
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="https://zws-imgs-pub.ezijing.com/pc/base/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>统一资源管理平台</title>
+    <script src="https://webapp-pub.ezijing.com/plugins/tinymce@6/tinymce.min.js"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "name": "center-resource",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite --mode dev",
+    "build": "vue-tsc --noEmit && vite build --mode prod && npm run deploy",
+    "build:test": "vue-tsc --noEmit && vite build --mode test",
+    "build:pre": "vue-tsc --noEmit && vite build --mode pre",
+    "preview": "vite preview --port 5050",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "deploy": "node ./deploy.js"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^1.1.4",
+    "@tinymce/tinymce-vue": "^5.0.0",
+    "axios": "^0.27.2",
+    "blueimp-md5": "^2.19.0",
+    "element-plus": "^2.2.2",
+    "pinia": "^2.0.13",
+    "qs": "^6.10.3",
+    "vue": "^3.2.33",
+    "vue-router": "^4.0.14"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.1.0",
+    "@types/blueimp-md5": "^2.18.0",
+    "@types/node": "^16.11.27",
+    "@types/qs": "^6.9.7",
+    "@vitejs/plugin-vue": "^2.3.1",
+    "@vue/eslint-config-typescript": "^10.0.0",
+    "@vue/tsconfig": "^0.1.3",
+    "ali-oss": "^6.17.1",
+    "chalk": "^5.0.1",
+    "eslint": "^8.5.0",
+    "eslint-plugin-vue": "^8.2.0",
+    "sass": "^1.52.1",
+    "typescript": "~4.6.3",
+    "unplugin-auto-import": "^0.7.2",
+    "vite": "^2.9.5",
+    "vite-plugin-checker": "^0.4.6",
+    "vue-tsc": "^0.34.7"
+  }
+}
--- a/src/App.vue
+++ b/src/App.vue
+<template>
+  <RouterView />
+</template>
+
+<style>
+@import '@/assets/styles/base.css';
+</style>
--- a/src/api/base.ts
+++ b/src/api/base.ts
+import httpRequest from '@/utils/axios'
+
+// 获取用户信息
+export function getUser() {
+  return httpRequest.get('/api/passport/account/get-user-info')
+}
+
+// 退出登录
+export function logout() {
+  return httpRequest.get('/api/passport/rest/logout')
+}
+
+// 获取oss token
+export function getToken() {
+  return httpRequest.get('/api/usercenter/aliyun/assume-role')
+}
+
+// 获取oss signature
+export function getSignature() {
+  return httpRequest.get('/api/usercenter/aliyun/get-signature')
+}
+
+// 图片上传
+export function uploadFile(data: Record<string, any>) {
+  return httpRequest
+    .post('https://webapp-pub.oss-cn-beijing.aliyuncs.com', data, {
+      withCredentials: false,
+      headers: { 'Content-Type': 'multipart/form-data' }
+    })
+    .then(() => data)
+}
+
+// 删除评论
+export function deleteComment(data: { id: string }) {
+  return httpRequest.post('/api/psp/backend/comment/delete', data)
+}
--- a/src/assets/menus.ts
+++ b/src/assets/menus.ts
+import type { IMenuItem } from '@/types'
+export const menus: IMenuItem[] = [
+  {
+    name: '资源管理',
+    path: '/resource',
+    children: [
+      {
+        name: '视频',
+        path: '/resource/video'
+      },
+      {
+        name: '课件',
+        path: '/resource/courseware'
+      },
+      {
+        name: '教案',
+        path: '/resource/lessonplan'
+      },
+      {
+        name: '其他资料',
+        path: '/resource/other'
+      }
+      // {
+      //   name: '题库',
+      //   path: '/resource/question'
+      // },
+      // {
+      //   name: '试卷',
+      //   path: '/resource/exam'
+      // }
+    ]
+  },
+  {
+    name: '课程管理',
+    path: '/course',
+    children: [
+      {
+        name: '我的课程',
+        path: '/course/my'
+      },
+      {
+        name: '新建课程',
+        path: '/course/create'
+      }
+    ]
+  },
+  {
+    name: '后台管理',
+    path: '/admin',
+    children: [
+      {
+        name: '讲师管理',
+        path: '/admin/teacher'
+      },
+      {
+        name: '类别管理',
+        path: '/admin/category'
+      },
+      {
+        name: '资源审核管理',
+        path: '/admin/audit'
+      }
+    ]
+  },
+  {
+    name: '系统管理',
+    path: '/system',
+    children: [
+      {
+        name: '数据字典',
+        path: '/system/dictionary'
+      },
+      {
+        name: '封面管理',
+        path: '/system/cover'
+      }
+    ]
+  }
+]
--- a/src/assets/styles/base.css
+++ b/src/assets/styles/base.css
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+p,
+blockquote,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+pre,
+form,
+fieldset,
+legend,
+button,
+input,
+textarea,
+th,
+td {
+  margin: 0;
+  padding: 0;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+}
+ul,
+ol,
+li {
+  list-style: none;
+}
+em,
+i {
+  font-style: normal;
+}
+strong,
+b {
+  font-weight: normal;
+}
+img {
+  border: none;
+}
+input,
+img {
+  vertical-align: middle;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+}
+input,
+button,
+select,
+textarea {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-appearance: none;
+  border: 0;
+  border-radius: 0;
+  font: inherit;
+}
+textarea:focus {
+  outline: 0;
+}
+
+:root {
+  --main-color: #aa1941;
+}
--- a/src/assets/styles/element/index.scss
+++ b/src/assets/styles/element/index.scss
+// styles/element/index.scss
+/* 只需要重写你需要的即可 */
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': #aa1941
+    )
+  )
+);
+
+// 如果只是按需导入，则可以忽略以下内容。
+// 如果你想导入所有样式:
+@use 'element-plus/theme-chalk/src/index.scss' as *;
--- a/src/components.d.ts
+++ b/src/components.d.ts
+import AppCard from '@/components/base/AppCard.vue'
+import AppList from '@/components/base/AppList.vue'
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    AppCard: typeof AppCard
+    AppList: typeof AppList
+  }
+}
--- a/src/components/PublishItem.vue
+++ b/src/components/PublishItem.vue
+<script setup lang="ts">
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Delete } from '@element-plus/icons-vue'
+import { deleteComment } from '@/api/base'
+
+const props = defineProps<{ info: Record<string, any>; comments: { total: number; list: Record<string, any>[] } }>()
+const emit = defineEmits(['remove'])
+const imageList = computed<string[]>(() => {
+  try {
+    return JSON.parse(props.info.picture)
+  } catch (error) {
+    return []
+  }
+})
+
+const onRemove = (data: any) => {
+  ElMessageBox.confirm('确定要删除吗？', '提示').then(() => {
+    deleteComment({ id: data.id }).then(() => {
+      ElMessage({ type: 'success', message: '删除成功' })
+      emit('remove', data)
+    })
+  })
+}
+</script>
+
+<template>
+  <div class="publish-item">
+    <div class="publish-item-hd" v-if="info.user_info">
+      <img
+        :src="info.user_info.avatar || 'https://webapp-pub.ezijing.com/weapp/share/default.jpg'"
+        class="publish-avatar"
+      />
+      <div class="publish-item-hd-info">
+        <h5>{{ info.user_info.name }}</h5>
+      </div>
+    </div>
+    <div class="publish-item-bd">
+      <div class="publish-content" v-html="info.content || info.desc"></div>
+      <ul class="publish-picture">
+        <li v-for="url in imageList" :key="url">
+          <el-image :src="url" :preview-src-list="imageList" fit="cover" />
+        </li>
+      </ul>
+      <div class="publish-tools">
+        <p class="t1">{{ info.created_time }}</p>
+      </div>
+      <!-- 评论 -->
+      <div class="publish-comments" v-if="comments.total">
+        <div class="comment-item" v-for="item in comments.list" :key="item.id">
+          <div class="comment-item-hd">
+            <span>{{ item.user_name }}</span> <el-icon><delete @click="onRemove(item)" /></el-icon>
+          </div>
+          <div class="comment-item-bd">{{ item.content }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+.publish-item {
+  margin-bottom: 20px;
+}
+.publish-item-hd {
+  display: flex;
+  align-items: center;
+}
+.publish-item-hd-info {
+  flex: 1;
+  margin-left: 10px;
+  h5 {
+    font-size: 16px;
+    font-weight: 400;
+    color: #333333;
+  }
+}
+.publish-avatar {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  overflow: hidden;
+  object-fit: cover;
+}
+.publish-item-bd {
+  margin-left: 60px;
+}
+.publish-content {
+  font-weight: 400;
+  line-height: 30px;
+  color: #333333;
+}
+.publish-picture {
+  margin-top: 10px;
+  display: flex;
+  li {
+    margin: 0 10px 10px 0;
+    width: 200px;
+    height: 200px;
+    border: 1px solid #e4e7ed;
+    border-radius: 10px;
+    overflow: hidden;
+    .el-image {
+      width: 100%;
+      height: 100%;
+    }
+    &:hover {
+      box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px 0px;
+    }
+  }
+}
+.publish-tools {
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #999;
+  .t2 {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    cursor: pointer;
+    .el-icon {
+      margin-right: 5px;
+    }
+  }
+}
+.publish-comments {
+  margin: 10px 0;
+  padding: 10px 20px;
+  background-color: #f5f5f5;
+  border-radius: 10px;
+}
+.comment-item + .comment-item {
+  border-top: 1px solid #e4e7ed;
+  padding-top: 12px;
+  margin-top: 12px;
+}
+.comment-item {
+  &:hover {
+    .el-icon {
+      display: block;
+    }
+  }
+}
+.comment-item-hd {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 16px;
+  color: #033974;
+  .el-icon {
+    display: none;
+    cursor: pointer;
+  }
+}
+.comment-item-bd {
+  margin-top: 5px;
+  font-size: 14px;
+  color: #4e4e4e;
+  line-height: 20px;
+}
+.comment-more {
+  padding: 0.16rem 0;
+  font-size: 24px;
+  color: #033974;
+  line-height: 0.36rem;
+  text-align: center;
+  border-top: 0.01rem solid #d3d3d3;
+  cursor: pointer;
+}
+</style>
--- a/src/components/base/AppCard.vue
+++ b/src/components/base/AppCard.vue
+<script setup lang="ts">
+defineProps<{ title?: string }>()
+</script>
+
+<template>
+  <div class="app-card">
+    <div class="app-card-hd">
+      <slot name="header">
+        <h2 class="app-card-hd__title" v-if="title">{{ title }}</h2>
+        <div class="app-card-hd-aside">
+          <slot name="header-aside"></slot>
+        </div>
+      </slot>
+    </div>
+    <div class="app-card-bd">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+.app-card {
+  background: #fff;
+  box-shadow: 0 1px 6px 0 rgb(228 232 235 / 20%);
+  border-radius: 6px;
+  padding: 20px;
+}
+.app-card + .app-card {
+  margin-top: 20px;
+}
+.app-card-hd {
+  display: flex;
+}
+.app-card-hd__title {
+  flex: 1;
+  padding-left: 5px;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1;
+  margin-bottom: 24px;
+  border-left: 3px solid #aa1941;
+}
+</style>
--- a/src/components/base/AppList.vue
+++ b/src/components/base/AppList.vue
+<script setup lang="ts">
+import { Search, RefreshLeft } from '@element-plus/icons-vue'
+
+interface IRemoteProps {
+  params?: any
+  httpRequest?: any
+  beforeRequest?: any
+  callback?: any
+}
+
+const props = withDefaults(
+  defineProps<{
+    remote?: IRemoteProps
+    filters?: any[]
+    moreFilters?: any[]
+    columns: any[]
+    data?: any[]
+    hasPagination?: boolean
+    limit?: number
+  }>(),
+  {
+    hasPagination: true,
+    limit: 10,
+    data() {
+      return []
+    }
+  }
+)
+
+const filterFormRef = ref()
+const loading = ref(false)
+const tableRef = ref()
+const dataList = ref<any[]>([])
+const page = reactive({ total: 0, size: props.limit, currentPage: 1 })
+
+const params = reactive({ page: page.currentPage, page_size: page.size, ...props.remote?.params })
+
+watch(
+  () => props.data,
+  list => {
+    dataList.value = list || []
+  },
+  { immediate: true }
+)
+
+// 获取数据
+const fetchList = (isReset = false) => {
+  /**
+   * @param function httpRequest api接口
+   * @param function beforeRequest 接口请求之前
+   * @param function callback 接口请求成功回调
+   */
+  const { httpRequest, beforeRequest, callback } = props.remote || {}
+  if (!httpRequest) {
+    return
+  }
+  // 参数设置
+  let requestParams = { ...params }
+  // 翻页参数设置
+  if (props.hasPagination) {
+    requestParams.page = page.currentPage
+    requestParams.page_size = page.size
+  }
+  // 接口请求之前
+  if (beforeRequest) {
+    requestParams = beforeRequest(requestParams, isReset)
+  }
+  // for (const key in params) {
+  //   if (params[key] === '' || params[key] === undefined || params[key] === undefined) {
+  //     delete params[key]
+  //   }
+  // }
+  loading.value = true
+  httpRequest(requestParams)
+    .then((res: any) => {
+      const { list = [], total = 0 } = callback ? callback(res.data) : res.data || {}
+      page.total = total
+      dataList.value = list
+    })
+    // .catch(() => {
+    //   page.total = 0
+    //   dataList.value = []
+    // })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+// 搜索
+const search = () => {
+  page.currentPage = 1
+  fetchList()
+}
+
+// 重置
+const reset = () => {
+  // 清空筛选条件
+  filterFormRef.value?.resetFields()
+  // 初始化页码
+  page.currentPage = 1
+  // 刷新列表
+  fetchList(true)
+}
+
+// 刷新
+const refetch = (isForce = false) => {
+  isForce ? reset() : fetchList()
+}
+
+// 页数改变
+const pageSizeChange = (value: number) => {
+  page.currentPage = 1
+  page.size = value
+  fetchList()
+}
+
+onMounted(() => {
+  fetchList()
+})
+
+defineExpose({ refetch })
+</script>
+
+<template>
+  <div class="table-list">
+    <div class="table-list-hd">
+      <!-- 筛选 -->
+      <div class="table-list-filter" v-if="filters && filters.length">
+        <el-form :inline="true" :model="params" ref="filterFormRef" @submit.prevent>
+          <template v-for="item in filters" :key="item.prop">
+            <el-form-item :label="item.label" :prop="item.prop">
+              <template v-if="item.slots">
+                <slot :name="item.slots" v-bind="{ params }"></slot>
+              </template>
+              <template v-else>
+                <!-- input -->
+                <el-input v-model="params[item.prop]" v-bind="item" clearable @change="search" v-if="item.type === 'input'" />
+                <!-- select -->
+                <el-select v-model="params[item.prop]" v-bind="item" clearable @change="search" v-if="item.type === 'select'">
+                  <el-option :label="option[item.labelKey] || option.label" :value="option[item.valueKey] || option.value" v-for="(option, index) in item.options" :key="index" />
+                </el-select>
+              </template>
+            </el-form-item>
+          </template>
+          <el-form-item class="filter-buttons">
+            <el-button type="primary" :icon="Search" @click="search">搜索</el-button>
+            <el-button :icon="RefreshLeft" @click="reset">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="table-list-hd-aside"><slot name="header-aside" /></div>
+    </div>
+    <slot></slot>
+    <!-- 主体 -->
+    <div class="table-list-bd">
+      <slot name="body" v-bind="{ data: dataList }">
+        <el-table :data="dataList" v-loading="loading" v-bind="$attrs" style="height: 100%" ref="tableRef">
+          <el-table-column v-bind="item" v-for="item in columns" :key="item.prop">
+            <template #default="scope" v-if="item.slots || item.computed">
+              <slot :name="item.slots" v-bind="scope" v-if="item.slots"></slot>
+              <div v-html="item.computed(scope)" v-if="item.computed"></div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </slot>
+    </div>
+    <!-- 底部 -->
+    <div class="table-list-ft">
+      <div>
+        <slot name="footer"></slot>
+      </div>
+      <el-pagination
+        class="table-list-pagination"
+        background
+        layout="total, sizes, prev, pager, next, jumper"
+        :page-sizes="[10, 20, 30, 50, 100]"
+        :page-size="page.size"
+        :total="page.total"
+        v-model:currentPage="page.currentPage"
+        @size-change="pageSizeChange"
+        @current-change="fetchList()"
+        :hide-on-single-page="true"
+        v-if="hasPagination"
+      >
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+.table-list {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+.table-list-hd {
+  display: flex;
+  margin-bottom: 10px;
+}
+.table-list-filter {
+  flex: 1;
+}
+.table-list-bd {
+  flex: 1;
+}
+.table-list-ft {
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.table-list-pagination {
+  text-align: right;
+}
+.el-table-column--selection .cell {
+  padding: 0 14px !important;
+}
+</style>
--- a/src/components/base/AppUpload.vue
+++ b/src/components/base/AppUpload.vue
+<script lang="ts" setup>
+import { ElMessage } from 'element-plus'
+import { Plus } from '@element-plus/icons-vue'
+import type { UploadProps, UploadUserFile } from 'element-plus'
+import md5 from 'blueimp-md5'
+import { getSignature } from '@/api/base'
+
+const props = withDefaults(defineProps<{ modelValue: string | []; prefix?: string }>(), {
+  prefix: 'upload/admin/'
+})
+const emit = defineEmits(['update:modelValue'])
+
+const uploadData = ref()
+
+const fileList = ref<UploadUserFile[]>([])
+
+watch(
+  () => props.modelValue,
+  value => {
+    fileList.value = Array.isArray(value) ? [...value] : []
+  }
+)
+
+const showFileList = computed(() => {
+  return Array.isArray(props.modelValue)
+})
+
+// 上传之前
+const handleBeforeUpload = async (file: any) => {
+  const fileName = file.name
+  const key = props.prefix + md5(fileName + new Date().getTime()) + fileName.substr(fileName.lastIndexOf('.'))
+  const response: Record<string, any> = await getSignature()
+  uploadData.value = {
+    key,
+    OSSAccessKeyId: response.accessid,
+    policy: response.policy,
+    signature: response.signature,
+    success_action_status: '200',
+    url: `${response.host}/${key}`
+  }
+  file.url = `${response.host}/${key}`
+}
+
+// 上传成功
+const handleSuccess = (response: any, file: any, files: any) => {
+  if (!files.every((item: any) => item.status === 'success')) return
+  if (showFileList.value) {
+    emit(
+      'update:modelValue',
+      files.map((item: any) => {
+        return { name: item.name, url: item.url || item.raw.url }
+      })
+    )
+  } else {
+    emit('update:modelValue', file.raw.url)
+  }
+}
+
+// 上传限制
+const handleExceed: UploadProps['onExceed'] = () => {
+  ElMessage.warning('文件超出个数限制')
+}
+
+// 删除
+const handleRemove: UploadProps['onRemove'] = (file, files) => {
+  emit(
+    'update:modelValue',
+    files.map((item: any) => {
+      return { name: item.name, url: item.url || item.raw.url }
+    })
+  )
+}
+
+// 预览
+const handlePreview: UploadProps['onPreview'] = uploadFile => {
+  console.log(uploadFile)
+}
+</script>
+
+<template>
+  <el-upload
+    action="https://webapp-pub.oss-cn-beijing.aliyuncs.com"
+    :data="uploadData"
+    :show-file-list="showFileList"
+    :before-upload="handleBeforeUpload"
+    :on-exceed="handleExceed"
+    :on-remove="handleRemove"
+    :on-preview="handlePreview"
+    :on-success="handleSuccess"
+    :file-list="fileList"
+    class="uploader"
+  >
+    <template v-if="showFileList">
+      <template v-if="$attrs['list-type'] === 'picture-card'">
+        <el-icon><Plus /></el-icon>
+      </template>
+      <template v-else>
+        <el-button type="primary">点击上传</el-button>
+      </template>
+    </template>
+    <div class="avatar-uploader" v-else>
+      <el-image :src="(modelValue as string)" fit="contain" v-if="modelValue" />
+      <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+    </div>
+    <template #tip>
+      <div class="el-upload__tip"><slot name="tip"></slot></div>
+    </template>
+  </el-upload>
+</template>
+
+<style lang="scss">
+.uploader {
+  flex: 1;
+}
+.avatar-uploader {
+  width: 178px;
+  height: 178px;
+  border: 1px dashed var(--el-border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
+  .el-image {
+    width: 100%;
+    height: 100%;
+  }
+}
+.avatar-uploader:hover {
+  border-color: var(--el-color-primary);
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+}
+</style>
--- a/src/components/layout/Aside.vue
+++ b/src/components/layout/Aside.vue
+<script lang="ts">
+export default {
+  name: 'AppAside'
+}
+</script>
+
+<script setup lang="ts">
+import { menus } from '@/assets/menus'
+import type { IMenuItem } from '@/types'
+const route = useRoute()
+
+const menuList = $computed<IMenuItem[]>(() => {
+  const found = menus.find(item => route.fullPath.includes(item.path))
+  return found?.children || []
+})
+const defaultActive = computed(() => {
+  // 扁平菜单
+  const flatMenuList: IMenuItem[] = menuList.reduce((result: IMenuItem[], item) => {
+    result.push(item)
+    if (item.children) {
+      result = result.concat(item.children)
+    }
+    return result
+  }, [])
+  const found = flatMenuList.reverse().find(item => {
+    return route.path.includes(item.path)
+  })
+  return found ? found.path : '/'
+})
+</script>
+
+<template>
+  <aside class="app-aside">
+    <nav class="nav">
+      <el-menu :default-active="defaultActive" :router="true" class="app-menu">
+        <template v-for="item in menuList" :key="item.path">
+          <el-sub-menu :index="item.path" v-if="item.children">
+            <template #title>
+              <el-icon><component :is="item.icon"></component></el-icon>{{ item.name }}
+            </template>
+            <el-menu-item :index="subitem.path" v-for="subitem in item.children" :key="subitem.path">
+              {{ subitem.name }}
+            </el-menu-item>
+          </el-sub-menu>
+          <el-menu-item :index="item.path" v-else>
+            <el-icon><component :is="item.icon"></component></el-icon>{{ item.name }}
+          </el-menu-item>
+        </template>
+      </el-menu>
+    </nav>
+  </aside>
+</template>
+
+<style lang="scss">
+.app-aside {
+  width: 200px;
+  background: #2e3036;
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
+  overflow-x: hidden;
+  overflow-y: auto;
+  flex: 0 0 200px;
+  box-sizing: content-box;
+}
+.nav {
+  position: fixed;
+  width: 200px;
+  margin: 20px 0;
+
+  --el-menu-text-color: #cecece;
+  --el-menu-bg-color: #2e3036;
+
+  --el-menu-active-color: #fff;
+  --el-menu-active-bg-color: #4b4c50;
+
+  --el-menu-hover-color: #fff;
+  --el-menu-hover-bg-color: #4b4c50;
+
+  .el-menu {
+    border-right: 0;
+    i {
+      margin-right: 14px;
+      font-size: 24px;
+    }
+    .el-icon-arrow-down {
+      margin-right: 0;
+      font-size: 16px;
+    }
+  }
+
+  .el-menu-item {
+    &.is-active {
+      background: var(--el-menu-active-bg-color);
+    }
+  }
+  // .el-menu-item {
+  //   display: flex;
+  //   align-items: center;
+  //   margin: 0 16px;
+  //   font-size: 16px;
+  //   border-radius: 8px;
+  // }
+  // .el-submenu .el-menu-item {
+  //   min-width: auto;
+  //   padding-left: 58px !important;
+  // }
+  // .el-submenu__title {
+  //   display: flex;
+  //   align-items: center;
+  //   margin: 0 16px;
+  //   font-size: 16px;
+  //   border-radius: 8px;
+  // }
+}
+</style>
--- a/src/components/layout/Breadcrumb.vue
+++ b/src/components/layout/Breadcrumb.vue
+<template>
+  <div class="app-breadcrumb" v-if="routes.length">
+    <el-breadcrumb>
+      <el-breadcrumb-item v-for="route in routes" :key="route.path">
+        <router-link :to="route.path">{{ route.meta.title }}</router-link>
+      </el-breadcrumb-item>
+    </el-breadcrumb>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AppBreadcrumb',
+  computed: {
+    routes() {
+      return this.$route.matched.filter(route => route.meta.title)
+    }
+  }
+}
+</script>
+<style lang="scss">
+.app-breadcrumb {
+  padding: 18px 0 32px;
+
+  .el-breadcrumb {
+    font-size: 20px;
+    font-weight: 400;
+    line-height: 1;
+  }
+  .el-breadcrumb__inner a {
+    font-weight: normal;
+    color: #5b91fd;
+  }
+  .router-link-active {
+    color: #1a1b1c;
+  }
+}
+</style>
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
+<script lang="ts">
+export default { name: 'AppHeader' }
+</script>
+
+<script setup lang="ts">
+import { menus } from '@/assets/menus'
+import { useUserStore } from '@/stores/user'
+import type { IMenuItem } from '@/types'
+withDefaults(defineProps<{ hasTitle?: boolean }>(), {
+  hasTitle: true
+})
+
+const route = useRoute()
+
+const userStore = useUserStore()
+
+const userInfo = userStore.user
+
+const logout = async () => {
+  await userStore.logout()
+  location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
+}
+
+function genNavClassName(data: IMenuItem) {
+  return route.fullPath.includes(data.path) ? 'is-active' : ''
+}
+</script>
+
+<template>
+  <header class="app-header">
+    <div class="app-header-left">
+      <div class="logo">
+        <router-link to="/"><img src="https://zws-imgs-pub.ezijing.com/pc/base/ezijing-logo-white.svg" /></router-link>
+      </div>
+      <h1 class="app-name">统一资源管理平台</h1>
+    </div>
+    <div class="app-header-nav">
+      <div class="app-header-nav-item" v-for="(item, index) in menus" :key="index" :class="genNavClassName(item)">
+        <router-link :to="item.path">{{ item.name }}</router-link>
+      </div>
+    </div>
+    <div class="app-header-right">
+      <el-dropdown v-if="userInfo">
+        <div class="avatar">
+          <img :src="userInfo.avatar || 'https://webapp-pub.ezijing.com/website/base/images/avatar.svg'" />
+        </div>
+        <template #dropdown>
+          <el-dropdown-menu style="width: 280px">
+            <div class="app-header-user">
+              <div class="app-header-user-avatar">
+                <img :src="userInfo.avatar || 'https://webapp-pub.ezijing.com/website/base/images/avatar.svg'" />
+              </div>
+              <div class="app-header-user-main">
+                <h3>{{ userStore.userName }}</h3>
+                <p>{{ userInfo.email || userInfo.mobile }}</p>
+              </div>
+              <div class="app-header-user-buttons">
+                <el-button round @click="logout">退出登录</el-button>
+              </div>
+            </div>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
+    </div>
+  </header>
+</template>
+
+<style lang="scss">
+.app-header {
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  padding: 0 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 70px;
+  background-color: var(--main-color);
+  color: #fff;
+  .logo {
+    width: 120px;
+  }
+}
+.app-header-left {
+  display: flex;
+  align-items: center;
+  .app-name {
+    margin-left: 20px;
+    padding: 0 15px;
+    line-height: 1;
+    border-left: 2px solid #fff;
+  }
+}
+.app-header-nav {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  // justify-content: center;
+}
+.app-header-nav-item {
+  height: 45px;
+  a {
+    display: inline-block;
+    font-size: 16px;
+    line-height: 45px;
+    padding: 0 18px;
+  }
+  &:hover,
+  &.is-active {
+    background: rgba(144, 6, 44, 0.39);
+    color: #fff;
+  }
+}
+
+.app-header-right {
+  display: flex;
+
+  .avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    overflow: hidden;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      border-radius: 50%;
+      overflow: hidden;
+    }
+    &:hover {
+      background-color: rgba(60, 64, 67, 0.08);
+    }
+  }
+}
+.app-header-user {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  padding: 16px;
+}
+.app-header-user-avatar {
+  margin-bottom: 6px;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  overflow: hidden;
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}
+.app-header-user-main {
+  h3 {
+    color: #202124;
+    font: 500 16px/22px Helvetica, Arial, sans-serif;
+    letter-spacing: 0.29px;
+    margin: 0;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+  p {
+    color: #5f6368;
+    font: 400 14px/19px Helvetica, Arial, sans-serif;
+    letter-spacing: normal;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+}
+.app-header-user-buttons {
+  padding-top: 16px;
+}
+</style>
--- a/src/components/layout/Index.vue
+++ b/src/components/layout/Index.vue
+<script lang="ts">
+export default { name: 'AppLayout' }
+</script>
+
+<script setup lang="ts">
+import AppHeader from './Header.vue'
+import AppAside from './Aside.vue'
+import AppMain from './Main.vue'
+withDefaults(defineProps<{ sidebar?: boolean; hasTitle?: boolean }>(), {
+  sidebar: true,
+  hasTitle: true
+})
+</script>
+
+<template>
+  <div class="app-layout">
+    <app-header :hasTitle="hasTitle"></app-header>
+    <div class="app-layout-container">
+      <app-aside v-if="sidebar"></app-aside>
+      <app-main></app-main>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+.app-layout {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background-color: #f8f8f8;
+}
+.app-layout-container {
+  flex: 1;
+  display: flex;
+}
+</style>
--- a/src/components/layout/Main.vue
+++ b/src/components/layout/Main.vue
+<script lang="ts">
+export default { name: 'AppMain' }
+</script>
+
+<script setup lang="ts">
+import AppBreadcrumb from './Breadcrumb.vue'
+withDefaults(defineProps<{ hasBreadcrumb?: boolean }>(), {
+  hasBreadcrumb: true
+})
+</script>
+
+<template>
+  <section class="app-main">
+    <div class="app-main-inner">
+      <div class="app-main-header">
+        <app-breadcrumb v-if="hasBreadcrumb"></app-breadcrumb>
+      </div>
+      <div class="app-main-container">
+        <router-view></router-view>
+      </div>
+    </div>
+  </section>
+</template>
+
+<style>
+.app-main {
+  position: relative;
+  flex: 1;
+  padding: 20px;
+  overflow: hidden;
+}
+.app-main-inner {
+  margin: 0 auto;
+}
+.app-main-container::after {
+  content: '';
+  display: table;
+  clear: both;
+}
+.el-form--label-top .el-form-item__label {
+  padding-bottom: 0;
+}
+</style>
--- a/src/components/tinymce/Index.vue
+++ b/src/components/tinymce/Index.vue
+<script setup lang="ts">
+import Editor from '@tinymce/tinymce-vue'
+import md5 from 'blueimp-md5'
+import { getSignature, uploadFile } from '@/api/base'
+
+const ImageUploadHandler = (blobInfo: any) =>
+  new Promise((resolve, reject) => {
+    const file = blobInfo.blob()
+    getSignature()
+      .then((response: any) => {
+        const prefix = 'upload/admin/'
+        const key = prefix + md5(file.name + new Date().getTime()) + file.name.substr(file.name.lastIndexOf('.'))
+        const { accessid, policy, signature, host } = response
+        const params = {
+          key,
+          OSSAccessKeyId: accessid,
+          policy,
+          signature,
+          success_action_status: '200',
+          file,
+          url: `${host}/${key}`
+        }
+        uploadFile(params)
+          .then((res: any) => {
+            resolve(res.url)
+          })
+          .catch(() => {
+            reject('上传失败')
+          })
+      })
+      .catch(() => {
+        reject('获取Signature失败')
+      })
+  })
+
+const init = {
+  language: 'zh-Hans',
+  height: 600,
+  menubar: false,
+  statusbar: false,
+  plugins: 'table charmap fullscreen lists link code preview quickbars',
+  toolbar:
+    'undo redo | fontsizeselect lineheight bold italic underline strikethrough forecolor backcolor | link quickimage image media table | align hangingindent indent outdent numlist bullist | charmap  blockquote hr fullscreen | code preview',
+  // font_formats:
+  //   '微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Times New Roman',
+  fontsize_formats: '8px 10px 12px 14px 15px 16px 17px 18px 20px 24px',
+  lineheight_formats: '0.5 1 1.2 1.5 2',
+  images_upload_handler: ImageUploadHandler,
+  automatic_uploads: true,
+  quickbars_insert_toolbar: false,
+  // style_formats: [{ title: '悬挂缩进', block: 'p', styles: { textIndent: '-2em', paddingLeft: '2em' } }],
+  content_style: 'img {max-width:100%;}'
+}
+</script>
+
+<template>
+  <editor :init="init" v-bind="$attrs" style="width: 100%" />
+</template>
--- a/src/main.ts
+++ b/src/main.ts
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import '@/assets/styles/element/index.scss'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+
+import AppCard from '@/components/base/AppCard.vue'
+import AppList from '@/components/base/AppList.vue'
+import AppUpload from '@/components/base/AppUpload.vue'
+
+import modules from './modules'
+
+const app = createApp(App)
+// 注册公共组件
+app.component('AppCard', AppCard).component('AppList', AppList).component('AppUpload', AppUpload)
+// 注册模块
+modules({ router })
+
+app.use(createPinia())
+app.use(router)
+app.use(ElementPlus, { locale: zhCn })
+
+app.mount('#app')
--- a/src/modules/admin/audit/api.ts
+++ b/src/modules/admin/audit/api.ts
+import httpRequest from '@/utils/axios'
+
+// 获取视频列表
+export function getVideoList(params?: { type?: string; page?: number; page_size?: number }) {
+  return httpRequest.get('/api/psp/backend/video/index', { params })
+}
--- a/src/modules/admin/audit/index.ts
+++ b/src/modules/admin/audit/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/admin/audit',
+    component: AppLayout,
+    children: [{ path: '', component: () => import('./views/List.vue') }]
+  }
+]
--- a/src/modules/admin/audit/views/List.vue
+++ b/src/modules/admin/audit/views/List.vue
+<script setup lang="ts"></script>
+<template>
+  <AppCard title="资源审核管理"></AppCard>
+</template>
--- a/src/modules/admin/category/api.ts
+++ b/src/modules/admin/category/api.ts
+import httpRequest from '@/utils/axios'
+
+// 获取视频列表
+export function getVideoList(params?: { type?: string; page?: number; page_size?: number }) {
+  return httpRequest.get('/api/psp/backend/video/index', { params })
+}
--- a/src/modules/admin/category/index.ts
+++ b/src/modules/admin/category/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/admin/category',
+    component: AppLayout,
+    children: [{ path: '', component: () => import('./views/List.vue') }]
+  }
+]
--- a/src/modules/admin/category/views/List.vue
+++ b/src/modules/admin/category/views/List.vue
+<script setup lang="ts"></script>
+<template>
+  <AppCard title="类别管理"></AppCard>
+</template>
--- a/src/modules/admin/index.ts
+++ b/src/modules/admin/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/admin',
+    redirect: '/admin/teacher'
+  }
+]
--- a/src/modules/admin/teacher/api.ts
+++ b/src/modules/admin/teacher/api.ts
+import httpRequest from '@/utils/axios'
+
+// 获取视频列表
+export function getVideoList(params?: { type?: string; page?: number; page_size?: number }) {
+  return httpRequest.get('/api/psp/backend/video/index', { params })
+}
--- a/src/modules/admin/teacher/index.ts
+++ b/src/modules/admin/teacher/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/admin/teacher',
+    component: AppLayout,
+    children: [{ path: '', component: () => import('./views/List.vue') }]
+  }
+]
--- a/src/modules/admin/teacher/views/List.vue
+++ b/src/modules/admin/teacher/views/List.vue
+<script setup lang="ts"></script>
+<template>
+  <AppCard title="讲师管理"></AppCard>
+</template>
--- a/src/modules/index.ts
+++ b/src/modules/index.ts
+import type { Router, RouteRecordRaw } from 'vue-router'
+
+export default function ({ router }: { router: Router }) {
+  const modules: Array<{ routes: Array<RouteRecordRaw> }> = Object.values(import.meta.globEager('./**/index.ts'))
+  modules.forEach(({ routes = [] }) => {
+    // 注册路由
+    routes.forEach(route => {
+      router.addRoute(route)
+    })
+  })
+}
--- a/src/modules/resource/dashboard/api.ts
+++ b/src/modules/resource/dashboard/api.ts
+import httpRequest from '@/utils/axios'
+
+// 获取视频列表
+export function getVideoList(params?: { type?: string; page?: number; page_size?: number }) {
+  return httpRequest.get('/api/psp/backend/video/index', { params })
+}
--- a/src/modules/resource/dashboard/index.ts
+++ b/src/modules/resource/dashboard/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/resource/dashboard',
+    component: AppLayout,
+    children: [{ path: '', component: () => import('./views/Index.vue') }]
+  }
+]
--- a/src/modules/resource/dashboard/views/Index.vue
+++ b/src/modules/resource/dashboard/views/Index.vue
+<script setup lang="ts"></script>
+<template>
+  <AppCard title="资源统计"></AppCard>
+  <AppCard title="最新资源"></AppCard>
+  <AppCard title="最热资源"></AppCard>
+  <AppCard title="最近学习"></AppCard>
+</template>
--- a/src/modules/resource/index.ts
+++ b/src/modules/resource/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/resource',
+    redirect: '/resource/dashboard'
+  }
+]
--- a/src/modules/resource/video/api.ts
+++ b/src/modules/resource/video/api.ts
+import httpRequest from '@/utils/axios'
+
+// 获取视频列表
+export function getVideoList(params?: { type?: string; page?: number; page_size?: number }) {
+  return httpRequest.get('/api/psp/backend/video/index', { params })
+}
+
+// 创建视频
+export function createVideo(data: { course_name: string; cover_page: string; type: string; weight?: string }) {
+  return httpRequest.post('/api/psp/backend/video/create', data)
+}
+
+// 更新视频
+export function updateVideo(data: { id: string; course_name: string; cover_page: string; type: string; weight?: string }) {
+  return httpRequest.post('/api/psp/backend/video/update', data)
+}
+
+// 获取视频详情
+export function getVideo(params: { id: string }) {
+  return httpRequest.get('/api/psp/backend/video/view', { params })
+}
--- a/src/modules/resource/video/index.ts
+++ b/src/modules/resource/video/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/resource/video',
+    component: AppLayout,
+    children: [
+      { path: '', component: () => import('./views/List.vue') },
+      { path: 'create', component: () => import('./views/Update.vue') },
+      { path: 'update/:id', component: () => import('./views/Update.vue'), props: true }
+    ]
+  }
+]
--- a/src/modules/resource/video/views/List.vue
+++ b/src/modules/resource/video/views/List.vue
+<script setup lang="ts">
+import { getVideoList } from '../api'
+
+const appList = ref()
+
+const isCard = ref(false)
+
+const listOptions = {
+  remote: {
+    httpRequest: getVideoList,
+    params: { type: '' },
+    beforeRequest(params: any) {
+      // params.type = 选项卡类型
+      return params
+    }
+  },
+  filters: [
+    { type: 'select', prop: 'type', label: '状态' },
+    { type: 'select', prop: 'project_id', label: '项目' },
+    { type: 'select', prop: 'category_id', label: '类别' }
+  ],
+  columns: [
+    { label: '封面', slots: 'table-cover', width: 224 },
+    { label: 'ID', prop: 'id' },
+    { label: '标题', prop: 'course_name' },
+    { label: '类型', prop: 'type_name' },
+    { label: '浏览量', prop: 'pv' },
+    { label: '创建时间', prop: 'created_time' },
+    { label: '操作', slots: 'table-operate', width: 230, align: 'right' }
+  ],
+  data: [
+    { id: 1, title: '视频标题', type: '视频分类' },
+    { id: 2, title: '视频标题', type: '视频分类' }
+  ]
+}
+</script>
+
+<template>
+  <AppCard>
+    <el-switch v-model="isCard"></el-switch>
+    <el-tabs>
+      <el-tab-pane label="个人资源"></el-tab-pane>
+      <el-tab-pane label="部门资源"></el-tab-pane>
+      <el-tab-pane label="公开资源"></el-tab-pane>
+    </el-tabs>
+    <router-link to="/resource/video/create">
+      <el-button type="primary" round>新建视频资源</el-button>
+    </router-link>
+    <AppList v-bind="listOptions" ref="appList">
+      <template #header-aside> </template>
+      <template #table-operate="{ row }">
+        <el-space>
+          <router-link :to="`/video/update/${row.id}`">
+            <el-button plain>编辑</el-button>
+          </router-link>
+          <!-- <router-link :to="`/video/view/${row.id}`">
+            <el-button type="primary" plain>查看</el-button>
+          </router-link> -->
+        </el-space>
+      </template>
+
+      <!-- 卡片 -->
+      <template #body="{ data }" v-if="isCard">
+        <div class="resource-video-item" v-for="item in data" :key="item.id">{{ item.title }}</div>
+      </template>
+    </AppList>
+  </AppCard>
+</template>
--- a/src/modules/resource/video/views/Update.vue
+++ b/src/modules/resource/video/views/Update.vue
+<script setup lang="ts">
+import { ElMessage } from 'element-plus'
+import type { FormInstance } from 'element-plus'
+import { createVideo, updateVideo, getVideo } from '../api'
+
+const props = defineProps<{ id?: string }>()
+
+const router = useRouter()
+
+const formRef = ref<FormInstance>()
+const form = reactive({ course_name: '', type: '', cover_page: '', aliyun_video_id: '', weight: '' })
+const rules = {
+  course_name: [{ required: true, message: '请输入标题', trigger: 'blur' }],
+  type: [{ required: true, message: '请选择类型', trigger: 'change' }],
+  cover_page: [{ required: true, message: '请上传视频封面图片', trigger: 'change' }],
+  aliyun_video_id: [{ required: true, message: '请输入阿里云播放视频ID', trigger: 'blur' }]
+}
+const typeList = [
+  { label: '入学指南', value: '1' },
+  { label: '学习地图', value: '2' },
+  { label: '考试攻略', value: '3' }
+]
+// 提交
+const onSubmit = () => {
+  if (!formRef.value) return
+  formRef.value.validate().then(() => {
+    props.id ? update() : create()
+  })
+}
+// 取消
+const onCancel = () => {
+  router.replace('/video')
+}
+// 创建
+const create = () => {
+  createVideo(form).then(() => {
+    ElMessage({ message: '创建成功', type: 'success' })
+    router.push('/video')
+  })
+}
+// 修改
+const update = () => {
+  const params = { ...form, id: props.id as string }
+  updateVideo(params).then(() => {
+    ElMessage({ message: '修改成功', type: 'success' })
+    router.push('/video')
+  })
+}
+
+onMounted(() => {
+  props.id &&
+    getVideo({ id: props.id }).then(res => {
+      Object.assign(form, res.data)
+    })
+})
+</script>
+
+<template>
+  <AppCard>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="140px">
+      <el-form-item label="标题" prop="course_name">
+        <el-input v-model="form.course_name" />
+      </el-form-item>
+      <el-form-item label="类型" prop="type">
+        <el-select v-model="form.type">
+          <el-option v-for="item in typeList" :label="item.label" :value="item.value" :key="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="权重" prop="weight">
+        <el-input type="number" v-model="form.weight" controls-position="right" />
+      </el-form-item>
+      <el-form-item label="视频封面" prop="cover_page">
+        <AppUpload v-model="form.cover_page"></AppUpload>
+      </el-form-item>
+      <el-form-item label="阿里云播放视频ID" prop="aliyun_video_id">
+        <el-input v-model="form.aliyun_video_id" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" auto-insert-space @click="onSubmit">保存</el-button>
+        <el-button auto-insert-space @click="onCancel">取消</el-button>
+      </el-form-item>
+    </el-form>
+  </AppCard>
+</template>
--- a/src/modules/system/cover/api.ts
+++ b/src/modules/system/cover/api.ts
+import httpRequest from '@/utils/axios'
+
+// 获取视频列表
+export function getVideoList(params?: { type?: string; page?: number; page_size?: number }) {
+  return httpRequest.get('/api/psp/backend/video/index', { params })
+}
--- a/src/modules/system/cover/index.ts
+++ b/src/modules/system/cover/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/system/cover',
+    component: AppLayout,
+    children: [{ path: '', component: () => import('./views/List.vue') }]
+  }
+]
--- a/src/modules/system/cover/views/List.vue
+++ b/src/modules/system/cover/views/List.vue
+<script setup lang="ts"></script>
+<template>
+  <AppCard title="封面管理"></AppCard>
+</template>
--- a/src/modules/system/dictionary/api.ts
+++ b/src/modules/system/dictionary/api.ts
+import httpRequest from '@/utils/axios'
+
+// 获取视频列表
+export function getVideoList(params?: { type?: string; page?: number; page_size?: number }) {
+  return httpRequest.get('/api/psp/backend/video/index', { params })
+}
--- a/src/modules/system/dictionary/index.ts
+++ b/src/modules/system/dictionary/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/system/dictionary',
+    component: AppLayout,
+    children: [{ path: '', component: () => import('./views/List.vue') }]
+  }
+]
--- a/src/modules/system/dictionary/views/List.vue
+++ b/src/modules/system/dictionary/views/List.vue
+<script setup lang="ts">
+import { getVideoList } from '../api'
+
+const appList = ref()
+
+const listOptions = {
+  remote: {
+    httpRequest: getVideoList,
+    params: { type: '' }
+  },
+  filters: [
+    { type: 'select', prop: 'type', label: '状态' },
+    { type: 'select', prop: 'project_id', label: '项目' },
+    { type: 'select', prop: 'category_id', label: '类别' }
+  ],
+  columns: [
+    { label: '封面', slots: 'table-cover', width: 224 },
+    { label: 'ID', prop: 'id' },
+    { label: '标题', prop: 'course_name' },
+    { label: '类型', prop: 'type_name' },
+    { label: '浏览量', prop: 'pv' },
+    { label: '创建时间', prop: 'created_time' },
+    { label: '操作', slots: 'table-operate', width: 230, align: 'right' }
+  ],
+  data: [
+    { id: 1, title: '视频标题', type: '视频分类' },
+    { id: 2, title: '视频标题', type: '视频分类' }
+  ]
+}
+</script>
+
+<template>
+  <AppCard title="数据字典">
+    <router-link to="/resource/video/create">
+      <el-button type="primary" round>新建视频资源</el-button>
+    </router-link>
+    <AppList v-bind="listOptions" ref="appList">
+      <template #header-aside> </template>
+      <template #table-operate="{ row }">
+        <el-space>
+          <router-link :to="`/video/update/${row.id}`">
+            <el-button plain>编辑</el-button>
+          </router-link>
+          <!-- <router-link :to="`/video/view/${row.id}`">
+            <el-button type="primary" plain>查看</el-button>
+          </router-link> -->
+        </el-space>
+      </template>
+    </AppList>
+  </AppCard>
+</template>
--- a/src/modules/system/index.ts
+++ b/src/modules/system/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/system',
+    redirect: '/system/dictionary'
+  }
+]
--- a/src/router/index.ts
+++ b/src/router/index.ts
+import { createRouter, createWebHistory } from 'vue-router'
+import { useUserStore } from '@/stores/user'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [{ path: '/:pathMatch(.*)*', redirect: '/resource/dashboard' }]
+})
+
+router.beforeEach(async (to, from, next) => {
+  const user = useUserStore()
+  if (!user.isLogin) {
+    try {
+      await user.getUser()
+    } catch (e) {
+      console.error(e)
+    }
+    user.isLogin ? next() : (location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`)
+    return
+  }
+  next()
+})
+
+export default router
--- a/src/stores/user.ts
+++ b/src/stores/user.ts
+import { defineStore } from 'pinia'
+import { getUser, logout } from '@/api/base'
+
+interface IUserState {
+  id: string
+  avatar: string
+  mobile: string
+  realname: string
+  nickname: string
+  username: string
+  email: string
+}
+
+export const useUserStore = defineStore({
+  id: 'user',
+  state: () => {
+    return {
+      user: null as IUserState | null
+    }
+  },
+  getters: {
+    isLogin: state => !!state.user,
+    userName: ({ user }) => {
+      if (!user) return ''
+      return user.realname || user.nickname || user.username || ''
+    }
+  },
+  actions: {
+    async getUser() {
+      const res = await getUser()
+      this.user = res.data
+    },
+    async logout() {
+      await logout()
+      this.user = null
+    }
+  }
+})
--- a/src/types.ts
+++ b/src/types.ts
+import type { Component } from 'vue'
+
+export interface IMenuItem {
+  name: string
+  path: string
+  icon?: Component
+  children?: IMenuItem[]
+}
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
+import axios from 'axios'
+import qs from 'qs'
+import { ElMessage } from 'element-plus'
+import router from '@/router'
+
+const httpRequest = axios.create({
+  // baseURL: 'https://project-api.ezijing.com',
+  timeout: 60000,
+  withCredentials: true,
+  headers: {
+    'Content-Type': 'application/x-www-form-urlencoded'
+  }
+})
+// 请求拦截
+httpRequest.interceptors.request.use(
+  function (config) {
+    if (config.headers?.['Content-Type'] === 'application/x-www-form-urlencoded') {
+      config.data = qs.stringify(config.data, { skipNulls: true })
+    }
+    if (config.headers?.['Content-Type'] === 'multipart/form-data') {
+      const formData = new window.FormData()
+      for (const key in config.data) {
+        formData.append(key, config.data[key])
+      }
+      config.data = formData
+    }
+    return config
+  },
+  function (error) {
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截
+httpRequest.interceptors.response.use(
+  function (response) {
+    const { data } = response
+    // 未登录
+    if (data.code === 4001) {
+      location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
+      return Promise.reject(data)
+    }
+    if (data.code === 1) {
+      ElMessage.error(data.message || data.msg)
+      return Promise.reject(data)
+    }
+    return data
+  },
+  function (error) {
+    if (error.response) {
+      const { status, message } = error.response.data
+      // 未登录
+      if (status === 403) {
+        location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
+      } else if (status === 400) {
+        // 未授权
+        router.push('/401')
+      } else {
+        ElMessage.error(message)
+        console.error(`${status}: ${message}`)
+      }
+    } else {
+      console.log(error)
+    }
+    return Promise.reject(error.response || error)
+  }
+)
+
+export default httpRequest
--- a/tsconfig.json
+++ b/tsconfig.json
+{
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["env.d.ts", "auto-imports.d.ts", "src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    "allowJs": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+
+  "references": [
+    {
+      "path": "./tsconfig.vite-config.json"
+    }
+  ]
+}
--- a/tsconfig.vite-config.json
+++ b/tsconfig.vite-config.json
+{
+  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "include": ["vite.config.*"],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"]
+  }
+}
--- a/vite.config.ts
+++ b/vite.config.ts
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath, URL } from 'url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import checker from 'vite-plugin-checker'
+import AutoImport from 'unplugin-auto-import/vite'
+
+export default defineConfig(({ mode }) => ({
+  base: mode === 'prod' ? 'https://webapp-pub.ezijing.com/website/prod/center-resource/' : '/',
+  plugins: [
+    vue({ reactivityTransform: true }),
+    AutoImport({
+      imports: ['vue', 'vue/macros', 'vue-router', '@vueuse/core'],
+      dts: true,
+      eslintrc: { enabled: true }
+    }),
+    checker({ vueTsc: true, eslint: { lintCommand: 'eslint "./src/**/*.{vue,js,jsx,ts,tsx}"' } })
+  ],
+  server: {
+    open: true,
+    host: 'dev.ezijing.com',
+    https: {
+      key: fs.readFileSync(path.join(__dirname, './https/dev.ezijing.com.key')),
+      cert: fs.readFileSync(path.join(__dirname, './https/dev.ezijing.com.pem'))
+    },
+    proxy: {
+      '/api': 'https://learn-api.ezijing.com'
+    }
+  },
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  }
+}))