sass警告

src/views/ResumeDetail.vue

@@ -412,6 +412,11 @@
         </div>
       </div>
     </div>
+
+    <!-- 会员权限拦截弹窗 -->
+    <MemberAccessDialog v-model="showMemberAccessDialog" @open-member="showMemberDialog = true" />
+    <!-- 会员购买弹窗 -->
+    <MemberDialog v-model="showMemberDialog" />
   </div>
 </template>
 
@@ -424,6 +429,9 @@ import ResumeAnalysisReportDrawer from '@/components/ResumeAnalysisReportDrawer.
 import ResumeIssueFixDrawer from '@/components/ResumeIssueFixDrawer.vue'
 import ResumeExportDialog from '@/components/ResumeExportDialog.vue'
 import ResumeEditNameDialog from '@/components/ResumeEditNameDialog.vue'
+import MemberAccessDialog from '@/components/MemberAccessDialog.vue'
+import MemberDialog from '@/components/MemberDialog.vue'
+import { fetchMemberStatus } from '@/api/member'
 import {
   fetchResumeMain,
   fetchResumeEducation,
@@ -463,6 +471,11 @@ import {
 
 // ==================== 诊断数据相关 ====================
 
+/** 会员权限拦截弹窗 */
+const showMemberAccessDialog = ref(false)
+/** 会员购买弹窗 */
+const showMemberDialog = ref(false)
+
 /** 问题类型枚举值 */
 type IssueType = 'urgent' | 'optimize' | 'expression'
 
@@ -748,8 +761,20 @@ function handleClose_report() {
   showReportDrawer.value = false
 }
 
-/** 重新诊断 / 开始诊断 — 调用 AI 诊断接口，完成后刷新诊断数据 */
+/** 重新诊断 / 开始诊断 — 先检查会员状态，非会员弹权限拦截弹窗 */
 async function handleDiagnose() {
+  // 先检查会员状态
+  try {
+    const statusRes = await fetchMemberStatus()
+    if (statusRes.code === '0' && statusRes.data && !statusRes.data.isMember) {
+      // 非会员 — 弹出会员权限拦截弹窗
+      showMemberAccessDialog.value = true
+      return
+    }
+  } catch {
+    // 接口异常时不阻断（可能是网络问题），继续执行诊断
+  }
+
   // 全屏加载提示，AI 接口响应较慢
   const loading = ElLoading.service({
     lock: true,