Initial commit

3e8c533f · 王鹏飞 · 3e8c533f · 3e8c533f · 3e8c533f · 3e8c533f
--- 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,
+    "EffectScope": true,
+    "asyncComputed": true,
+    "autoResetRef": true,
+    "computed": true,
+    "computedAsync": true,
+    "computedEager": true,
+    "computedInject": true,
+    "computedWithControl": true,
+    "controlledComputed": true,
+    "controlledRef": true,
+    "createApp": true,
+    "createEventHook": true,
+    "createGenericProjection": true,
+    "createGlobalState": true,
+    "createInjectionState": true,
+    "createProjection": true,
+    "createReactiveFn": true,
+    "createSharedComposable": true,
+    "createUnrefFn": true,
+    "customRef": true,
+    "debouncedRef": true,
+    "debouncedWatch": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "eagerComputed": true,
+    "effectScope": true,
+    "extendRef": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "ignorableWatch": true,
+    "inject": true,
+    "isDefined": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "logicAnd": true,
+    "logicNot": true,
+    "logicOr": true,
+    "makeDestructurable": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeRouteLeave": true,
+    "onBeforeRouteUpdate": 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,
+    "resolveDirective": true,
+    "resolveRef": true,
+    "resolveUnref": 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,
+    "useAbs": true,
+    "useActiveElement": true,
+    "useArrayEvery": true,
+    "useArrayFilter": true,
+    "useArrayFind": true,
+    "useArrayFindIndex": true,
+    "useArrayJoin": true,
+    "useArrayMap": true,
+    "useArrayReduce": true,
+    "useArraySome": true,
+    "useAsyncQueue": true,
+    "useAsyncState": true,
+    "useAttrs": true,
+    "useAverage": true,
+    "useBase64": true,
+    "useBattery": true,
+    "useBluetooth": true,
+    "useBreakpoints": true,
+    "useBroadcastChannel": true,
+    "useBrowserLocation": true,
+    "useCached": true,
+    "useCeil": true,
+    "useClamp": true,
+    "useClipboard": true,
+    "useCloned": true,
+    "useColorMode": true,
+    "useConfirmDialog": true,
+    "useCounter": true,
+    "useCssModule": true,
+    "useCssVar": true,
+    "useCssVars": true,
+    "useCurrentElement": true,
+    "useCycleList": true,
+    "useDark": true,
+    "useDateFormat": true,
+    "useDebounce": true,
+    "useDebounceFn": true,
+    "useDebouncedRefHistory": true,
+    "useDeviceMotion": true,
+    "useDeviceOrientation": true,
+    "useDevicePixelRatio": true,
+    "useDevicesList": true,
+    "useDisplayMedia": true,
+    "useDocumentVisibility": true,
+    "useDraggable": true,
+    "useDropZone": true,
+    "useElementBounding": true,
+    "useElementByPoint": true,
+    "useElementHover": true,
+    "useElementSize": true,
+    "useElementVisibility": true,
+    "useEventBus": true,
+    "useEventListener": true,
+    "useEventSource": true,
+    "useEyeDropper": true,
+    "useFavicon": true,
+    "useFetch": true,
+    "useFileDialog": true,
+    "useFileSystemAccess": true,
+    "useFloor": true,
+    "useFocus": true,
+    "useFocusWithin": true,
+    "useFps": true,
+    "useFullscreen": true,
+    "useGamepad": true,
+    "useGeolocation": true,
+    "useIdle": true,
+    "useImage": true,
+    "useInfiniteScroll": true,
+    "useIntersectionObserver": true,
+    "useInterval": true,
+    "useIntervalFn": true,
+    "useKeyModifier": true,
+    "useLastChanged": true,
+    "useLink": true,
+    "useLocalStorage": true,
+    "useMagicKeys": true,
+    "useManualRefHistory": true,
+    "useMath": true,
+    "useMax": true,
+    "useMediaControls": true,
+    "useMediaQuery": true,
+    "useMemoize": true,
+    "useMemory": true,
+    "useMin": true,
+    "useMounted": true,
+    "useMouse": true,
+    "useMouseInElement": true,
+    "useMousePressed": true,
+    "useMutationObserver": true,
+    "useNavigatorLanguage": true,
+    "useNetwork": true,
+    "useNow": true,
+    "useObjectUrl": true,
+    "useOffsetPagination": true,
+    "useOnline": true,
+    "usePageLeave": true,
+    "useParallax": true,
+    "usePermission": true,
+    "usePointer": true,
+    "usePointerSwipe": true,
+    "usePrecision": true,
+    "usePreferredColorScheme": true,
+    "usePreferredContrast": true,
+    "usePreferredDark": true,
+    "usePreferredLanguages": true,
+    "usePreferredReducedMotion": true,
+    "useProjection": true,
+    "useRafFn": true,
+    "useRefHistory": true,
+    "useResizeObserver": true,
+    "useRound": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useScreenOrientation": true,
+    "useScreenSafeArea": true,
+    "useScriptTag": true,
+    "useScroll": true,
+    "useScrollLock": true,
+    "useSessionStorage": true,
+    "useShare": true,
+    "useSlots": true,
+    "useSorted": true,
+    "useSpeechRecognition": true,
+    "useSpeechSynthesis": true,
+    "useStepper": true,
+    "useStorage": true,
+    "useStorageAsync": true,
+    "useStyleTag": true,
+    "useSum": true,
+    "useSupported": true,
+    "useSwipe": true,
+    "useTemplateRefsList": true,
+    "useTextDirection": true,
+    "useTextSelection": true,
+    "useTextareaAutosize": true,
+    "useThrottle": true,
+    "useThrottleFn": true,
+    "useThrottledRefHistory": true,
+    "useTimeAgo": true,
+    "useTimeout": true,
+    "useTimeoutFn": true,
+    "useTimeoutPoll": true,
+    "useTimestamp": true,
+    "useTitle": true,
+    "useToFixed": true,
+    "useToNumber": true,
+    "useToString": true,
+    "useToggle": true,
+    "useTransition": true,
+    "useTrunc": true,
+    "useUrlSearchParams": true,
+    "useUserMedia": true,
+    "useVModel": true,
+    "useVModels": true,
+    "useVibrate": true,
+    "useVirtualList": true,
+    "useWakeLock": true,
+    "useWebNotification": true,
+    "useWebSocket": true,
+    "useWebWorker": true,
+    "useWebWorkerFn": true,
+    "useWindowFocus": true,
+    "useWindowScroll": true,
+    "useWindowSize": true,
+    "watch": true,
+    "watchArray": true,
+    "watchAtMost": true,
+    "watchDebounced": true,
+    "watchEffect": true,
+    "watchIgnorable": true,
+    "watchOnce": true,
+    "watchPausable": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true,
+    "watchThrottled": true,
+    "watchTriggerable": 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'
+  ],
+  rules: {
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-explicit-any': 'off'
+  },
+  parserOptions: {
+    ecmaVersion: 'latest'
+  }
+}
--- 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": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}
--- a/README.md
+++ b/README.md
+# project-online-fi
+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=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.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=Vue.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'
+export {}
+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 EffectScope: typeof import('vue')['EffectScope']
+  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 createGenericProjection: typeof import('@vueuse/math')['createGenericProjection']
+  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
+  const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
+  const createProjection: typeof import('@vueuse/math')['createProjection']
+  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 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 isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const logicAnd: typeof import('@vueuse/math')['logicAnd']
+  const logicNot: typeof import('@vueuse/math')['logicNot']
+  const logicOr: typeof import('@vueuse/math')['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 onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  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 resolveDirective: typeof import('vue')['resolveDirective']
+  const resolveRef: typeof import('@vueuse/core')['resolveRef']
+  const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
+  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 useAbs: typeof import('@vueuse/math')['useAbs']
+  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
+  const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
+  const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
+  const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
+  const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
+  const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
+  const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
+  const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
+  const useArraySome: typeof import('@vueuse/core')['useArraySome']
+  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
+  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useAverage: typeof import('@vueuse/math')['useAverage']
+  const useBase64: typeof import('@vueuse/core')['useBase64']
+  const useBattery: typeof import('@vueuse/core')['useBattery']
+  const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
+  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 useCeil: typeof import('@vueuse/math')['useCeil']
+  const useClamp: typeof import('@vueuse/math')['useClamp']
+  const useClipboard: typeof import('@vueuse/core')['useClipboard']
+  const useCloned: typeof import('@vueuse/core')['useCloned']
+  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 useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
+  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 useDropZone: typeof import('@vueuse/core')['useDropZone']
+  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 useFileDialog: typeof import('@vueuse/core')['useFileDialog']
+  const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
+  const useFloor: typeof import('@vueuse/math')['useFloor']
+  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 useImage: typeof import('@vueuse/core')['useImage']
+  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 useLink: typeof import('vue-router')['useLink']
+  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
+  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
+  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
+  const useMath: typeof import('@vueuse/math')['useMath']
+  const useMax: typeof import('@vueuse/math')['useMax']
+  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 useMin: typeof import('@vueuse/math')['useMin']
+  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 useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
+  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 usePrecision: typeof import('@vueuse/math')['usePrecision']
+  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
+  const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
+  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
+  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
+  const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
+  const useProjection: typeof import('@vueuse/math')['useProjection']
+  const useRafFn: typeof import('@vueuse/core')['useRafFn']
+  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
+  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
+  const useRound: typeof import('@vueuse/math')['useRound']
+  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 useSorted: typeof import('@vueuse/core')['useSorted']
+  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
+  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+  const useStepper: typeof import('@vueuse/core')['useStepper']
+  const useStorage: typeof import('@vueuse/core')['useStorage']
+  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
+  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
+  const useSum: typeof import('@vueuse/math')['useSum']
+  const useSupported: typeof import('@vueuse/core')['useSupported']
+  const useSwipe: typeof import('@vueuse/core')['useSwipe']
+  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
+  const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
+  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+  const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
+  const useThrottle: typeof import('@vueuse/core')['useThrottle']
+  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
+  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 useToFixed: typeof import('@vueuse/math')['useToFixed']
+  const useToNumber: typeof import('@vueuse/core')['useToNumber']
+  const useToString: typeof import('@vueuse/core')['useToString']
+  const useToggle: typeof import('@vueuse/core')['useToggle']
+  const useTransition: typeof import('@vueuse/core')['useTransition']
+  const useTrunc: typeof import('@vueuse/math')['useTrunc']
+  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
+  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
+  const useVModel: typeof import('@vueuse/core')['useVModel']
+  const useVModels: typeof import('@vueuse/core')['useVModels']
+  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+  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 watchArray: typeof import('@vueuse/core')['watchArray']
+  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 watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+  const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+  const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
+  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
+  const whenever: typeof import('@vueuse/core')['whenever']
+}
--- a/cert.js
+++ b/cert.js
+import fs from 'node:fs'
+import path from 'node:path'
+import axios from 'axios'
+const __dirname = path.resolve()
+const domain = 'dev.ezijing.com'
+const outputPath = './https'
+// 生成文件夹
+function genOutputDir() {
+  if (fs.existsSync(outputPath)) {
+    console.log('The path exists.')
+  } else {
+    fs.mkdir(outputPath, { recursive: true }, err => {
+      if (err) throw err
+    })
+  }
+}
+function downloadCertFile() {
+  genOutputDir()
+  axios.get(`https://ssl.godzyx.com/${domain}/${domain}.key?get=allow`, { responseType: 'stream' }).then(response => {
+    response.data.pipe(fs.createWriteStream(path.join(__dirname, `${outputPath}/${domain}.key`)))
+  })
+  axios.get(`https://ssl.godzyx.com/${domain}/${domain}.pem?get=allow`, { responseType: 'stream' }).then(response => {
+    response.data.pipe(fs.createWriteStream(path.join(__dirname, `${outputPath}/${domain}.pem`)))
+  })
+}
+downloadCertFile()
--- a/deploy.js
+++ b/deploy.js
+import fs from 'node:fs'
+import path from 'node: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/project-online-fi')
--- 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-----
+MIIEpAIBAAKCAQEAucCbdPPyAp6vmnr5XObuPsctUhVLyXwqbIpgI5jWzjG7wmk8
+V6z8WJKPO9KZM6D9ejtN/bbbd3j1cRiw7NSl8AUykiVHJWz9TXAflET2EpILLera
+I1B2XAcBsc8dZBGGJD/LT97ZvNLYzuQOr7R1wytWH1uisAK5ClzgnSptMenXFyhw
+5Xw0Lm3zoeeqYF/KMQ1McAYMGxgu6s6dxXKiA0BcgWQ31yZey0c4HhCt7T7sA/UN
+ahUsxtCcSNSvdgXay5Pu/l3N88TwW2QzaCzrueILHWRFwkREhpqyrwjN3gkaa+1T
+jLxzCsk/pTnPccxlFwc3YQ3hYLMl36NJ/OIpHwIDAQABAoIBACuMmaXYz6OHmroI
+HNCIH9E+F0UIUyVg4/1gj9uoqKvdAx04WPphRyRo8AXhgSOWmfb/UnCqX1fqVvj2
+BfzwehsEzO9wp/aBT/3IzM6RQHPoI5DXX98prSY0SlRqr4RXi3CSOFN4duoLMOOI
+mlzdXUKttVpSvJixerqQPeT7HnC18NBKOydFMYPdXsgWcMXvu2BuvRClIzsjlXKM
+VP00BNRY3Oje6T9yl8N051jIZh48YD3yyEAVFKPOWaJVzUU/RRPOOdTb2Y3A1bek
+IbCdurdzoEQoJxkeTuColnuL1jj2mpxIBskKYhPAMV5arYS0pZ0VAtjoGGCyn7gT
+l/bkTVkCgYEA6EB15hzRD2iTTIFMtDBqw0l3vJWcuWPvwFZl6zculO8Cdsvx0cDZ
+VbEXByA0+CG3q47/UrVqETRhtyuVnxuKrceKU8/zib1dvvTMNjeYLKosjyG49xO6
+gDx7nVBwYHmQN/iEuWTobLg1vtSNyd99WgG4cFHvqF7kIJb2W0IaGrsCgYEAzL70
+VHn9BUP3CGecoU8Fnck9/7GWhvGgFU58Q/dU3Jr8g6lroeDas9zQU2tCnJN0e7cr
+13thq2kQQHTYCY4J6EUtjO89sNVx4bO83xqQhobZBwZXkE5QDWIKCbiYGRLAb1+f
+AAEwIEdPBgM88YFHOU5YbPTYH8TLkJfxyvMonu0CgYEArGWE3n3PdVeT1zs3O52g
+8jrrpVGNF1QmWCgJ2VKJwkW0F4iFhMRYzzH3vPNcPj+Q/cjUn4lIJWMzkWrJ0mP4
+ScyPUm1PApRNLPy7RRd5XtYm40wN52F+k8fRnlFiSUqTEejoZFGR8Xm/c1qFsS6y
+9ofGZ6F6ewmM3uAQGGd1xxcCgYBFhjoVTW8bkJ6b3gMTy2+Oyr0gzD7fB8FiOsp7
+kcrhNke0tZz01ROuq7aZ/Pwbiv6s2+ApRZ4+xGheWs7ZP8AhfQwgpUR/fZs0FwJ1
+h+G3rKaZeg/V0qHgSYA7GNGdAf8SUpf9OmoLK+urkQHqyAlVbkMcjG+vKfYt3Uqf
+rb4HaQKBgQCxm1oz9QrmxWKJ4eYKHSsD9UPu4QZhltBECH1btgvTwAEmwuXaCcta
+RaFNhMe609sQ+YVIxa9fK0MXBiq7DG6nSLGvnLfVEYo4nGe6EvL9nQ7IFZywJjTb
+/Fw4rTMwT59VSWJdv8BPznV7Gk7p17fcXM55iJxxu65r3ZuOXjQSGA==
+-----END RSA PRIVATE KEY-----
\ No newline at end of file
--- a/https/dev.ezijing.com.pem
+++ b/https/dev.ezijing.com.pem
+-----BEGIN CERTIFICATE-----
+MIIGtjCCBZ6gAwIBAgIQDjUArTRdZ4P5wtQVmCqJGjANBgkqhkiG9w0BAQsFADBj
+MQswCQYDVQQGEwJDTjE2MDQGA1UECgwtQmVpamluZyBYaW5jaGFjaGEgQ3JlZGl0
+IE1hbmFnZW1lbnQgQ28uLCBMdGQuMRwwGgYDVQQDDBNYY2MgVHJ1c3QgT1YgU1NM
+IENBMB4XDTIyMDgxODE0MDAzMVoXDTIzMDkxNzE0MDAzMFowgY4xCzAJBgNVBAYT
+AkNOMRIwEAYDVQQIDAnljJfkuqzluIIxEjAQBgNVBAcMCeWMl+S6rOW4gjE/MD0G
+A1UECgw25riF5o6n57Sr6I2G77yI5YyX5Lqs77yJ5pWZ6IKy56eR5oqA6IKh5Lu9
+5pyJ6ZmQ5YWs5Y+4MRYwFAYDVQQDDA0qLmV6aWppbmcuY29tMIIBIjANBgkqhkiG
+9w0BAQEFAAOCAQ8AMIIBCgKCAQEAucCbdPPyAp6vmnr5XObuPsctUhVLyXwqbIpg
+I5jWzjG7wmk8V6z8WJKPO9KZM6D9ejtN/bbbd3j1cRiw7NSl8AUykiVHJWz9TXAf
+lET2EpILLeraI1B2XAcBsc8dZBGGJD/LT97ZvNLYzuQOr7R1wytWH1uisAK5Clzg
+nSptMenXFyhw5Xw0Lm3zoeeqYF/KMQ1McAYMGxgu6s6dxXKiA0BcgWQ31yZey0c4
+HhCt7T7sA/UNahUsxtCcSNSvdgXay5Pu/l3N88TwW2QzaCzrueILHWRFwkREhpqy
+rwjN3gkaa+1TjLxzCsk/pTnPccxlFwc3YQ3hYLMl36NJ/OIpHwIDAQABo4IDODCC
+AzQwDAYDVR0TAQH/BAIwADBDBgNVHR8EPDA6MDigNqA0hjJodHRwOi8veGluY2hh
+Y2hhMm92LmNybC5jZXJ0dW0ucGwveGluY2hhY2hhMm92LmNybDB5BggrBgEFBQcB
+AQRtMGswLwYIKwYBBQUHMAGGI2h0dHA6Ly94aW5jaGFjaGEyb3Yub2NzcC1jZXJ0
+dW0uY29tMDgGCCsGAQUFBzAChixodHRwOi8vcmVwb3NpdG9yeS5jZXJ0dW0ucGwv
+eGluY2hhY2hhMm92LmNlcjAfBgNVHSMEGDAWgBT6oMvCx12BtSCSByALtjtwOwkO
+VTAdBgNVHQ4EFgQUEJufsd5nLNR+wqR2GsFWDn7qTn0wTAYDVR0gBEUwQzAIBgZn
+gQwBAgIwNwYMKoRoAYb2dwIFARYCMCcwJQYIKwYBBQUHAgEWGWh0dHBzOi8vd3d3
+LmNlcnR1bS5wbC9DUFMwHQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMA4G
+A1UdDwEB/wQEAwIFoDAlBgNVHREEHjAcgg0qLmV6aWppbmcuY29tggtlemlqaW5n
+LmNvbTCCAX4GCisGAQQB1nkCBAIEggFuBIIBagFoAHYAVYHUwhaQNgFK6gubVzxT
+8MDkOHhwJQgXL6OqHQcT0wwAAAGCsUFwdgAABAMARzBFAiAc51lynft4sehXTgyw
+tjQ83PAVmfZ3FC55eIpIETe2hgIhANvo5ZtGQpcZQ5HSGbRLy4Y9/MbUrS8dtkwP
+l7I/lRj7AHYArfe++nz/EMiLnT2cHj4YarRnKV3PsQwkyoWGNOvcgooAAAGCsUFw
+TwAABAMARzBFAiATnQDMw1wykBdnTIRfSSXPj7HZfDdRRq6VaiTbSpYKYQIhAMTp
+V6K0W9gtdYGdeg4j6n17S1yMODYvLJxd3kAFFNDTAHYAejKMVNi3LbYg6jjgUh7p
+hBZwMhOFTTvSK8E6V6NS61IAAAGCsUFwrQAABAMARzBFAiEAwWKXKxp6DcKG7R/d
+rxmPUg8uNbUcdxysrpB3gOzkIlACICWpx7/+2ulDG2EC9m4RqGcXbts3VWu/yxpE
+0pAYuAP8MA0GCSqGSIb3DQEBCwUAA4IBAQCf3AdKLO8EUntMjKaRa0lncwh/pBIQ
+bcQfkJBfiTpo6tnRphR+DE50oYOX1TSQRm4cDgP2JURYiTK6Z2+ljqMbUx4mNLqe
+6yG+PGCUX6rX4BsJqlRP2W7WONE/I3/3S6MRfclKmakHSyrGFi8O/JJyNqm+5z9
+8tnk8c1Cn7FboJZonhX0yszHkXLLeA93xm5+Etkw0+DvRcZGiEqKQivO3CnUh1gs
+LZg27a8s3dtmAAHbb2icm5jloK9Jgpx/NkGL/cCoNZ8Ng2TZkRvo6GzIp43uS332
+R07dQ6rNWZkPzdxKUdNcT0v3yJJyxD1H3Rk4/bxp78giw4JGHp52Df+U
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIEzzCCA7egAwIBAgIRAPJECC2rqQ2ljHLp8pqTQK4wDQYJKoZIhvcNAQELBQAw
+fjELMAkGA1UEBhMCUEwxIjAgBgNVBAoTGVVuaXpldG8gVGVjaG5vbG9naWVzIFMu
+QS4xJzAlBgNVBAsTHkNlcnR1bSBDZXJ0aWZpY2F0aW9uIEF1dGhvcml0eTEiMCAG
+A1UEAxMZQ2VydHVtIFRydXN0ZWQgTmV0d29yayBDQTAeFw0yMjA3MDEwNzQ4NDda
+Fw0yNzA2MzAwNzQ4NDdaMGMxCzAJBgNVBAYTAkNOMTYwNAYDVQQKDC1CZWlqaW5n
+IFhpbmNoYWNoYSBDcmVkaXQgTWFuYWdlbWVudCBDby4sIEx0ZC4xHDAaBgNVBAMM
+E1hjYyBUcnVzdCBPViBTU0wgQ0EwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEK
+AoIBAQCz2nxSPEsMeRBdunf+KZ8CrJIj9DUWGVu05WWyES+QkMHzVHCZt8cB2Blp
+qzHHqFsXSDHVzcMxDeXBbudmQwYbg5NpSwY9vJHPTl6vlAlK4UWN4+oPTgP9//RN
+N6KLmK3kjZ2Zc9F3kFKVaziSwVNjVvneacoUnz6blwLLBc5QelQ8oDT0eEv0QBAY
+I0T8pHDgcvWQqTBaRrOb80plDhYju464XbVhtOHvFCiBIkKnfUBnBfptWjGM8Kis
+sq4r8YX35B/pioj9g1YX34MLt+5L3vvWXEb2aMiwwB1Z3bSeeiU3N8aMuSb9E9jp
+zd0uhzRameU7jAIAr8uuunb7GUJ7AgMBAAGjggFhMIIBXTASBgNVHRMBAf8ECDAG
+AQH/AgEAMB0GA1UdDgQWBBT6oMvCx12BtSCSByALtjtwOwkOVTAfBgNVHSMEGDAW
+gBQIds3LB/8k9sXN7buQvOKEN0Z19zAOBgNVHQ8BAf8EBAMCAQYwHQYDVR0lBBYw
+FAYIKwYBBQUHAwEGCCsGAQUFBwMCMC8GA1UdHwQoMCYwJKAioCCGHmh0dHA6Ly9j
+cmwuY2VydHVtLnBsL2N0bmNhLmNybDBrBggrBgEFBQcBAQRfMF0wKAYIKwYBBQUH
+MAGGHGh0dHA6Ly9zdWJjYS5vY3NwLWNlcnR1bS5jb20wMQYIKwYBBQUHMAKGJWh0
+dHA6Ly9yZXBvc2l0b3J5LmNlcnR1bS5wbC9jdG5jYS5jZXIwOgYDVR0gBDMwMTAv
+BgRVHSAAMCcwJQYIKwYBBQUHAgEWGWh0dHBzOi8vd3d3LmNlcnR1bS5wbC9DUFMw
+DQYJKoZIhvcNAQELBQADggEBACWzdb59JyYc/WivKUcTEZ+H8WOTuv3AiR6rPljB
+QUEB/1kxIeBK+276WLJn0nFNFuT9QMUBo/iUvNvuRQqVjouuYB0Oea6zKQpeMWry
+oYtbheW+5NYAbdl9tYE4MRRK9zBLMRrQz35q+XfgMInozidhNHCvuulWk38OMM51
+O73z53+R1879nnoZZznoYnrnkISVDjlhe6OSMifvIJAwSYwH2z79Y6CTVgtqTDR9
+793Gr7UUmk5ydoxClxnku7voTX8iJUPcuAjElxFrhSQoxm6uXXOfItEqGvLkWAcq
+IC5mcyU9VpUg1YP+KkDMh+KQM7/k+2ka1em9hO+QHvJ08UQ=
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIEtDCCA5ygAwIBAgIRAJOShUABZXFflH8oj+/JmygwDQYJKoZIhvcNAQELBQAw
+PjELMAkGA1UEBhMCUEwxGzAZBgNVBAoTElVuaXpldG8gU3AuIHogby5vLjESMBAG
+A1UEAxMJQ2VydHVtIENBMB4XDTA4MTAyMjEyMDczN1oXDTI3MDYxMDEwNDYzOVow
+fjELMAkGA1UEBhMCUEwxIjAgBgNVBAoTGVVuaXpldG8gVGVjaG5vbG9naWVzIFMu
+QS4xJzAlBgNVBAsTHkNlcnR1bSBDZXJ0aWZpY2F0aW9uIEF1dGhvcml0eTEiMCAG
+A1UEAxMZQ2VydHVtIFRydXN0ZWQgTmV0d29yayBDQTCCASIwDQYJKoZIhvcNAQEB
+BQADggEPADCCAQoCggEBAOP7faNyusLwyRSH9WsBTuFuQAe6bSddf/dbLbNax1Ff
+q6QypmGHtm4PhtIwApf412lXoRg5XWpkecYBWaw8MUo4fNIE0kso6CBfOweizE1z
+2/OuT8dW1Vqnlon686to1COGWSfPCSe8rG5ygxwwct/gounS4XR1Gb0qnnsVVAQb
+10M5rVUoxeIau/TA5K44STPMdoWfOUXSpJ7yEoxR+HzkLX/1rF/rFp+xLdG6zJFC
+d0wlyZA4b9vwzPuOHpdZPtVgTuYFKO1JeRNLukjbL/ly0znK/h/YNHL1tEDPMQHD
+7N4RLRddH7hQ0V4Zp2neBzMoylCV+adUy1SGUEWp+UkCAwEAAaOCAWswggFnMA8G
+A1UdEwEB/wQFMAMBAf8wHQYDVR0OBBYEFAh2zcsH/yT2xc3tu5C84oQ3RnX3MFIG
+A1UdIwRLMEmhQqRAMD4xCzAJBgNVBAYTAlBMMRswGQYDVQQKExJVbml6ZXRvIFNw
+LiB6IG8uby4xEjAQBgNVBAMTCUNlcnR1bSBDQYIDAQAgMA4GA1UdDwEB/wQEAwIB
+BjAsBgNVHR8EJTAjMCGgH6AdhhtodHRwOi8vY3JsLmNlcnR1bS5wbC9jYS5jcmww
+aAYIKwYBBQUHAQEEXDBaMCgGCCsGAQUFBzABhhxodHRwOi8vc3ViY2Eub2NzcC1j
+ZXJ0dW0uY29tMC4GCCsGAQUFBzAChiJodHRwOi8vcmVwb3NpdG9yeS5jZXJ0dW0u
+cGwvY2EuY2VyMDkGA1UdIAQyMDAwLgYEVR0gADAmMCQGCCsGAQUFBwIBFhhodHRw
+Oi8vd3d3LmNlcnR1bS5wbC9DUFMwDQYJKoZIhvcNAQELBQADggEBAI3m/UBmo0yc
+p6uh2oTdHDAH5tvHLeyDoVbkHTwmoaUJK+h9Yr6ydZTdCPJ/KEHkgGcCToqPwzXQ
+1aknKOrS9KsGhkOujOP5iH3g271CgYACEnWy6BdxqyGVMUZCDYgQOdNv7C9C6kBT
+Yr/rynieq6LVLgXqM6vp1peUQl4E7Sztapx6lX0FKgV/CF1mrWHUdqx1lpdzY70a
+QVkppV4ig8OLWfqaova9ML9yHRyZhpzyhTwd9yaWLy75ArG1qVDoOPqbCl60BMDO
+TjksygtbYvBNWFA0meaaLNKQ1wmB1sCqXs7+0vehukvZ1oaOGR+mBkdCcuBWCgAc
+eLmNzJkEN0k=
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIDDDCCAfSgAwIBAgIDAQAgMA0GCSqGSIb3DQEBBQUAMD4xCzAJBgNVBAYTAlBM
+MRswGQYDVQQKExJVbml6ZXRvIFNwLiB6IG8uby4xEjAQBgNVBAMTCUNlcnR1bSBD
+QTAeFw0wMjA2MTExMDQ2MzlaFw0yNzA2MTExMDQ2MzlaMD4xCzAJBgNVBAYTAlBM
+MRswGQYDVQQKExJVbml6ZXRvIFNwLiB6IG8uby4xEjAQBgNVBAMTCUNlcnR1bSBD
+QTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAM6xwS7TT3zNJc4YPk/E
+jG+AanPIW1H4m9LcuwBcsaD8dQPugfCI7iNS6eYVM42sLQnFdvkrOYCJ5JdLkKWo
+ePhzQ3ukYbDYWMzhbGZ+nPMJXlVjhNWo7/OxLjBos8Q82KxujZlakE403Daaj4GI
+ULdtlkIJ89eVgw1BS7Bqa/j8D35in2fE7SZfECYPCE/wpFcozo+47UX2bu4lXapu
+Ob7kky/ZR6By6/qmW6/KUz/iDsaWVhFu9+lmqSbYf5VT7QqFiLpPKaVCjF62/IUg
+AKpoC6EahQGcxEZjgoi2IrHu/qpGWX7PNSzVttpd90gzFFS269lvzs2I1qsb2pY7
+HVkCAwEAAaMTMBEwDwYDVR0TAQH/BAUwAwEB/zANBgkqhkiG9w0BAQUFAAOCAQEA
+uI3O7+cUus/usESSbLQ5PqKEbq24IXfS1HeCh+YgQYHu4vgRt2PRFze+GXYkHAQa
+TOs9qmdvLdTN/mUxcMUbpgIKumB7bVjCmkn+YzILa+M6wKyrO7Do0wlRjBCDxjTg
+xSvgGrZgFCdsMneMvLJymM/NzD+5yCRCFNZX/OYmQ6kd5YCQzgNUKD73P9P4Te1q
+CjqTE5s7FCMTY5w/0YcneeVMUeMBrYVdGjux1XMQpNPyvG5k9VpWkKjHDkx0Dy5x
+O/fIR/RpbxXyEV6DHpx8Uq79AtoSqFlnGNu8cN2bsWntgM6JQEhqDjXKKWYVIZQs
+6GAqm4VKQPNriiTsBhYscw==
+-----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="theme-color" content="#3276fc" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
+    <title>清控紫荆金保</title>
+  </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": "project-online-fi",
+  "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 4173",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "deploy": "node ./deploy.js",
+    "cert": "node ./cert.js"
+  },
+  "dependencies": {
+    "@vueuse/core": "^9.4.0",
+    "axios": "^1.1.3",
+    "element-plus": "^2.2.19",
+    "pinia": "^2.0.23",
+    "swiper": "^8.4.4",
+    "vue": "^3.2.41",
+    "vue-router": "^4.1.6"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.1.4",
+    "@types/node": "^16.18.2",
+    "@vitejs/plugin-vue": "^3.2.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "@vue/tsconfig": "^0.1.3",
+    "ali-oss": "^6.17.1",
+    "chalk": "^5.1.2",
+    "eslint": "^8.21.0",
+    "eslint-plugin-vue": "^9.6.0",
+    "sass": "^1.55.0",
+    "typescript": "~4.7.4",
+    "unplugin-auto-import": "^0.11.4",
+    "vite": "^3.2.0",
+    "vue-tsc": "^1.0.9"
+  }
+}
--- a/src/App.vue
+++ b/src/App.vue
+<script lang="ts" setup>
+import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
+const breakpoints = useBreakpoints(breakpointsTailwind)
+const isMobile = breakpoints.smaller('md')
+</script>
+<template>
+  <router-view :class="{ 'is-h5': isMobile, 'is-pc': !isMobile }" />
+</template>
--- 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: object) {
+  return httpRequest.post('https://webapp-pub.oss-cn-beijing.aliyuncs.com', data, {
+    withCredentials: false,
+    headers: { 'Content-Type': 'multipart/form-data' }
+  })
+}
--- a/src/assets/css/base.css
+++ b/src/assets/css/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;
+}
+body {
+  min-width: 375px;
+  font-size: 14px;
+  background-color: #f9f8f8;
+}
+@media (min-width: 768px) {
+  html {
+    font-size: 100px;
+  }
+}
+@media (max-width: 768px) {
+  html {
+    font-size: 50px;
+  }
+}
--- a/src/assets/css/channel.scss
+++ b/src/assets/css/channel.scss
+.course {
+  padding: 60px 20px;
+  background: #f8f8f8;
+  dl {
+    display: flex;
+  }
+  dl + dl {
+    margin-top: 0.5rem;
+  }
+  dt {
+    img {
+      width: 20px;
+    }
+  }
+  dd {
+    flex: 1;
+    margin-left: 20px;
+    overflow: hidden;
+    h4 {
+      display: inline-block;
+      padding-bottom: 10px;
+      margin-bottom: 10px;
+      font-size: 16px;
+      font-weight: 500;
+      line-height: 1;
+      color: #333;
+      border-bottom: 1px solid #aa1941;
+    }
+    p {
+      font-size: 16px;
+      font-weight: 300;
+      line-height: 30px;
+      color: #424242;
+    }
+    p + p {
+      margin-top: 0.2rem;
+    }
+  }
+}
+.outline {
+  margin: 80px;
+  .outline-name {
+    color: #fff;
+    background-color: #aa1941;
+  }
+  .outline-quantity {
+    color: #fff;
+    background-color: #931638;
+  }
+  table {
+    width: 100%;
+  }
+  th {
+    font-size: 18px;
+    font-weight: bold;
+    line-height: 0.6rem;
+    text-align: center;
+  }
+  td {
+    padding: 18px;
+    font-size: 16px;
+    text-align: center;
+    border: 1px solid #ddd;
+  }
+  h2 {
+    font-size: 18px;
+    padding: 0.3rem 0;
+    color: #aa1941;
+  }
+}
+.is-h5 {
+  .course {
+    padding: 0.26rem 0.32rem;
+    background-color: #fff;
+    dt {
+      img {
+        width: 0.34rem;
+      }
+    }
+    dd {
+      margin-left: 0.34rem;
+      h4 {
+        font-size: 0.28rem;
+      }
+      p {
+        font-size: 0.24rem;
+        line-height: 0.4rem;
+      }
+    }
+  }
+  .outline {
+    margin: 0;
+    padding: 0.26rem 0.32rem;
+    background-color: #fff;
+    th {
+      font-size: 0.24rem;
+    }
+    td {
+      padding: 0.24rem;
+      font-size: 0.22rem;
+    }
+    h2 {
+      font-size: 0.28rem;
+    }
+  }
+}
--- a/src/assets/images/logo.png
+++ b/src/assets/images/logo.png
--- a/src/components.d.ts
+++ b/src/components.d.ts
+import AppCard from '@/components/base/AppCard.vue'
+import AppContainer from '@/components/base/AppContainer.vue'
+declare module 'vue' {
+  export interface GlobalComponents {
+    AppCard: typeof AppCard
+    AppContainer: typeof AppContainer
+  }
+}
--- 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>
+        <slot name="header-aside"></slot>
+      </slot>
+    </div>
+    <div class="app-card-bd">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<style lang="scss">
+.app-card {
+  margin: 70px 0;
+}
+.app-card-hd {
+  display: flex;
+  margin-bottom: 30px;
+}
+.app-card-hd__title {
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 1;
+  color: #424242;
+}
+.is-h5 {
+  .app-card {
+    margin: 0.4rem 0.3rem;
+  }
+  .app-card-hd {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 0.3rem;
+  }
+  .app-card-hd__title {
+    flex: 1;
+    border-left: 0.06rem solid #aa1941;
+    padding-left: 0.1rem;
+    font-size: 0.3rem;
+    font-weight: bold;
+    line-height: 1;
+  }
+  .app-card-hd__aside {
+    font-size: 0.2rem;
+    color: #9b9b9b;
+  }
+}
+</style>
--- a/src/components/base/AppContainer.vue
+++ b/src/components/base/AppContainer.vue
+<script lang="ts" setup>
+import { useRoute } from 'vue-router'
+interface IMenu {
+  path: string
+  name: string
+}
+defineProps<{ menus?: Array<IMenu> }>()
+const route = useRoute()
+function genClassName(menu: IMenu) {
+  return route.fullPath.includes(menu.path) ? 'is-active' : ''
+}
+</script>
+<template>
+  <section class="app-container">
+    <nav class="app-container-nav" v-if="menus?.length">
+      <ul>
+        <li v-for="(item, index) in menus" :class="genClassName(item)" :key="index">
+          <router-link :to="item.path">{{ item.name }}</router-link>
+        </li>
+      </ul>
+    </nav>
+    <div class="app-container-main">
+      <div class="app-container-banner">
+        <slot name="banner"></slot>
+      </div>
+      <slot>
+        <div class="app-container-inner">
+          <slot name="inner"></slot>
+        </div>
+      </slot>
+    </div>
+  </section>
+</template>
+<style lang="scss">
+// pc
+.is-pc {
+  .app-container {
+    display: flex;
+    align-items: flex-start;
+    max-width: 1200px;
+    margin: 56px auto 72px;
+  }
+  .app-container-nav {
+    min-width: 160px;
+    background: #fff;
+    padding: 40px 0;
+    margin-right: 40px;
+    li {
+      position: relative;
+      padding: 0 20px;
+      height: 40px;
+      font-size: 22px;
+      line-height: 40px;
+      text-align: center;
+      color: #777777;
+      cursor: pointer;
+      &.is-active {
+        color: rgba(170, 25, 65, 1);
+        &::after {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 8px;
+          height: 40px;
+          background: rgba(170, 25, 65, 1);
+        }
+      }
+    }
+    li + li {
+      margin-top: 60px;
+    }
+  }
+  .app-container-main {
+    flex: 1;
+    background-color: #fff;
+    overflow: hidden;
+  }
+  .app-container-banner {
+    img {
+      width: 100%;
+    }
+  }
+  .app-container-inner {
+    margin: 50px;
+    .article {
+      img {
+        max-width: 100%;
+      }
+      p {
+        font-size: 16px;
+        line-height: 32px;
+        color: #666;
+      }
+      p + p {
+        margin-top: 20px;
+      }
+    }
+  }
+}
+// h5
+.is-h5 {
+  .app-container-nav {
+    ul {
+      display: flex;
+      overflow-x: auto;
+    }
+    li {
+      margin-left: 22px;
+      font-size: 14px;
+      line-height: 34px;
+      color: #666;
+      white-space: nowrap;
+      &.is-active {
+        color: #333;
+        border-bottom: 2px solid #aa1941;
+      }
+    }
+  }
+  .app-container-banner {
+    img {
+      display: block;
+      width: 100%;
+    }
+  }
+  .app-container-inner {
+    margin: 0.3rem;
+    .article {
+      img {
+        max-width: 100%;
+      }
+      p {
+        font-size: 12px;
+        line-height: 20px;
+        color: #666;
+      }
+      p + p {
+        margin-top: 10px;
+      }
+    }
+  }
+}
+</style>
--- a/src/components/layout/Footer.vue
+++ b/src/components/layout/Footer.vue
+<template>
+  <footer class="app-footer">
+    <div class="app-footer-inner">
+      <div class="app-footer-left">
+        <router-link to="/" class="app-footer-logo">
+          <img src="https://zws-imgs-pub.ezijing.com/pc/base/ezijing-logo-white.svg" />
+          <h1 class="app-name">数字职业技能培训中心</h1>
+        </router-link>
+        <!-- pc -->
+        <div class="app-footer-link app-footer-link-pc">
+          <ul class="app-footer-link-item">
+            <li><a href="https://www.ezijing.com" target="_blank">清控紫荆教育</a></li>
+            <li><router-link to="/about">关于项目</router-link></li>
+          </ul>
+          <ul class="app-footer-link-item">
+            <li><router-link to="/internet">互联网营销师</router-link></li>
+            <li><router-link to="/robot">工业机器人系统操作员</router-link></li>
+          </ul>
+          <ul class="app-footer-link-item">
+            <li><router-link to="/bd">大数据技术人员</router-link></li>
+            <li><router-link to="/e-commerce">电子商务师</router-link></li>
+          </ul>
+        </div>
+        <!-- h5 -->
+        <div class="app-footer-link app-footer-link-h5">
+          <ul class="app-footer-link-item">
+            <li><a href="https://www.ezijing.com" target="_blank">清控紫荆教育</a></li>
+            <li><router-link to="/about">关于项目</router-link></li>
+          </ul>
+          <ul class="app-footer-link-item">
+            <li><router-link to="/internet">互联网营销师</router-link></li>
+            <li><router-link to="/robot">工业机器人系统操作员</router-link></li>
+            <li><router-link to="/bd">大数据技术人员</router-link></li>
+            <li><router-link to="/e-commerce">电子商务师</router-link></li>
+          </ul>
+        </div>
+      </div>
+      <div class="app-footer-contact">
+        <h2>联系我们</h2>
+        <dl>
+          <dt>地址</dt>
+          <dd>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</dd>
+        </dl>
+        <dl>
+          <dt>联系电话</dt>
+          <dd><a href="tel:010-62793299">010-62793299</a></dd>
+        </dl>
+        <dl>
+          <dt>邮箱</dt>
+          <dd><a href="mailto:service@ezijing.com" class="mail">service@ezijing.com</a></dd>
+        </dl>
+      </div>
+      <div class="app-footer-qrcode">
+        <img src="https://webapp-pub.ezijing.com/project/marywood/officialAccount.jpeg" width="120" />
+        <div class="app-footer-qrcode-content">
+          <img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" width="20" />
+          <span>微信公众号</span>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <div class="app-copyright" v-if="false">
+    <div class="app-copyright-inner">
+      <span>Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司</span>
+      <a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/">京ICP证150431号 </a>
+      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681">
+        <img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" />
+        安备 11010802023681号
+      </a>
+      <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备15016866号-1</a>
+    </div>
+  </div>
+</template>
+<style lang="scss">
+.app-footer {
+  background-color: #aa1941;
+}
+.app-footer-inner {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 50px 0;
+  display: flex;
+  color: rgba(237, 237, 237, 0.7);
+}
+.app-footer-left {
+  flex: 1;
+  .app-footer-logo {
+    display: flex;
+    align-items: center;
+    margin-bottom: 30px;
+    img {
+      height: 0.55rem;
+    }
+  }
+  .app-name {
+    margin-left: 14px;
+    padding: 0 14px;
+    font-size: 23px;
+    color: #fff;
+    line-height: 26px;
+    font-weight: 400;
+    letter-spacing: 2px;
+    white-space: nowrap;
+    border-left: 1px solid #fff;
+  }
+}
+.app-footer-link {
+  display: flex;
+}
+.app-footer-link-item {
+  font-size: 14px;
+  line-height: 30px;
+  letter-spacing: 3px;
+}
+.app-footer-link-item + .app-footer-link-item {
+  margin-left: 30px;
+  padding-left: 30px;
+  border-left: 1px solid #cc9d9d;
+}
+.app-footer-contact {
+  h2 {
+    font-size: 20px;
+    font-weight: normal;
+    line-height: 56px;
+    margin-bottom: 30px;
+  }
+  dl {
+    display: flex;
+    line-height: 30px;
+  }
+  dt {
+    width: 60px;
+    text-align-last: justify;
+    white-space: nowrap;
+  }
+  dd {
+    &::before {
+      content: '：';
+    }
+  }
+}
+.app-footer-qrcode {
+  margin-left: 80px;
+}
+.app-footer-qrcode-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 20px;
+  span {
+    margin-left: 10px;
+  }
+}
+.app-copyright {
+  background-color: #fff;
+}
+.app-copyright-inner {
+  max-width: 1200px;
+  margin: 0 auto;
+  font-size: 12px;
+  line-height: 40px;
+  color: #999;
+  text-align: center;
+  a {
+    margin-left: 10px;
+  }
+}
+.app-footer-link-h5 {
+  display: none;
+}
+.is-h5 {
+  .app-footer-link-pc {
+    display: none;
+  }
+  .app-footer-link-h5 {
+    display: flex;
+  }
+  .app-footer-inner {
+    padding: 0.5rem 0.45rem;
+    flex-direction: column;
+  }
+  .app-footer-left {
+    .app-name {
+      font-size: 0.3rem;
+      line-height: 0.3rem;
+    }
+  }
+  .app-footer-link-item {
+    font-size: 0.22rem;
+  }
+  .app-footer-contact {
+    margin: 0.1rem 0;
+    h2 {
+      display: none;
+    }
+  }
+  .app-footer-qrcode {
+    display: none;
+  }
+}
+</style>
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
+<script setup lang="ts">
+import { ref, watch, computed } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { useRoute } from 'vue-router'
+import AppNav from './Nav.vue'
+const route = useRoute()
+const user = useUserStore()
+const LOGINURL = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
+// 菜单控制
+const menuVisible = ref<boolean>(false)
+function toggleMenu() {
+  menuVisible.value = !menuVisible.value
+}
+watch(route, () => {
+  menuVisible.value = false
+})
+const classNames = computed(() => {
+  return {
+    'has-menu': menuVisible.value
+  }
+})
+// 退出登录
+function handleLogout() {
+  user.logout().then(() => {
+    location.href = '/'
+  })
+}
+</script>
+<template>
+  <header class="app-header" :class="classNames">
+    <div class="app-header-inner">
+      <div class="app-header-left">
+        <div class="logo">
+          <router-link to="/">
+            <img src="@/assets/images/logo.png" />
+          </router-link>
+        </div>
+      </div>
+      <div class="app-header-right">
+        <AppNav></AppNav>
+        <div class="menu" @click="toggleMenu"></div>
+      </div>
+      <div class="app-header-right" v-if="false">
+        <template v-if="user.isLogin">
+          你好，{{ user.userName }} <span class="app-header-logout" @click="handleLogout">退出</span>
+        </template>
+        <template v-else><a :href="LOGINURL">登录</a></template>
+      </div>
+    </div>
+  </header>
+</template>
+<style lang="scss">
+.app-header {
+  background: #fff;
+  box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.1);
+  border-top: 0.1rem solid #aa1941;
+  z-index: 1000;
+}
+.app-header-inner {
+  max-width: 1200px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.22rem 0;
+  color: #aa1941;
+}
+.app-header-left {
+  flex: 1;
+  .logo {
+    display: flex;
+    align-items: center;
+    img {
+      height: 0.5rem;
+    }
+  }
+  .app-name {
+    margin-left: 0.28rem;
+    padding: 0 0.2rem;
+    font-size: 0.26rem;
+    line-height: 0.26rem;
+    font-weight: 400;
+    letter-spacing: 2px;
+    border-left: 0.02rem solid #aa1941;
+  }
+}
+.app-header-right {
+  display: flex;
+  color: #666;
+  .app-header-logout {
+    background: url('https://webapp-pub.ezijing.com/project/saas/logout.png') no-repeat left center;
+    background-size: auto 16px;
+    padding-left: 22px;
+    margin-left: 40px;
+    cursor: pointer;
+  }
+}
+.is-h5 {
+  .app-header-inner {
+    padding: 0.32rem 0.3rem;
+    box-shadow: 0 0 15px rgb(0 0 0 / 14%);
+  }
+  .menu {
+    width: 0.36rem;
+    height: 0.36rem;
+    padding: 5px 10px;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAh1BMVEUAAABAQEBgYGBVVVVgYGBmZmZoaGhgYGBgYGBlZWVlZWVjY2NjY2NmZmZkZGRlZWVkZGRmZmZjY2NmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVmZmZmZmZlZWVmZmZlZWVlZWVmZmZmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZgwHa9AAAALHRSTlMABAgMEBQbICgrMENIS09TVF9kZ2hrbG9zd3t/l5+jp6uvu8PD09fb3+vv86pHCLIAAACcSURBVBgZ7cHHFoJAEATAhkUx5wCsOYE6//99nvum/TxwmCo4107JuIqCaQaWXk3T5CCFqY4gB1PVIJWpziDhbppnDyxdRMWmA+eca6mwjIptFyx7mObVB4mmOoMcTFWDFKY6gqQ30zQ5WDIq4++qWYBzzrmvDeeKSQBLLqZpcpC1qU4ge1M1IKWpLiDhbpr3ACysdntBkcO5f/kAGgG16eBu+akAAAAASUVORK5CYII=')
+      no-repeat center;
+    background-size: 0.36rem 0.36rem;
+    cursor: pointer;
+  }
+  .has-menu .menu {
+    background: url('https://webapp-pub.ezijing.com/www/h5/images/icon_close.png') no-repeat center;
+    background-size: 16px 16px;
+  }
+}
+</style>
--- a/src/components/layout/Index.vue
+++ b/src/components/layout/Index.vue
+<template>
+  <div class="app-layout">
+    <AppHeader></AppHeader>
+    <section class="app-layout-container">
+      <router-view></router-view>
+    </section>
+    <AppFooter></AppFooter>
+  </div>
+</template>
+<script setup lang="ts">
+import AppHeader from './Header.vue'
+import AppFooter from './Footer.vue'
+</script>
--- a/src/components/layout/Nav.vue
+++ b/src/components/layout/Nav.vue
+<script lang="ts" setup>
+import TreeItem from './TreeItem.vue'
+const navList = [
+  { name: '首页', path: '/' },
+  { name: '产品体系', path: '/product' },
+  { name: '师资展示', path: '/teacher' },
+  { name: '预约报名', path: '/apply' }
+]
+</script>
+<template>
+  <nav class="app-nav">
+    <ul class="app-menu">
+      <TreeItem :item="item" v-for="(item, index) in navList" :key="index"></TreeItem>
+    </ul>
+  </nav>
+</template>
+<style lang="scss">
+/** pc **/
+.is-pc {
+  .app-menu {
+    height: 72px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .app-menu > li {
+    margin-right: 40px;
+    position: relative;
+    > .cell {
+      font-size: 22px;
+      line-height: 72px;
+      color: #333;
+    }
+    > .tree-item-group {
+      margin-top: -4px;
+      top: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      border-top: 4px solid #aa1941;
+    }
+  }
+  .tree-item {
+    &:hover {
+      > .cell {
+        color: #aa1941;
+      }
+      > .tree-item-group {
+        display: block !important;
+        .tree-item {
+          padding: 18px 24px;
+          font-size: 16px;
+          color: #333;
+          white-space: nowrap;
+          &:hover,
+          &.is-active {
+            color: #aa1941;
+          }
+        }
+      }
+    }
+    &.is-active {
+      > .cell {
+        color: #aa1941;
+      }
+    }
+  }
+  .tree-item-group {
+    display: none;
+    position: absolute;
+    top: 100%;
+    left: 100%;
+    padding: 18px 0;
+    background-color: #fff;
+    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
+    z-index: 1;
+  }
+  .tree-item-group .tree-item-group {
+    top: 0;
+  }
+  .cell-icon {
+    display: none;
+  }
+}
+.has-menu {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: auto;
+}
+/** h5 **/
+.is-h5 {
+  .app-nav {
+    min-height: 100vh;
+    display: none;
+  }
+  .has-menu .app-nav {
+    display: block;
+  }
+  .app-menu > li {
+    > .cell .cell-title {
+      font-size: 0.28rem;
+      font-weight: bold;
+    }
+  }
+  .app-nav-inner {
+    padding: 0.3rem;
+  }
+  .tree-item {
+    .cell {
+      display: flex;
+      align-items: center;
+      height: 1.02rem;
+      border-bottom: 1px solid #999;
+      color: #333;
+    }
+    .cell-title {
+      flex: 1;
+      font-size: 0.13rem;
+      font-weight: 400;
+      a {
+        display: flex;
+        align-items: center;
+        height: 0.52rem;
+      }
+    }
+    .cell-icon {
+      font-size: 0.14rem;
+    }
+    &.is-active {
+      > .cell {
+        color: #aa1941;
+      }
+    }
+  }
+}
+</style>
--- a/src/components/layout/TreeItem.vue
+++ b/src/components/layout/TreeItem.vue
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { useRoute } from 'vue-router'
+interface IMenu {
+  path: string
+  name: string
+  children?: Array<IMenu>
+}
+const props = defineProps<{ item: IMenu }>()
+const route = useRoute()
+const isOpen = ref(false)
+const isFolder = computed(() => !!props.item.children?.length)
+const isActive = computed(
+  () => route.path.includes(props.item.path) || props.item.children?.find(child => route.path.includes(child.path))
+)
+function toggleVisible(event: Event) {
+  if (isFolder.value) {
+    event.preventDefault()
+    isOpen.value = !isOpen.value
+  }
+}
+</script>
+<template>
+  <li class="tree-item" :class="{ 'is-active': isActive }">
+    <div class="cell" :class="{ bold: isFolder }" @click.capture="toggleVisible">
+      <div class="cell-title">
+        <router-link :to="item.path">{{ item.name }}</router-link>
+      </div>
+      <div class="cell-icon" v-if="isFolder">
+        <i class="el-icon-arrow-up" v-if="isOpen"></i>
+        <i class="el-icon-arrow-down" v-else></i>
+      </div>
+    </div>
+    <ul v-show="isOpen" v-if="isFolder" class="tree-item-group">
+      <tree-item v-for="(child, index) in item.children" :key="index" :item="child"></tree-item>
+    </ul>
+  </li>
+</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'
+// 公共css
+import './assets/css/base.css'
+// 公共组件
+import AppCard from '@/components/base/AppCard.vue'
+import AppContainer from '@/components/base/AppContainer.vue'
+import modules from './modules'
+const app = createApp(App)
+// 注册公共组件
+app.component('AppCard', AppCard).component('AppContainer', AppContainer)
+// 注册模块
+modules({ router })
+app.use(createPinia())
+app.use(router)
+// app.use(ElementPlus)
+app.mount('#app')
--- a/src/modules/home/components/Banner.vue
+++ b/src/modules/home/components/Banner.vue
+<script lang="ts" setup>
+import { Swiper, SwiperSlide } from 'swiper/vue'
+import 'swiper/css'
+const list = [{ url: 'https://webapp-pub.ezijing.com/project/vst/banner.png' }]
+</script>
+<template>
+  <div class="banner">
+    <Swiper autoplay>
+      <SwiperSlide v-for="(item, index) in list" :key="index">
+        <img :src="item.url" />
+      </SwiperSlide>
+    </Swiper>
+  </div>
+</template>
+<style lang="scss">
+.banner {
+  img {
+    width: 100%;
+    max-height: 650px;
+    object-fit: cover;
+    object-position: center;
+  }
+}
+</style>
--- a/src/modules/home/index.ts
+++ b/src/modules/home/index.ts
+import type { RouteRecordRaw } from 'vue-router'
+import AppLayout from '@/components/layout/Index.vue'
+export const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/',
+    component: AppLayout,
+    children: [{ path: '', component: () => import('./views/Index.vue') }]
+  }
+]
--- a/src/modules/home/views/Index.vue
+++ b/src/modules/home/views/Index.vue
+<script setup lang="ts">
+import Banner from '../components/Banner.vue'
+</script>
+<template>
+  <Banner></Banner>
+</template>
--- a/src/modules/index.ts
+++ b/src/modules/index.ts
+import type { Router } from 'vue-router'
+import type { AppModule } from '@/types'
+export default function ({ router }: { router: Router }) {
+  const modules: Array<AppModule> = Object.values(import.meta.globEager('./**/index.ts'))
+  modules.forEach(({ routes = [] }) => {
+    // 注册路由
+    routes.forEach(route => {
+      router.addRoute(route)
+    })
+  })
+}
--- a/src/router/index.ts
+++ b/src/router/index.ts
+import { createRouter, createWebHistory } from 'vue-router'
+// import { useUserStore } from '@/stores/user'
+const router = createRouter({
+  scrollBehavior() {
+    // 始终滚动到顶部
+    return { top: 0 }
+  },
+  history: createWebHistory(),
+  routes: [{ path: '/:pathMatch(.*)*', redirect: '/' }]
+})
+// router.beforeEach((to, from, next) => {
+//   const user = useUserStore()
+//   user.getUser()
+//   next()
+// })
+export default router
--- a/src/stores/user.ts
+++ b/src/stores/user.ts
+import { defineStore } from 'pinia'
+import { getUser, logout } from '@/api/base'
+import type { UserState } from '@/types'
+interface State {
+  user: UserState | null
+}
+export const useUserStore = defineStore({
+  id: 'user',
+  state: (): State => ({
+    user: 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 { RouteRecordRaw } from 'vue-router'
+export interface UserState {
+  id: string
+  avatar: string
+  mobile: string
+  realname: string
+  nickname: string
+  username: string
+}
+export interface AppModule {
+  routes: Array<RouteRecordRaw>
+}
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
+import axios from 'axios'
+const httpRequest = axios.create({
+  baseURL: 'https://learn-api.ezijing.com',
+  timeout: 60000,
+  withCredentials: true
+})
+// 响应拦截
+httpRequest.interceptors.response.use(
+  function (response) {
+    const { data } = response
+    // 正常返回
+    if (data.code === 0) {
+      return data
+    }
+    // 未登录
+    if (data.code === 4001) {
+      location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
+    }
+    return Promise.reject(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 {
+        console.error(`${status}: ${message}`)
+      }
+    } else {
+      console.log(error)
+    }
+    return Promise.reject(error.response || error)
+  }
+)
+export default httpRequest
--- a/tsconfig.config.json
+++ b/tsconfig.config.json
+{
+  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*"],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"]
+  }
+}
--- a/tsconfig.json
+++ b/tsconfig.json
+{
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["auto-imports.d.ts", "env.d.ts", "src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    "allowJs": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["element-plus/global"]
+  },
+  "references": [
+    {
+      "path": "./tsconfig.config.json"
+    }
+  ]
+}
--- a/vite.config.ts
+++ b/vite.config.ts
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+export default defineConfig(({ mode }) => ({
+  base: mode === 'prod' ? 'https://webapp-pub.ezijing.com/website/prod/project-online-fi/' : '/',
+  plugins: [
+    vue({ reactivityTransform: true }),
+    AutoImport({
+      imports: ['vue', 'vue/macros', 'vue-router', '@vueuse/core', '@vueuse/math'],
+      dts: true,
+      eslintrc: { enabled: true }
+    })
+  ],
+  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://project-api.ezijing.com'
+    }
+  },
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  }
+}))