update

src/views/Student/index.vue

@@ -137,9 +137,9 @@
         <div class="viewer-header right-panel-header">
           <h3 v-show="!workPanelCollapsed">{{ 
             rightPanelMode === 'homework' ? '作业区' : 
-            rightPanelMode === 'dialogue' ? '对话区' : '统计' 
+            rightPanelMode === 'dialogue' ? '对话区' : rightPanelMode === 'choice' ? '统计' : ''
           }}</h3>
-          <button class="collapse-btn" @click="workPanelCollapsed = !workPanelCollapsed" :title="workPanelCollapsed ? '展开' : '收起'">
+          <button class="collapse-btn" @click="workPanelCollapsed = !workPanelCollapsed" :title="workPanelCollapsed ? '展开' : '收起'" v-if="rightPanelMode != ''">
             <span v-if="workPanelCollapsed">›</span>
             <span v-else>‹</span>
           </button>
@@ -165,14 +165,14 @@
           >
             <img :src="rightPanelMode === 'choice' ? choiceActiveIcon : choiceIcon" alt="统计">
           </button>
-          <button 
+          <!-- <button 
             class="side-nav-btn" 
             :class="{ active: rightPanelMode === 'dialogue' }"
             @click="switchToDialogue"
             title="对话"
           >
             <img :src="rightPanelMode === 'dialogue' ? dialogueActiveIcon : dialogueIcon" alt="对话">
-          </button>
+          </button> -->
         </div>
         
 
@@ -334,7 +334,7 @@ const workPanelCollapsed = ref(false)
 // 幻灯片导航收缩状态
 const slidePanelCollapsed = ref(false)
 // 右侧面板当前显示的内容：'homework' | 'dialogue' | 'choice'
-const rightPanelMode = ref<'homework' | 'dialogue' | 'choice'>('homework')
+const rightPanelMode = ref<'homework' | 'dialogue' | 'choice' | ''>('homework')
 
 // 移除定时器相关代码，改用socket监听
 
@@ -395,13 +395,17 @@ const autoSwitchToAvailablePanel = () => {
       console.log('自动切换到统计面板')
     }
     else {
-      rightPanelMode.value = 'dialogue'
+      // rightPanelMode.value = 'dialogue'
+      rightPanelMode.value = ''
+      workPanelCollapsed.value = true
       console.log('自动切换到对话面板')
     }
   }
   // 如果当前在统计面板但不是选择题，自动切换到对话面板
   else if (rightPanelMode.value === 'choice' && !isChoiceQuestion.value) {
-    rightPanelMode.value = 'dialogue'
+    // rightPanelMode.value = 'dialogue'
+    rightPanelMode.value = ''
+    workPanelCollapsed.value = true
     console.log('自动切换到对话面板')
   }
 }