feat: 完善实战进度与技能树联动

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

eslint.config.ts

@@ -5,7 +5,10 @@ import { defineConfig } from 'eslint/config'
 import { fileURLToPath } from 'node:url'
 
 // 直接使用 tsconfig 的绝对路径，避免中文路径在 URL/路径互转时被编码导致读取失败
-const tsconfigEslintPath = fileURLToPath(new URL('./tsconfig.eslint.json', import.meta.url))
+const tsconfigRootDir = fileURLToPath(new URL('.', import.meta.url))
+const tsconfigEslintPath = fileURLToPath(
+  new URL('./tsconfig.eslint.json', import.meta.url),
+)
 
 export default defineConfig([
   // 全局忽略：自身配置文件、产物、第三方静态资源等不参与 lint
@@ -18,24 +21,25 @@ export default defineConfig([
       'public/**',
       'vite.config.*',
       'postcss.config.*',
-      'tailwind.config.*'
-    ]
+      'tailwind.config.*',
+    ],
   },
   {
     files: ['**/*.{js,mjs,cjs,ts,mts,cts,tsx,vue}'],
-    languageOptions: { globals: globals.browser }
+    languageOptions: { globals: globals.browser },
   },
   tseslint.configs.recommended,
   {
     languageOptions: {
       parserOptions: {
         // 让 typescript-eslint 使用专用 tsconfig（显式 include .vue）
-        project: [tsconfigEslintPath]
-      }
+        project: [tsconfigEslintPath],
+        tsconfigRootDir,
+      },
     },
     rules: {
-      '@typescript-eslint/no-explicit-any': 'off'
-    }
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
   },
   pluginVue.configs['flat/essential'],
   {
@@ -44,22 +48,28 @@ export default defineConfig([
       parserOptions: {
         parser: {
           ts: tseslint.parser,
-          tsx: tseslint.parser
+          tsx: tseslint.parser,
         },
         project: [tsconfigEslintPath],
+        tsconfigRootDir,
         extraFileExtensions: ['.vue'],
         ecmaFeatures: {
-          jsx: true
-        }
-      }
+          jsx: true,
+        },
+      },
     },
     rules: {
       'vue/multi-word-component-names': 'off',
       'vue/no-undef-components': [
         'error',
         {
-          ignorePatterns: ['router-view', 'router-link', 'RouterView', 'RouterLink']
-        }
+          ignorePatterns: [
+            'router-view',
+            'router-link',
+            'RouterView',
+            'RouterLink',
+          ],
+        },
       ],
       '@typescript-eslint/no-unused-vars': 'warn',
       '@typescript-eslint/no-explicit-any': 'off', // 完全禁用 any 检查
@@ -71,7 +81,7 @@ export default defineConfig([
       '@typescript-eslint/no-unsafe-argument': 'off',
       '@typescript-eslint/no-empty-object-type': 'off', // 允许空接口
       '@typescript-eslint/no-unused-expressions': 'warn', // 改为警告而非错误
-      'no-unused-expressions': 'off'
-    }
-  }
+      'no-unused-expressions': 'off',
+    },
+  },
 ])

src/App.vue

@@ -15,6 +15,11 @@
     </div>
 
     <div class="rotate-hint">请横屏观看，以获得最佳体验</div>
+
+    <LoadingOverlay
+      :visible="bootstrapLoading"
+      text="正在加载学习数据..."
+    />
   </div>
 </template>
 
@@ -27,8 +32,10 @@ import {
   useInterviewStore,
   useBasicElementsStore,
 } from '@/stores'
-import { onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 import { syncAllCompletedYibanLessons } from '@/utils/yibanLessonProgress'
+import { initializeStorageBackend } from '@/utils/yiban'
+import LoadingOverlay from '@/components/Loading/LoadingOverlay.vue'
 
 // 使用等比例缩放hook
 const { scaleStyle } = useScale()
@@ -38,6 +45,9 @@ const filmStore = useFilmStore()
 const interviewStore = useInterviewStore()
 const basicElementsStore = useBasicElementsStore()
 
+// 易班数据读取期间的全屏 loading
+const bootstrapLoading = ref(true)
+
 onMounted(async () => {
   const params = new URLSearchParams(window.location.search)
   const courseId = params.get('courseid')
@@ -50,12 +60,18 @@ onMounted(async () => {
     })
   }
 
-  await Promise.allSettled([
-    vlogStore.loadVlogStore(),
-    filmStore.loadFilmStore(),
-    interviewStore.loadInterviewStore(),
-    basicElementsStore.loadBasicElementsStore(),
-  ])
+  try {
+    await initializeStorageBackend()
+
+    await Promise.allSettled([
+      vlogStore.loadVlogStore(),
+      filmStore.loadFilmStore(),
+      interviewStore.loadInterviewStore(),
+      basicElementsStore.loadBasicElementsStore(),
+    ])
+  } finally {
+    bootstrapLoading.value = false
+  }
 
   await syncAllCompletedYibanLessons()
 })