From 8f1489ad6de206361c9425be7889c142e1469ece Mon Sep 17 00:00:00 2001
From: huangzhe <huang.ze@ebiz-digits.com>
Date: Wed, 6 Aug 2025 20:40:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20messagestatus=20?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AI-new/components/message.vue       |  6 ++-
 src/views/AI-new/index.vue                    | 21 ++++-------
 .../AI-new/views/productKnowledge/index.vue   | 37 +++++--------------
 .../AI-new/views/productRecommend/index.vue   | 37 +++++--------------
 4 files changed, 31 insertions(+), 70 deletions(-)

diff --git a/src/views/AI-new/components/message.vue b/src/views/AI-new/components/message.vue
index 1d9b9cc..0752abf 100644
--- a/src/views/AI-new/components/message.vue
+++ b/src/views/AI-new/components/message.vue
@@ -29,7 +29,7 @@
           </span>
           <div class="text-right fs12 mb5 mr10" style="font-size: 10px; color: #f6aa21">
             <!-- 新增点赞和踩按钮 -->
-            <div class="reaction-buttons mb10" v-if="message.type !== 'user'">
+            <div class="reaction-buttons mb10" v-if="message.type !== 'user' && messageStatus === 'stop'">
               <button @click="handleReaction(message, 'like')" class="like">
                 <svg-icon :icon-class="message.isLike ? 'fillLike' : 'like'" class-name="chat-icon"></svg-icon>
               </button>
