feat: 完善访谈与vlog模块页面，重组设备与图片公共资源，新增音频管理与一班对接工具

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

src/App.vue

@@ -12,10 +12,42 @@
 
 <script setup lang="ts">
 import { useScale } from '@/composables/useScale'
-import { computed } from 'vue'
+import {
+  useUserStore,
+  useVlogStore,
+  useFilmStore,
+  useInterviewStore,
+  useBasicElementsStore
+} from '@/stores'
+import { onMounted } from 'vue'
 
 // 使用等比例缩放hook
 const { scaleStyle } = useScale()
+const userStore = useUserStore()
+const vlogStore = useVlogStore()
+const filmStore = useFilmStore()
+const interviewStore = useInterviewStore()
+const basicElementsStore = useBasicElementsStore()
+
+onMounted(async () => {
+  const params = new URLSearchParams(window.location.search)
+  const courseId = params.get('courseid')
+  const uid = params.get('uid')
+
+  if (courseId || uid) {
+    userStore.setCourseInfo({
+      courseId: courseId ?? null,
+      uid: uid ?? null
+    })
+  }
+
+  await Promise.allSettled([
+    vlogStore.loadVlogStore(),
+    filmStore.loadFilmStore(),
+    interviewStore.loadInterviewStore(),
+    basicElementsStore.loadBasicElementsStore()
+  ])
+})
 
 // 容器样式
 const containerStyle = {
@@ -25,9 +57,6 @@ const containerStyle = {
   position: 'relative' as const,
   background: '#000'
 }
-
-// 只缓存技能树页
-const cachedNames = computed(() => ['SkillPage', 'Work'])
 </script>
 
 <style>