From 37d821990fffa676533a13872f9515e78d48ef33 Mon Sep 17 00:00:00 2001
From: zhonghua <zhonghua>
Date: Tue, 24 Mar 2026 14:34:53 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=B1=95=E6=92=AD):=20=E9=80=80=E5=87=BA?=
 =?UTF-8?q?=E6=97=B6=E5=85=88=E8=B7=B3=E8=BD=AC=E8=B0=A2=E8=B0=A2=E8=A7=82?=
 =?UTF-8?q?=E7=9C=8B=E9=A1=B5=E5=86=8D=E5=85=B3=E9=97=AD=E7=AA=97=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 BroadcastThanksView 谢谢观看页
- 展播退出时先跳转谢谢观看页
- 谢谢观看页尝试关闭窗口，无法关闭则停留该页

Made-with: Cursor
---
 reading-platform-frontend/src/router/index.ts |  6 +++
 .../teacher/lessons/BroadcastThanksView.vue   | 40 +++++++++++++++++++
 .../views/teacher/lessons/BroadcastView.vue   |  7 +---
 3 files changed, 48 insertions(+), 5 deletions(-)
 create mode 100644 reading-platform-frontend/src/views/teacher/lessons/BroadcastThanksView.vue

diff --git a/reading-platform-frontend/src/router/index.ts b/reading-platform-frontend/src/router/index.ts
index f72c69f..ec6813f 100644
--- a/reading-platform-frontend/src/router/index.ts
+++ b/reading-platform-frontend/src/router/index.ts
@@ -309,6 +309,12 @@ const routes: RouteRecordRaw[] = [
         component: () => import('@/views/teacher/lessons/LessonRecordsView.vue'),
         meta: { title: '课后记录' },
       },
+      {
+        path: 'broadcast/thanks',
+        name: 'TeacherBroadcastThanks',
+        component: () => import('@/views/teacher/lessons/BroadcastThanksView.vue'),
+        meta: { title: '谢谢观看' },
+      },
       {
         path: 'broadcast/:id',
         name: 'TeacherBroadcast',
diff --git a/reading-platform-frontend/src/views/teacher/lessons/BroadcastThanksView.vue b/reading-platform-frontend/src/views/teacher/lessons/BroadcastThanksView.vue
new file mode 100644
index 0000000..62ac51e
--- /dev/null
+++ b/reading-platform-frontend/src/views/teacher/lessons/BroadcastThanksView.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="broadcast-thanks pos-fixed top-0 left-0 w-full h-full z-999">
+    <div class="thanks-content">
+      <h1 class="thanks-title">谢谢观看</h1>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted } from 'vue';
+
+onMounted(() => {
+  // 尝试关闭窗口（由 window.open 打开的标签页可成功关闭）
+  window.close();
+});
+</script>
+
+<style scoped lang="scss">
+.broadcast-thanks {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #1a1a2e;
+}
+
+.thanks-content {
+  text-align: center;
+}
+
+.thanks-title {
+  font-size: 48px;
+  font-weight: 600;
+  color: #fff;
+  margin: 0;
+  letter-spacing: 0.2em;
+  opacity: 0.95;
+}
+</style>
diff --git a/reading-platform-frontend/src/views/teacher/lessons/BroadcastView.vue b/reading-platform-frontend/src/views/teacher/lessons/BroadcastView.vue
index 9cc9a85..07fac63 100644
--- a/reading-platform-frontend/src/views/teacher/lessons/BroadcastView.vue
+++ b/reading-platform-frontend/src/views/teacher/lessons/BroadcastView.vue
@@ -280,15 +280,12 @@ const goBackToLesson = () => {
   }
 };
 
-// 处理退出：跳转回上课页面
+// 处理退出：先跳转谢谢观看页，再由该页尝试关闭；若无法关闭则停留感谢页
 const handleExit = () => {
-  // 优先尝试关闭标签页并聚焦 opener（从上课页新开时）
   if (window.opener && !window.opener.closed) {
     window.opener.focus();
-    window.close();
-  } else {
-    goBackToLesson();
   }
+  router.replace({ name: 'TeacherBroadcastThanks' });
 };
 
 // 处理环节切换