全项目加载动效重做和简历经历区域的时间和编辑按钮同位置显示切换

src/views/Resume.vue

@@ -98,6 +98,8 @@
       v-model="uploadDialogVisible"
       @confirm="handleUploadConfirm"
     />
+    <!-- 全屏加载遮罩 -->
+    <FullscreenLoading :visible="fullLoading" :text="fullLoadingText" title="Nova 正在帮您努力处理~" />
   </div>
 </template>
 
@@ -113,13 +115,19 @@ import { uploadResume } from '@/utils/aiRequest'
 import {
   fetchResumeList, deleteResume, setDefaultResume, type ResumeListItem,
 } from '@/api/resume'
-import { ElMessage, ElMessageBox, ElLoading } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 // 命令式调用的组件，按需引入插件不会自动加载其样式，需手动引入
-import 'element-plus/es/components/loading/style/css'
 import 'element-plus/es/components/message-box/style/css'
+import FullscreenLoading from '@/components/FullscreenLoading.vue'
 
 const router = useRouter()
 
+// ==================== 全屏加载状态 ====================
+/** 全屏加载是否显示 */
+const fullLoading = ref(false)
+/** 全屏加载文案 */
+const fullLoadingText = ref('')
+
 // ==================== 头像颜色池 ====================
 
 /** 头像背景色列表，按索引循环取色 */
@@ -297,12 +305,8 @@ function handleUpload() {
 /** 上传弹窗确认回调 — 接收 File 对象，调用接口上传 */
 async function handleUploadConfirm(file: File) {
   // 全屏加载提示，AI 接口响应较慢
-  const loading = ElLoading.service({
-    lock: true,
-    text: '简历解析中，请耐心等待…',
-    background: 'rgba(0, 0, 0, 0.5)',
-    customClass: 'resume-upload-loading',
-  })
+  fullLoadingText.value = '简历解析中，请耐心等待…'
+  fullLoading.value = true
 
   try {
     const res = await uploadResume(file)
@@ -311,14 +315,14 @@ async function handleUploadConfirm(file: File) {
       loadResumeList()
       // 等待让后端异步处理数据，再关闭加载动画并跳转详情页
       await new Promise(resolve => setTimeout(resolve, 2000))
-      loading.close()
+      fullLoading.value = false
       goDetail(res.data.resumeId)
     } else {
-      loading.close()
+      fullLoading.value = false
       ElMessage.error(res.msg || '上传失败')
     }
   } catch {
-    loading.close()
+    fullLoading.value = false
     ElMessage.error('上传失败，请稍后重试')
   }
 }