From 52b9e9a47523a44c75a8e12dc4e0928c552d7396 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=BC=A0?= <2091066548@qq.com>
Date: Mon, 22 Sep 2025 11:58:34 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9Abug=E7=BB=9F=E4=B8=80=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/AppHeader.vue | 56 ++++++++++++++---------------
 src/views/CourseExchanged.vue       | 33 ++++++++++++-----
 2 files changed, 53 insertions(+), 36 deletions(-)

diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue
index 20f7cc2..2e9e1f9 100644
--- a/src/components/layout/AppHeader.vue
+++ b/src/components/layout/AppHeader.vue
@@ -251,34 +251,34 @@ const languageOptions = computed(() => [
       onClick: () => handleLanguageSelect('en')
     }
   },
-  {
-    label: 'Русский',
-    key: 'ru',
-    props: {
-      onClick: () => handleLanguageSelect('ru')
-    }
-  },
-  {
-    label: 'Français',
-    key: 'fr',
-    props: {
-      onClick: () => handleLanguageSelect('fr')
-    }
-  },
-  {
-    label: 'Español',
-    key: 'es',
-    props: {
-      onClick: () => handleLanguageSelect('es')
-    }
-  },
-  {
-    label: '日本語',
-    key: 'ja',
-    props: {
-      onClick: () => handleLanguageSelect('ja')
-    }
-  }
+  // {
+  //   label: 'Русский',
+  //   key: 'ru',
+  //   props: {
+  //     onClick: () => handleLanguageSelect('ru')
+  //   }
+  // },
+  // {
+  //   label: 'Français',
+  //   key: 'fr',
+  //   props: {
+  //     onClick: () => handleLanguageSelect('fr')
+  //   }
+  // },
+  // {
+  //   label: 'Español',
+  //   key: 'es',
+  //   props: {
+  //     onClick: () => handleLanguageSelect('es')
+  //   }
+  // },
+  // {
+  //   label: '日本語',
+  //   key: 'ja',
+  //   props: {
+  //     onClick: () => handleLanguageSelect('ja')
+  //   }
+  // }
 ])
 
 // 切换移动端菜单
diff --git a/src/views/CourseExchanged.vue b/src/views/CourseExchanged.vue
index a8aacfb..a9c70dd 100644
--- a/src/views/CourseExchanged.vue
+++ b/src/views/CourseExchanged.vue
@@ -45,10 +45,10 @@
               </div>
 
               <!-- 提示 - 练习模式和讨论模式下显示不同内容 -->
-              <div v-if="!practiceMode && !discussionMode" class="tip-section">
+              <div v-if="!practiceMode && !discussionMode && showTipSection" class="tip-section">
                 <img src="/images/aiCompanion/ii.jpg" alt="">
                 <span>此视频请在2025.10.23 23:59前完成学习，快进拖拽或逾期学习不计入观看进度和成绩。</span>
-                <div class="tip-section-box">
+                <div class="tip-section-box" @click="hideTipSection">
                   <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1 1L9 9M9 1L1 9" stroke="#999999" stroke-width="1.5" stroke-linecap="round" />
                   </svg>
@@ -419,7 +419,7 @@
 
                 <!-- 课程描述 -->
                 <div class="course-description">
-                  <div>本课程中的部分图片、音频和视频素材来源于网络，仅供教学使用。如有问题，请点击 <span @click="openComplaintModal('feedback')">这里</span> 反馈</div>
+                  <div class="course-description-text" style="display: none;">本课程中的部分图片、音频和视频素材来源于网络，仅供教学使用。如有问题，请点击 <span @click="openComplaintModal('feedback')">这里</span> 反馈</div>
                   <span @click="openComplaintModal('complaint')">稿件投诉</span>
                 </div>
 
@@ -1019,7 +1019,7 @@
 
 
             <!-- AI主要内容区域 -->
-            <div class="ai-main-content">
+            <div v-if="showAiAssistant" class="ai-main-content">
               <!-- AI头部栏 -->
               <div class="ai-header-bar">
                 <div class="ai-header-left">
@@ -1027,7 +1027,7 @@
                   <h3 class="ai-title">AI小助手</h3>
 
                 </div>
-                <button class="save-button">
+                <button class="save-button" @click="hideAiAssistant">
                   <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1 1L9 9M9 1L1 9" stroke="#999999" stroke-width="1.5" stroke-linecap="round" />
                   </svg>
@@ -1434,6 +1434,17 @@ const sendPrompt = (prompt: string) => {
   // 或者直接发送给AI处理
 }
 
+// 隐藏区域的函数
+const hideTipSection = () => {
+  showTipSection.value = false
+  console.log('隐藏提示区域')
+}
+
+const hideAiAssistant = () => {
+  showAiAssistant.value = false
+  console.log('隐藏AI助手')
+}
+
 // 章节分组数据
 interface ChapterGroup {
   title: string
@@ -1578,6 +1589,10 @@ const replyingTo = ref<any>(null)
 const aiActiveTab = ref('assistant')
 const courseActiveTab = ref('summary')
 
+// 控制区域显示状态
+const showTipSection = ref(true)
+const showAiAssistant = ref(true)
+
 // 讲师数据
 // const instructors = ref([
 //   {
@@ -3255,7 +3270,7 @@ onActivated(() => {
   max-width: none;
   margin: 0;
   padding-left: 120px;
-  padding-right: 120px;
+  padding-right: 72px;
 }
 
 /* 练习/讨论模式整体布局 */
@@ -3702,6 +3717,7 @@ onActivated(() => {
 .tip-section .tip-section-box {
   flex: 1;
   text-align: right;
+  cursor: pointer;
 }
 
 /* 视频播放器区域 */
@@ -4243,8 +4259,9 @@ onActivated(() => {
   color: #999999;
   font-size: 14px;
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   align-items: center;
+  margin-right: 10px;
 }
 
 .course-description span {
@@ -6328,7 +6345,7 @@ onActivated(() => {
 @media (min-width: 1400px) {
   .container {
     padding-left: 120px;
-    padding-right: 120px;
+    padding-right: 72px;
     max-width: none;
     margin: 0;
   }