updates

.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,
+    "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,
+    "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

.eslintrc.cjs

@@ -3,7 +3,12 @@ require('@rushstack/eslint-patch/modern-module-resolution')
 
 module.exports = {
   root: true,
-  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-typescript/recommended'],
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript/recommended',
+    './.eslintrc-auto-import.json'
+  ],
   env: {
     'vue/setup-compiler-macros': true
   },

components.d.ts

+import '@vue/runtime-core'
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    AppCard: typeof import('./src/components/base/AppCard.vue')['default']
+    AppList: typeof import('./src/components/base/AppList.vue')['default']
+  }
+}
+
+export {}

package.json

@@ -15,12 +15,12 @@
   "dependencies": {
     "@element-plus/icons-vue": "^1.1.4",
     "@tinymce/tinymce-vue": "^5.0.0",
-    "axios": "^0.26.1",
+    "axios": "^0.27.1",
     "blueimp-md5": "^2.19.0",
-    "element-plus": "^2.1.10",
+    "element-plus": "^2.1.11",
     "pinia": "^2.0.13",
     "qs": "^6.10.3",
-    "sass": "^1.50.1",
+    "sass": "^1.51.0",
     "vue": "^3.2.33",
     "vue-router": "^4.0.14"
   },
@@ -37,6 +37,7 @@
     "eslint": "^8.13.0",
     "eslint-plugin-vue": "^8.7.1",
     "typescript": "~4.6.3",
+    "unplugin-auto-import": "^0.7.1",
     "vite": "^2.9.5",
     "vite-plugin-checker": "^0.4.6",
     "vue-tsc": "^0.34.10"

src/App.vue

-<script setup lang="ts">
-import { RouterView } from 'vue-router'
-</script>
-
 <template>
   <RouterView />
 </template>
 
 <style>
-@import '@/assets/base.css';
+@import '@/assets/styles/base.css';
 </style>

src/assets/styles/element/index.scss

+// styles/element/index.scss
+/* 只需要重写你需要的即可 */
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': #3276fc
+    )
+  )
+);
+
+// 如果只是按需导入，则可以忽略以下内容。
+// 如果你想导入所有样式:
+@use 'element-plus/theme-chalk/src/index.scss' as *;

src/components/base/AppList.vue

-<script lang="ts">
-export default { name: 'AppList' }
-</script>
-
 <script setup lang="ts">
 import { withDefaults, ref, reactive, onMounted } from 'vue'
 import { Search, RefreshLeft } from '@element-plus/icons-vue'

src/components/base/AppUpload.vue

 <script lang="ts" setup>
-import { ref, withDefaults, computed, watch } from 'vue'
 import { ElMessage } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 import type { UploadProps, UploadUserFile } from 'element-plus'

src/components/layout/Aside.vue

@@ -101,9 +101,6 @@ const defaultActive = computed(() => {
     margin: 0 16px;
     font-size: 16px;
     border-radius: 8px;
-    &:hover {
-      background-color: rgba(86, 100, 210, 0.04);
-    }
   }
 }
 </style>

src/main.ts

@@ -6,6 +6,7 @@ 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'

src/modules/audit/views/List.vue

 <script setup lang="ts">
-import { ref, computed } from 'vue'
 import { ElMessage } from 'element-plus'
 import { ArrowDown } from '@element-plus/icons-vue'
 import { getAuditList, submitAudit } from '../api'
@@ -57,7 +56,7 @@ const typeList = [
   { label: '导师申请审核', value: 'teacher' }
 ]
 
