From 9d7a75a307d48dee1d78c4a25c1912d8f8536ea0 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Fri, 5 Jun 2026 15:01:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=BC=E5=AE=B9=E8=80=81=E7=9A=84?=
 =?UTF-8?q?=E9=95=BF=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ChatMain/ChatLongAnswer/index.vue   | 55 ++++++++++---------
 src/pages/ChatMain/ChatMainList/index.vue     | 10 +++-
 .../ChatModule/AnswerComponent/index.vue      | 26 ++++++---
 3 files changed, 55 insertions(+), 36 deletions(-)

diff --git a/src/pages/ChatMain/ChatLongAnswer/index.vue b/src/pages/ChatMain/ChatLongAnswer/index.vue
index c48fba7..3c49859 100644
--- a/src/pages/ChatMain/ChatLongAnswer/index.vue
+++ b/src/pages/ChatMain/ChatLongAnswer/index.vue
@@ -8,25 +8,29 @@
     <!-- ✅ 滚动区域 -->
     <scroll-view class="flex-full overflow-hidden chat-scroll" scroll-y :scroll-into-view="scrollIntoViewId" scroll-with-animation @scroll="onScroll" @touchstart="onTouchStart" @touchend="onTouchEnd" @touchcancel="onTouchEnd">
       <view class="flex flex-col pt-12 px-16 pb-24 border-box gap-8">
-        <view v-if="headerSections.title || headerSections.tag" class="long-answer-header">
-          <view v-if="headerSections.title" class="long-answer-title">
-            {{ headerSections.title.contentValue }}
+        <template v-if="hasStructuredLongTextData">
+          <view v-if="headerSections.title || headerSections.tag" class="long-answer-header">
+            <view v-if="headerSections.title" class="long-answer-title">
+              {{ headerSections.title.contentValue }}
+            </view>
+            <view v-if="headerSections.tag" class="long-answer-tag" :style="longAnswerTagStyle">
+              {{ headerSections.tag.contentValue }}
+            </view>
           </view>
-          <view v-if="headerSections.tag" class="long-answer-tag" :style="longAnswerTagStyle">
-            {{ headerSections.tag.contentValue }}
-          </view>
-        </view>
 
-        <template v-for="section in contentSections" :key="section.contentKey">
-          <ParsedValueView
-            v-if="shouldUseParsedValueView(section)"
-            :field-key="section.contentKey"
-            :value="section.parsedValue !== null ? section.parsedValue : section.contentValue"
-          />
+          <template v-for="section in contentSections" :key="section.contentKey">
+            <ParsedValueView
+              v-if="shouldUseParsedValueView(section)"
+              :field-key="section.contentKey"
+              :value="section.parsedValue !== null ? section.parsedValue : section.contentValue"
+            />
 
-          <ChatMarkdown v-else :text="section.contentValue" />
+            <ChatMarkdown v-else :text="section.contentValue" />
+          </template>
         </template>
 
+        <ChatMarkdown v-else-if="answerText" :text="answerText" />
+
         <!-- ✅ 底部锚点（必须存在） -->
         <view id="bottom-anchor"></view>
       </view>
