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

src/views/JobDetail.vue

@@ -281,6 +281,8 @@
     <MemberAccessDialog v-model="showMemberAccessDialog" @open-member="showMemberDialog = true" />
     <!-- 会员购买弹窗 -->
     <MemberDialog v-model="showMemberDialog" />
+    <!-- 全屏加载遮罩 -->
+    <FullscreenLoading :visible="fullLoading" :text="fullLoadingText" title="Nova 正在帮您努力处理~" />
   </div>
 </template>
 
@@ -296,6 +298,7 @@ import JobDislikeDialog from '@/components/JobDislikeDialog.vue'
 import JobFeedbackDialog from '@/components/JobFeedbackDialog.vue'
 import JobResumeCustomDialog from '@/components/JobResumeCustomDialog.vue'
 import MemberAccessDialog from '@/components/MemberAccessDialog.vue'
+import FullscreenLoading from '@/components/FullscreenLoading.vue'
 import MemberDialog from '@/components/MemberDialog.vue'
 import { fetchJobDetail, toggleJobFavorite, removeJobFavorite, fetchSkillGap } from '@/api/jobs'
 import { fetchMemberStatus } from '@/api/member'
@@ -307,6 +310,12 @@ const router = useRouter()
 const route = useRoute()
 const store = useStore()
 
+// ==================== 全屏加载状态 ====================
+/** 全屏加载是否显示 */
+const fullLoading = ref(false)
+/** 全屏加载文案 */
+const fullLoadingText = ref('')
+
 /** 当前岗位 ID，从路由参数中获取 */
 const jobId = route.params.id as string
 
@@ -595,10 +604,8 @@ async function handleGenerateResume() {
     // 接口异常时不阻断，继续执行
   }
 
-  const loadingInstance = ElLoading.service({
-    text: '正在分析岗位匹配度...',
-    background: 'rgba(0, 0, 0, 0.5)',
-  })
+  fullLoadingText.value = '正在分析岗位匹配度...'
+  fullLoading.value = true
   try {
     const res = await fetchSkillGap(jobId)
     if (res.code === 0 && res.data) {
@@ -609,7 +616,7 @@ async function handleGenerateResume() {
     ElMessage.error('分析失败，请稍后重试')
     return
   } finally {
-    loadingInstance.close()
+    fullLoading.value = false
   }
   showResumeCustomDialog.value = true
 }