From a7f0305bcbbb1dcb91654739981e29f695fb7737 Mon Sep 17 00:00:00 2001
From: let5sne <let5sne@gmail.com>
Date: Sat, 18 Jul 2026 05:05:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(mobile):=20make=20=E8=BD=AC=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=20transcript=20collapsible=20both=20ways?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

客户追加:转文字展开后应可收回。实现双向收口:
- 「转文字」chip 常驻并变为开关(展开后显示「收起」)
- 展开内容底部增加「收起全文 ▲」——长文读到底部无需回滚到顶部
红点语义不变(仅播放清除);TTS 不可用的纯文本气泡不受影响。
验证:本地展开⇄收起往返(chip 与底部链接各一次)通过;已发布
(备份 h5-before-$TS)。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 mobile-uni/src/pages/user/sop/index.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/mobile-uni/src/pages/user/sop/index.vue b/mobile-uni/src/pages/user/sop/index.vue
index 09c9c11f..a5e7ba87 100644
--- a/mobile-uni/src/pages/user/sop/index.vue
+++ b/mobile-uni/src/pages/user/sop/index.vue
@@ -53,7 +53,9 @@
                   <text class="voice-duration">{{ voiceLabel(msg) }}</text>
                 </view>
                 <view v-if="msg.unread" class="voice-dot" />
-                <button v-if="!msg.transcriptOpen" class="transcript-toggle" @click="msg.transcriptOpen = true">转文字</button>
+                <button class="transcript-toggle" @click="msg.transcriptOpen = !msg.transcriptOpen">
+                  {{ msg.transcriptOpen ? '收起' : '转文字' }}
+                </button>
               </view>
 
               <view v-if="msg.voiceStatus === 'unavailable' || msg.transcriptOpen" class="bubble master transcript-bubble">
@@ -109,6 +111,10 @@
                     <text v-if="snippet.fragmentId" class="citation-meta">片段 #{{ snippet.fragmentId }}</text>
                   </view>
                 </view>
+
+                <view v-if="msg.voiceStatus !== 'unavailable'" class="transcript-collapse" @click="msg.transcriptOpen = false">
+                  <text class="transcript-collapse-text">收起全文 ▲</text>
+                </view>
               </view>
             </view>
           </view>
@@ -2171,4 +2177,16 @@ onUnload(() => {
   padding: 5px 0;
   font-size: 13px;
 }
+
+.transcript-collapse {
+  margin-top: 10px;
+  padding-top: 8px;
+  border-top: 1px dashed #eceff2;
+  text-align: center;
+}
+
+.transcript-collapse-text {
+  color: #98a1ad;
+  font-size: 12px;
+}
 </style>