|
@@ -8,10 +8,10 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 左侧导航栏 -->
|
|
<!-- 左侧导航栏 -->
|
|
- <div class="layout-content-left" v-show="type == '1'" :class="{ collapsed: slidePanelCollapsed }">
|
|
|
|
|
|
+ <div class="layout-content-left" v-show="type == '1' || (type == '2' && !isFollowModeActive)" :class="{ collapsed: slidePanelCollapsed }">
|
|
<div class="thumbnails">
|
|
<div class="thumbnails">
|
|
<div class="viewer-header slide-header">
|
|
<div class="viewer-header slide-header">
|
|
- <h3 v-show="!slidePanelCollapsed">幻灯片导航</h3>
|
|
|
|
|
|
+ <h3 v-show="!slidePanelCollapsed">课程大纲</h3>
|
|
<button class="collapse-btn" @click="slidePanelCollapsed = !slidePanelCollapsed" :title="slidePanelCollapsed ? '展开' : '收起'">
|
|
<button class="collapse-btn" @click="slidePanelCollapsed = !slidePanelCollapsed" :title="slidePanelCollapsed ? '展开' : '收起'">
|
|
<span v-if="slidePanelCollapsed">›</span>
|
|
<span v-if="slidePanelCollapsed">›</span>
|
|
<span v-else>‹</span>
|
|
<span v-else>‹</span>
|
|
@@ -31,7 +31,7 @@
|
|
|
|
|
|
<!-- 中间放映区域 -->
|
|
<!-- 中间放映区域 -->
|
|
<div class="layout-content-center">
|
|
<div class="layout-content-center">
|
|
- <div class="viewer-header" :class="{ 'hidden': isFullscreen }">
|
|
|
|
|
|
+ <div class="viewer-header" :class="{ 'hidden': isFullscreen }" style="display: none;">
|
|
<div class="slide-title">幻灯片 {{ slideIndex + 1 }}</div>
|
|
<div class="slide-title">幻灯片 {{ slideIndex + 1 }}</div>
|
|
<div class="viewer-controls">
|
|
<div class="viewer-controls">
|
|
<button @click="previousSlide" :disabled="slideIndex === 0" title="上一页" v-if="!isFollowModeActive || props.type == '1'">
|
|
<button @click="previousSlide" :disabled="slideIndex === 0" title="上一页" v-if="!isFollowModeActive || props.type == '1'">
|
|
@@ -330,9 +330,9 @@ const visibleChoice = ref(false)
|
|
const visibleAI = ref(false)
|
|
const visibleAI = ref(false)
|
|
|
|
|
|
// 作业区收缩状态
|
|
// 作业区收缩状态
|
|
-const workPanelCollapsed = ref(false)
|
|
|
|
|
|
+const workPanelCollapsed = ref(true)
|
|
// 幻灯片导航收缩状态
|
|
// 幻灯片导航收缩状态
|
|
-const slidePanelCollapsed = ref(false)
|
|
|
|
|
|
+const slidePanelCollapsed = ref(true)
|
|
// 右侧面板当前显示的内容:'homework' | 'dialogue' | 'choice'
|
|
// 右侧面板当前显示的内容:'homework' | 'dialogue' | 'choice'
|
|
const rightPanelMode = ref<'homework' | 'dialogue' | 'choice' | ''>('homework')
|
|
const rightPanelMode = ref<'homework' | 'dialogue' | 'choice' | ''>('homework')
|
|
|
|
|
|
@@ -395,17 +395,13 @@ const autoSwitchToAvailablePanel = () => {
|
|
console.log('自动切换到统计面板')
|
|
console.log('自动切换到统计面板')
|
|
}
|
|
}
|
|
else {
|
|
else {
|
|
- // rightPanelMode.value = 'dialogue'
|
|
|
|
- rightPanelMode.value = ''
|
|
|
|
- workPanelCollapsed.value = true
|
|
|
|
|
|
+ rightPanelMode.value = 'dialogue'
|
|
console.log('自动切换到对话面板')
|
|
console.log('自动切换到对话面板')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// 如果当前在统计面板但不是选择题,自动切换到对话面板
|
|
// 如果当前在统计面板但不是选择题,自动切换到对话面板
|
|
else if (rightPanelMode.value === 'choice' && !isChoiceQuestion.value) {
|
|
else if (rightPanelMode.value === 'choice' && !isChoiceQuestion.value) {
|
|
- // rightPanelMode.value = 'dialogue'
|
|
|
|
- rightPanelMode.value = ''
|
|
|
|
- workPanelCollapsed.value = true
|
|
|
|
|
|
+ rightPanelMode.value = 'dialogue'
|
|
console.log('自动切换到对话面板')
|
|
console.log('自动切换到对话面板')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -1969,10 +1965,13 @@ onUnmounted(() => {
|
|
.pptist-student-viewer {
|
|
.pptist-student-viewer {
|
|
height: 100vh;
|
|
height: 100vh;
|
|
display: flex;
|
|
display: flex;
|
|
- background-color: #f5f5f5;
|
|
|
|
|
|
+ background-color: #f4f4f4;
|
|
|
|
+ padding: 15px 10px;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
|
// 全屏模式样式
|
|
// 全屏模式样式
|
|
&.fullscreen {
|
|
&.fullscreen {
|
|
|
|
+ padding: 0;
|
|
.layout-content-left {
|
|
.layout-content-left {
|
|
display: none; // 全屏时隐藏左侧导航栏
|
|
display: none; // 全屏时隐藏左侧导航栏
|
|
}
|
|
}
|