@@ -64,6 +68,10 @@ const longAnswerTagStyle = computed(() => buildTagToneStyle(longAnswerTagColor.v
 let unsubscribe = null;
 
 const HIDDEN_DETAIL_SECTION_KEYS = [];
+const hasStructuredLongTextData = computed(() => {
+  const values = longTextData.value?.values;
+  return !!(values && Object.keys(values).length > 0);
+});
 
 const shouldUseParsedValueView = (section) => {
   return (
@@ -75,19 +83,14 @@ const shouldUseParsedValueView = (section) => {
 };
 
 const renderSections = computed(() => {
-  const data = longTextData.value;
-  if (data && data.values) {
-    return getLongTextSections(data)
-      .filter((section) => section.contentValue)
-      .map((section) => ({
-        ...section,
-        fromLongTextData: true,
-      }));
-  }
+  if (!hasStructuredLongTextData.value) return [];
 
-  return answerText.value
-    ? [{ contentKey: "content", contentValue: answerText.value }]
-    : [];
+  return getLongTextSections(longTextData.value)
+    .filter((section) => section.contentValue)
+    .map((section) => ({
+      ...section,
+      fromLongTextData: true,
+    }));
 });
 
 const headerSections = computed(() => {
diff --git a/src/pages/ChatMain/ChatMainList/index.vue b/src/pages/ChatMain/ChatMainList/index.vue
index b8db4ad..2f63a6e 100644
--- a/src/pages/ChatMain/ChatMainList/index.vue
+++ b/src/pages/ChatMain/ChatMainList/index.vue
@@ -74,15 +74,16 @@
               "
             >
               <AnswerComponent
-                v-if="isLongTextCard(item.componentName)"
+                v-if="isLongTextCard(item.componentName) && (item.componentName === CompName.longTextCard)"
+                :content="item.componentMsg || ''"
                 :longTextData="item.longTextData"
                 :finish="item.finish"
               />
 
-              <!-- <LongTextGuideCardPreview
+              <LongTextGuideCardPreview
                 v-if="isLongTextCard(item.componentName) && (item.componentName !== CompName.longTextCard)"
                 :componentName="item.componentName"
-              /> -->
+              />
 
               <QuickBookingComponent
                 v-if="
@@ -798,6 +799,7 @@ const handleWebSocketMessage = (data) => {
             messageId: currentSessionMessageId,
             replyMessageId: data.replyMessageId || "",
             componentName: "",
+            componentMsg: "",
             longTextData: null,
             finish: false,
           };
@@ -820,6 +822,7 @@ const handleWebSocketMessage = (data) => {
         messageId: currentSessionMessageId,
         replyMessageId: data.replyMessageId || "",
         componentName: "",
+        componentMsg: "",
         longTextData: null,
         finish: false,
       };
@@ -1213,6 +1216,7 @@ const sendChat = async (message, isInstruct = false) => {
     messageId: currentSessionMessageId,
     replyMessageId: "",
     componentName: "",
+    componentMsg: "",
     longTextData: null,
     finish: false,
   };
diff --git a/src/pages/ChatModule/AnswerComponent/index.vue b/src/pages/ChatModule/AnswerComponent/index.vue
index 778b4aa..0642c8b 100644
--- a/src/pages/ChatModule/AnswerComponent/index.vue
+++ b/src/pages/ChatModule/AnswerComponent/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view v-if="longTextData?.values" class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
+  <view v-if="shouldRenderCard" class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-vw"></view>
     <view class="flex flex-col px-16 pt-16 pb-12 border-box" @click="lookDetailAction">
@@ -60,8 +60,20 @@ const tag = computed(() => getLongTextValue(props.longTextData, LONG_TEXT_KEYS.t
 const title = computed(() => getLongTextValue(props.longTextData, LONG_TEXT_KEYS.title));
 const longAnswerTagColor = ref(pickRandomTagToneColor());
 const longAnswerTagStyle = computed(() => buildTagToneStyle(longAnswerTagColor.value));
+const hasStructuredLongTextData = computed(() => {
+  const values = props.longTextData?.values;
+  return !!(values && Object.keys(values).length > 0);
+});
+const detailLongTextData = computed(() => {
+  return hasStructuredLongTextData.value ? props.longTextData : null;
+});
 const previewContent = computed(() => {
-  return getLongTextPreviewText(props.longTextData, [LONG_TEXT_KEYS.contentSummary]);
+  const structuredPreview = getLongTextPreviewText(props.longTextData, [LONG_TEXT_KEYS.contentSummary]);
+  if (structuredPreview) return structuredPreview;
+  return hasStructuredLongTextData.value ? "" : props.content || "";
+});
+const shouldRenderCard = computed(() => {
+  return hasStructuredLongTextData.value || !!previewContent.value || !props.finish;
 });
 
 // 处理文本内容：按行截断以保证预览最多显示两行（更贴近视觉行数）
@@ -92,7 +104,7 @@ const isOverflow = computed(() => {
   const contentStr = previewContent.value ? String(previewContent.value) : "";
   const lines = contentStr.split(/\r?\n/);
   return (
-    hasLongTextExtraSections(props.longTextData) ||
+    (hasStructuredLongTextData.value && hasLongTextExtraSections(props.longTextData)) ||
     lines.length > PREVIEW_LINES ||
     contentStr.length > PREVIEW_CHAR_LIMIT
   );
@@ -128,11 +140,11 @@ const lookDetailAction = () => {
       streamId,
       previewContent.value ? String(previewContent.value) : "",
       !!props.finish,
-      props.longTextData || null,
+      detailLongTextData.value,
     );
   };
 
-  StreamManager.openStream(streamId, message, !!props.finish, props.longTextData || null);
+  StreamManager.openStream(streamId, message, !!props.finish, detailLongTextData.value);
 
   cleanupStreamWatchers();
 
@@ -154,7 +166,7 @@ const lookDetailAction = () => {
           streamId,
           previewContent.value ? String(previewContent.value) : "",
           !!f,
-          props.longTextData || null,
+          detailLongTextData.value,
         );
         if (f) {
           cleanupStreamWatchers();
@@ -179,7 +191,7 @@ const lookDetailAction = () => {
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 16px;
-  max-height: 52px;
+  max-height: 62px;
 }
 .long-answer-tag {
   display: inline-flex;