@@ -66,6 +66,10 @@ export default {
     isDeep: {
       type: Boolean,
       default: false
+    },
+    messageStatus: {
+      type: String,
+      default: 'stop'
     }
   },
   data() {
diff --git a/src/views/AI-new/index.vue b/src/views/AI-new/index.vue
index 34172a2..59ed660 100644
--- a/src/views/AI-new/index.vue
+++ b/src/views/AI-new/index.vue
@@ -8,15 +8,9 @@
     <main class="chat-main">
       <div class="chat-content">
         <div class="message-area" ref="messageArea" @scroll="handleScroll">
-          <messageComponent
-          :messagesList="messages"
-          :is-deep="isDeep"
-          :is-search="isSearching"
-          :think-ok="isThink"
-          @setProductName="setProductName"
-          @reload-message="reloadMessage"
-          v-if="messages.length > 1"
-          ></messageComponent>
+          <messageComponent :message-status="messageStatus" :messagesList="messages" :is-deep="isDeep"
+            :is-search="isSearching" :think-ok="isThink" @setProductName="setProductName"
+            @reload-message="reloadMessage" v-if="messages.length > 1"></messageComponent>
           <div class="mb20" v-else>
             HI，我是长生产品助手，可以为你推荐产品、答疑解惑，请点击以下功能体检。
           </div>
@@ -32,7 +26,8 @@
 
     <chatMessage ref="chatMessage" :messages.sync="messages" :messageStatus.sync="messageStatus" :is-deep.sync="isDeep"
       :conversation-id.sync="conversationId" :is-searching.sync="isSearching" :product-name.sync="productName"
-      :autoScrollEnabled.sync="autoScrollEnabled" @getIsThink="getIsThink" action="normal_chat" @initBotMessage="initBotMessage"/>
+      :autoScrollEnabled.sync="autoScrollEnabled" @getIsThink="getIsThink" action="normal_chat"
+      @initBotMessage="initBotMessage" />
   </div>
 </template>
 
@@ -138,9 +133,9 @@ export default {
     },
     initBotMessage() {
       this.messages = []
-    }, 
-    reloadMessage({message,index}){
-      this.$refs.chatMessage.reloadMessage({message,index})
+    },
+    reloadMessage({ message, index }) {
+      this.$refs.chatMessage.reloadMessage({ message, index })
     }
   },
   watch: {
diff --git a/src/views/AI-new/views/productKnowledge/index.vue b/src/views/AI-new/views/productKnowledge/index.vue
index 3797a51..43d42da 100644
--- a/src/views/AI-new/views/productKnowledge/index.vue
+++ b/src/views/AI-new/views/productKnowledge/index.vue
@@ -1,26 +1,15 @@
 <template>
   <div class="chat-page">
     <van-nav-bar title="产品知识助手" left-text="返回" left-arrow @click-left="$router.history.go(-1)" />
-    <sticky
-      :hotList="hotList"
-      :productName="productName"
-      :messagesList.sync="messages"
-      :autoScrollEnabled.sync="autoScrollEnabled"
-      @setProductName="setProductName"
-      :isDisabled="messageStatus === 'send'"
-      :conversationId="conversationId"
-    ></sticky>
+    <sticky :hotList="hotList" :productName="productName" :messagesList.sync="messages"
+      :autoScrollEnabled.sync="autoScrollEnabled" @setProductName="setProductName"
+      :isDisabled="messageStatus === 'send'" :conversationId="conversationId"></sticky>
 
     <main class="chat-main">
       <div class="chat-content">
         <div class="message-area" ref="messageArea" @scroll="handleScroll">
-          <messageComponent
-            :messagesList="messages"
-            :is-deep="isDeep"
-            :is-search="isSearching"
-            :think-ok="isThink"
-            @setProductName="setProductName"
-          ></messageComponent>
+          <messageComponent :message-status="messageStatus" :messagesList="messages" :is-deep="isDeep"
+            :is-search="isSearching" :think-ok="isThink" @setProductName="setProductName"></messageComponent>
           <!-- <HotProducts class="mb10" :messagesList.sync="messages" @getHotList="getHotProducts"></HotProducts> -->
         </div>
       </div>
@@ -30,18 +19,10 @@
       </div>
     </main>
 
-    <chatMessage
-      :messages.sync="messages"
-      :messageStatus.sync="messageStatus"
-      :is-deep.sync="isDeep"
-      :conversation-id.sync="conversationId"
-      :is-searching.sync="isSearching"
-      :product-name.sync="productName"
-      :autoScrollEnabled.sync="autoScrollEnabled"
-      @getIsThink="getIsThink"
-      action="chat"
-      @initBotMessage="initBotMessage"
-    />
+    <chatMessage :messages.sync="messages" :messageStatus.sync="messageStatus" :is-deep.sync="isDeep"
+      :conversation-id.sync="conversationId" :is-searching.sync="isSearching" :product-name.sync="productName"
+      :autoScrollEnabled.sync="autoScrollEnabled" @getIsThink="getIsThink" action="chat"
+      @initBotMessage="initBotMessage" />
   </div>
 </template>
 
diff --git a/src/views/AI-new/views/productRecommend/index.vue b/src/views/AI-new/views/productRecommend/index.vue
index e1b91b3..108bfdb 100644
--- a/src/views/AI-new/views/productRecommend/index.vue
+++ b/src/views/AI-new/views/productRecommend/index.vue
@@ -1,26 +1,15 @@
 <template>
   <div class="chat-page">
     <van-nav-bar title="产品推荐助手-保障型" left-text="返回" left-arrow @click-left="$router.history.go(-1)" />
-    <sticky
-      :hotList="hotList"
-      :productName="productName"
-      :messagesList.sync="messages"
-      :autoScrollEnabled.sync="autoScrollEnabled"
-      @setProductName="setProductName"
-      :isDisabled="messageStatus === 'send'"
-      :conversationId="conversationId"
-    ></sticky>
+    <sticky :hotList="hotList" :productName="productName" :messagesList.sync="messages"
+      :autoScrollEnabled.sync="autoScrollEnabled" @setProductName="setProductName"
+      :isDisabled="messageStatus === 'send'" :conversationId="conversationId"></sticky>
 
     <main class="chat-main">
       <div class="chat-content">
         <div class="message-area" ref="messageArea" @scroll="handleScroll">
-          <messageComponent
-            :messagesList="messages"
-            :is-deep="isDeep"
-            :is-search="isSearching"
-            :think-ok="isThink"
-            @setProductName="setProductName"
-          ></messageComponent>
+          <messageComponent :message-status="messageStatus" :messagesList="messages" :is-deep="isDeep"
+            :is-search="isSearching" :think-ok="isThink" @setProductName="setProductName"></messageComponent>
           <!-- <HotProducts class="mb10" :messagesList.sync="messages" @getHotList="getHotProducts"></HotProducts> -->
         </div>
       </div>
@@ -30,18 +19,10 @@
       </div>
     </main>
 
-    <chatMessage
-      :messages.sync="messages"
-      :messageStatus.sync="messageStatus"
-      :is-deep.sync="isDeep"
-      :conversation-id.sync="conversationId"
-      :is-searching.sync="isSearching"
-      :product-name.sync="productName"
-      :autoScrollEnabled.sync="autoScrollEnabled"
-      @getIsThink="getIsThink"
-      action="product_recommend"
-      @initBotMessage="initBotMessage"
-    >
+    <chatMessage :messages.sync="messages" :messageStatus.sync="messageStatus" :is-deep.sync="isDeep"
+      :conversation-id.sync="conversationId" :is-searching.sync="isSearching" :product-name.sync="productName"
+      :autoScrollEnabled.sync="autoScrollEnabled" @getIsThink="getIsThink" action="product_recommend"
+      @initBotMessage="initBotMessage">
     </chatMessage>
   </div>
 </template>