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

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

src/components/QuestionQuiz/QuestionQuiz.vue

@@ -37,6 +37,7 @@ const currentIndex = ref(0)
 const selectedOptionId = ref<string | null>(null) // 单选题选中的选项
 const selectedOptionIds = ref<string[]>([]) // 多选题选中的选项数组
 const showErrorExplanation = ref(false) // 是否显示错误解析
+const showCorrectFeedback = ref(false)
 
 const total = computed(() => props.questions.length)
 const currentQuestion = computed(() => props.questions[currentIndex.value])
@@ -63,6 +64,7 @@ watch(currentIndex, () => {
   selectedOptionId.value = null
   selectedOptionIds.value = []
   showErrorExplanation.value = false
+  showCorrectFeedback.value = false
 })
 
 // 通过文件后缀判断媒体类型
@@ -79,6 +81,8 @@ const isImage = (src: string): boolean => {
 }
 
 const handleOptionClick = (optionId: string) => {
+  if (showCorrectFeedback.value) return
+
   if (isMultiple.value) {
     // 多选题：切换选中状态
     const index = selectedOptionIds.value.indexOf(optionId)
@@ -93,13 +97,16 @@ const handleOptionClick = (optionId: string) => {
   }
   // 选择新选项时隐藏错误解析
   showErrorExplanation.value = false
+  showCorrectFeedback.value = false
 }
 
 // 交互规则：选对进入下一步，选错显示解析；最后一题选对触发 complete 事件
 // 如果 correctOptionId 为空字符串，表示引导题，任意选择都可进入下一题
-const handleSubmit = () => {
+const handleSubmit = async () => {
   const q = currentQuestion.value
 
+  if (showCorrectFeedback.value) return
+
   if (isMultiple.value) {
     // 多选题：必须选择至少一个选项
     if (selectedOptionIds.value.length === 0) return
@@ -138,12 +145,15 @@ const handleSubmit = () => {
 
   // 答对时重置错误解析状态
   showErrorExplanation.value = false
+  showCorrectFeedback.value = true
+  await new Promise(resolve => setTimeout(resolve, 800))
 
   if (currentIndex.value < total.value - 1) {
     currentIndex.value += 1
     selectedOptionId.value = null
     selectedOptionIds.value = []
   } else {
+    showCorrectFeedback.value = false
     emit('complete')
   }
 }
@@ -158,9 +168,9 @@ const handleSubmit = () => {
       <div v-if="showQuestionNumber" class="flex items-center justify-between mb-2">
         <div class="text-3xl font-semibold">
           第
-          <span class="text-4xl font-extrabold mx-1 text-emerald-300">{{
-            currentQuestion.id
-          }}</span>
+          <span class="text-4xl font-extrabold mx-1 text-emerald-300">
+            {{ currentQuestion.id }}
+          </span>
           页
           <span class="text-2xl opacity-70 ml-2">/ 共 {{ total }} 页</span>
         </div>
@@ -222,6 +232,16 @@ const handleSubmit = () => {
             </button>
           </div>
 
+          <!-- 正确反馈提示 -->
+          <Transition name="fade">
+            <div
+              v-if="showCorrectFeedback"
+              class="mt-4 p-6 rounded-xl bg-emerald-500/20 border border-emerald-400/30 text-2xl font-semibold text-emerald-100"
+            >
+              回答正确
+            </div>
+          </Transition>
+
           <!-- 错误解析提示 -->
           <Transition name="fade">
             <div
@@ -255,7 +275,10 @@ const handleSubmit = () => {
           <div :class="!hasMedia && 'flex justify-center'">
             <button
               type="button"
-              :disabled="isMultiple ? selectedOptionIds.length === 0 : !selectedOptionId"
+              :disabled="
+                showCorrectFeedback ||
+                (isMultiple ? selectedOptionIds.length === 0 : !selectedOptionId)
+              "
               class="inline-flex items-center justify-center px-10 py-3 rounded-full bg-emerald-500 hover:bg-emerald-400 active:bg-emerald-600 text-white text-2xl font-bold shadow-lg shadow-emerald-500/40 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-emerald-500 hover:shadow-xl hover:shadow-emerald-500/50 hover:scale-105 active:scale-100"
               @click="handleSubmit"
             >