-const onChangeType = (value: string) => {
+const onChangeType = (value: any) => {
   tabActive.value = value
   appList.value?.refetch()
 }
@@ -73,11 +72,6 @@ const onAudit = (row: any, status: number) => {
 <template>
   <AppCard>
     <AppList v-bind="listOptions" ref="appList">
-      <template #header-aside>
-        <router-link to="/banner/create">
-          <el-button type="primary">创建</el-button>
-        </router-link>
-      </template>
       <template #filter-type="{ params }">
         <el-radio-group v-model="params.tab" @change="onChangeType">
           <el-radio-button :label="item.value" v-for="item in typeList" :key="item.value">

src/modules/banner/views/List.vue

 <script setup lang="ts">
-import { ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getBannerList, deleteBanner } from '../api'
 

src/modules/banner/views/Update.vue

 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import type { FormInstance } from 'element-plus'
 import AppEditor from '@/components/tinymce/Index.vue'

src/modules/course/api.ts

@@ -6,6 +6,11 @@ export function getCourseList(params?: { name?: string; page?: number; page_size
 }
 
 // 更新课程信息
-export function updateCourse(data: { id: string; weight?: string; status?: string }) {
+export function updateCourse(data: { id?: string; weight?: string; status?: string }) {
   return httpRequest.post('/api/psp/backend/course/update', data)
 }
+
+// 同步课程
+export function syncCourse() {
+  return httpRequest.get('/api/psp/backend/course/sync')
+}

src/modules/course/components/DialogForm.vue

+<script setup lang="ts">
+import { ElMessage } from 'element-plus'
+import type { FormInstance } from 'element-plus'
+import { updateCourse } from '../api'
+
+const props = defineProps<{ data: Record<string, any>; modelValue: boolean }>()
+
+const emit = defineEmits(['update:modelValue', 'success'])
+
+const formRef = ref<FormInstance>()
+const form = reactive<{ weight: string; status: string }>({ weight: '0', status: '2' })
+
+watchEffect(() => {
+  Object.assign(form, props.data)
+})
+
+const rules = {
+  weight: { required: true, message: '请输入权重', trigger: 'change' }
+}
+
+// 提交
+function onSubmit() {
+  if (!formRef.value) return
+  formRef.value.validate().then(update)
+}
+// 更新课程
+function update() {
+  updateCourse(form).then(res => {
+    ElMessage.success('更新成功')
+    emit('update:modelValue', false)
+    emit('success', res.data)
+  })
+}
+</script>
+
+<template>
+  <el-dialog :model-value="modelValue" title="更新课程" :close-on-click-modal="false" v-bind="$attrs" width="400px">
+    <el-form :model="form" :rules="rules" ref="formRef">
+      <el-form-item label="权重" prop="weight">
+        <el-input type="number" v-model="form.weight" placeholder="请输入内容" />
+      </el-form-item>
+      <el-form-item prop="status">
+        <el-switch
+          v-model="form.status"
+          active-text="显示"
+          active-value="2"
+          inactive-text="不显示"
+          inactive-value="1"
+        />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button type="text" @click="$emit('update:modelValue', false)">取消</el-button>&nbsp;&nbsp;
+      <el-button type="primary" @click="onSubmit">保存</el-button>
+    </template>
+  </el-dialog>
+</template>

src/modules/course/components/Editform.vue

-<template>
-  <el-dialog :title="title" :close-on-click-modal="false" v-bind="$attrs" width="400px">
-    <el-form ref="form" :model="form" :rules="rules">
-      <el-form-item label="权重" prop="sort">
-        <el-input-number v-model="form.sort" placeholder="请输入内容" size="small" :step-strictly="true" />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <el-button type="text" @click="onCancel">取消</el-button>&nbsp;&nbsp;
-      <el-button type="primary" size="medium" @click="onPrimary">保存</el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<script>
-// lodash
-import { updateCourse } from '../api.js'
-import { pick } from 'lodash'
-
-export default {
-  props: {
-    isEdit: { type: Boolean, default: false },
-    data: { type: Object, default: () => ({}) }
-  },
-  data() {
-    return {
-      form: { sort: '0' },
-      rules: {
-        sort: { required: true, message: '请输入权重', trigger: 'change' }
-      }
-    }
-  },
-  watch: {
-    data: {
-      immediate: true,
-      handler(data) {
-        this.form = Object.assign({}, this.form, data)
-      }
-    }
-  },
-  computed: {
-    title() {
-      return this.isEdit ? '更新课程' : '创建课程'
-    }
-  },
-  methods: {
-    // 取消
-    onCancel() {
-      this.$emit('update:visible', false)
-    },
-    // 确定
-    onPrimary() {
-      this.$refs.form.validate().then(() => {
-        const params = pick(this.form, ['id', 'sort'])
-        this.isEdit ? this.edit(params) : this.create(params)
-      })
-    },
-    // 创建课程
-    create(params) {
-      updateCourse(params).then(res => {
-        this.$message.success('创建成功')
-        this.$emit('update:visible', false)
-        this.$emit('success', res.data)
-      })
-    },
-    // 编辑权限
-    edit(params) {
-      updateCourse(params).then(res => {
-        this.$message.success('修改成功')
-        this.$emit('update:visible', false)
-        this.$emit('success', res.data)
-      })
-    }
-  }
-}
-</script>
-
-<style></style>

src/modules/course/views/List.vue

 <script setup lang="ts">
-import { ref } from 'vue'
 import { ElMessage } from 'element-plus'
-
-import { getCourseList, updateCourse } from '../api'
+import DialogForm from '../components/DialogForm.vue'
+import { getCourseList, syncCourse, updateCourse } from '../api'
 
 const appList = ref()
 
@@ -31,11 +30,32 @@ const onChangeStatus = (row: Record<string, any>) => {
     appList.value?.refetch()
   })
 }
+
+// 同步
+const onSyncCourse = () => {
+  syncCourse().then(() => {
+    ElMessage.success('同步成功')
+  })
+}
+
+// 更新
+const dialogVisible = ref<boolean>(false)
+const editData = ref<Record<string, any>>({})
+const onEdit = (row: any) => {
+  editData.value = row
+  dialogVisible.value = true
+}
+const onUpdateSuccess = () => {
+  appList.value?.refetch()
+}
 </script>
 
 <template>
   <AppCard>
     <AppList v-bind="listOptions" ref="appList">
+      <template #header-aside>
+        <el-button type="primary" @click="onSyncCourse">同步</el-button>
+      </template>
       <template #table-picture="{ row }">
         <el-image
           :src="row.course_picture + '?x-oss-process=image/resize,m_fill,h_100,w_200'"
@@ -59,9 +79,10 @@ const onChangeStatus = (row: Record<string, any>) => {
           @change="onChangeStatus(row)"
         />
       </template>
-      <template #table-operate>
-        <el-button>更新</el-button>
+      <template #table-operate="{ row }">
+        <el-button @click="onEdit(row)">更新</el-button>
       </template>
     </AppList>
   </AppCard>
+  <DialogForm v-model="dialogVisible" :data="editData" @success="onUpdateSuccess"></DialogForm>
 </template>

src/modules/doc/views/List.vue

 <script setup lang="ts">
-import { ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getDocList, deleteDoc } from '../api'
 

src/modules/doc/views/Update.vue

 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import type { FormInstance } from 'element-plus'
 import AppEditor from '@/components/tinymce/Index.vue'
@@ -31,6 +29,10 @@ const onSubmit = () => {
     props.id ? update() : create()
   })
 }
+// 取消
+const onCancel = () => {
+  router.replace('/doc')
+}
 // 创建
 const create = () => {
   const params = { ...form, file: JSON.stringify(form.file) }
@@ -93,6 +95,7 @@ onMounted(() => {
       </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>

src/modules/qa/views/List.vue

 <script setup lang="ts">
-import { ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getQuestionList, deleteQuestion } from '../api'
 

src/modules/student/views/List.vue

 <script setup lang="ts">
+import { ElMessage } from 'element-plus'
 import { getUserList, syncUser } from '../api'
 
+// 列表配置
 const listOptions = {
   remote: {
     httpRequest: getUserList,
@@ -20,8 +22,11 @@ const listOptions = {
     { label: '操作', slots: 'table-operate', width: 160, align: 'right' }
   ]
 }
-const onSyncUser = async () => {
-  await syncUser()
+// 同步
+const onSyncUser = () => {
+  syncUser().then(() => {
+    ElMessage.success('同步成功')
+  })
 }
 </script>
 

src/modules/student/views/Update.vue

 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import type { FormInstance } from 'element-plus'
 import { updateUser, getUser } from '../api'
@@ -29,6 +27,10 @@ const onSubmit = () => {
   if (!formRef.value) return
   formRef.value.validate().then(update)
 }
+// 取消
+const onCancel = () => {
+  router.replace('/student')
+}
 // 修改
 const update = () => {
   const params = { ...form, id: props.id, label: form.label.join(',') }
@@ -69,16 +71,17 @@ onMounted(() => {
         <el-input v-model="form.star" disabled />
       </el-form-item>
       <el-form-item label="入学通知书" prop="notice_url">
-        <el-image :src="form.notice_url" style="width: 100px; height: 100px"></el-image>
+        <el-image :src="form.notice_url" style="width: 200px"></el-image>
       </el-form-item>
       <el-form-item label="证书图片" prop="certificate_url">
-        <el-image :src="form.certificate_url" style="width: 100px; height: 100px"></el-image>
+        <el-image :src="form.certificate_url" style="width: 200px"></el-image>
       </el-form-item>
       <el-form-item label="持证人头像" prop="avatar">
-        <el-image :src="form.avatar" style="width: 100px; height: 100px"></el-image>
+        <el-image :src="form.avatar" style="width: 200px"></el-image>
       </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>

src/modules/student/views/View.vue

 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
 import StarRecord from '../components/StarRecord.vue'
 import SignInRecord from '../components/SignInRecord.vue'
 import { getUser } from '../api'
@@ -36,13 +35,13 @@ onMounted(() => {
         <el-tag v-for="item in data.label" :key="item" round> {{ item }} </el-tag>
       </el-descriptions-item>
       <el-descriptions-item label="入学通知书" :span="3">
-        <el-image :src="data.notice_url" style="width: 100px; height: 100px"></el-image>
+        <el-image :src="data.notice_url" style="width: 200px"></el-image>
       </el-descriptions-item>
       <el-descriptions-item label="证书图片" :span="3">
-        <el-image :src="data.certificate_url" style="width: 100px; height: 100px"></el-image>
+        <el-image :src="data.certificate_url" style="width: 200px"></el-image>
       </el-descriptions-item>
       <el-descriptions-item label="持证人头像" :span="3">
-        <el-image :src="data.avatar" style="width: 100px; height: 100px"></el-image>
+        <el-image :src="data.avatar" style="width: 200px"></el-image>
       </el-descriptions-item>
     </el-descriptions>
   </AppCard>

src/modules/video/views/List.vue

 <script setup lang="ts">
-import { ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getVideoList, deleteVideo } from '../api'
 

src/modules/video/views/Update.vue

 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import type { FormInstance } from 'element-plus'
 import { createVideo, updateVideo, getVideo } from '../api'
@@ -29,6 +27,10 @@ const onSubmit = () => {
     props.id ? update() : create()
   })
 }
+// 取消
+const onCancel = () => {
+  router.replace('/video')
+}
 // 创建
 const create = () => {
   createVideo(form).then(() => {
@@ -75,6 +77,7 @@ onMounted(() => {
       </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>

src/router/index.ts

@@ -9,10 +9,15 @@ const router = createRouter({
 router.beforeEach(async (to, from, next) => {
   const user = useUserStore()
   if (!user.isLogin) {
-    await user.getUser()
+    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()
 })

tsconfig.json

 {
   "extends": "@vue/tsconfig/tsconfig.web.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": ["env.d.ts", "auto-imports.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
     "allowJs": true,
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     },
-    "lib": ["DOM", "ESNext"]
+    "lib": ["DOM", "ESNext"],
+    "types": ["element-plus/global"]
   },
 
   "references": [

vite.config.ts

@@ -5,11 +5,20 @@ 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 }) => {
   return {
     base: mode === 'prod' ? 'https://webapp-pub.ezijing.com/website/prod/admin-prp/' : '/',
-    plugins: [checker({ eslint: { lintCommand: 'eslint "./src/**/*.{vue,js,jsx,ts,tsx}"' } }), vue()],
+    plugins: [
+      checker({ vueTsc: true, eslint: { lintCommand: 'eslint "./src/**/*.{vue,js,jsx,ts,tsx}"' } }),
+      vue(),
+      AutoImport({
+        imports: ['vue', 'vue/macros', 'vue-router', '@vueuse/core'],
+        dts: true,
+        eslintrc: { enabled: true }
+      })
+    ],
     server: {
       open: true,
       host: 'dev.ezijing.com',
@@ -25,10 +34,6 @@ export default defineConfig(({ mode }) => {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url))
       }
-    },
-    css: {
-      // 禁用SASS警告提醒
-      preprocessorOptions: { scss: { charset: false } }
     }
   }
 })