优化AI聊天组件样式与交互逻辑

src/views/components/aiChat/aiArgenChat.vue

@@ -10,11 +10,11 @@
                                 <p v-for="(name, index) in knowledge_search_list" style="margin-bottom:10px;"
                                     :key="index">
                                     <el-tag size="mini">{{ name
-                                    }}</el-tag>
+                                        }}</el-tag>
                                 </p>
                             </div>
                             <el-button type="text" size="medium" slot="reference">{{ knowledge_search_list.length
-                            }}个</el-button>
+                                }}个</el-button>
                         </el-popover>
                     </p>
                     <el-button type="text" @click="clearContext" class="clearContext">清除上下文</el-button>
@@ -91,9 +91,10 @@
                                             </div>
                                         </div>
                                         <!-- 复制客户的消息 -->
-                                        <div class="likeBtn rowFlex " v-if="i.send_type == 2 && !i.loading">
-                                            <span style="color:#87909c;font-size:12px;margin-right:5px;">{{
-                                                i.response_time }} ms</span>
+                                        <div class="likeBtn rowFlex " v-if="i.send_type == 2">
+                                            <span v-if="!i.loading"
+                                                style="color:#87909c;font-size:12px;margin-right:5px;">{{
+                                                    i.response_time }} ms</span>
                                             <svg-icon v-if="i.like_status == 0" class="copy likeIcon" icon-class="like"
                                                 @click.stop="likeAnswer(i, 1, index)" />
                                             <svg-icon v-else-if="i.like_status == 1" class="copy likeIcon"
@@ -250,7 +251,12 @@ export default {
             })
         },
         async getAiArgenInfo() {
-            const res = await corp_beta_question_config({ userid: this.chatUserInfo.userid, page: 1, page_size: 10 })
+            const res = await corp_beta_question_config({
+                user: {
+                    userid: this.chatUserInfo.userid,
+                    session_type: 3
+                }, page: 1, page_size: 10
+            })
             console.log(res, '123')
             if (res.status_code === 1 && res?.data?.data?.length > 0) {
                 this.knowledge_search_list = res?.data?.data[0]?.knowledge_search?.doc_name || []
@@ -451,7 +457,7 @@ export default {
 
     .AiChatList {
         width: 100%;
-        height: calc(100% - 120px);
+        height: calc(100% - 80px);
         overflow: auto;
     }
 
@@ -560,7 +566,7 @@ export default {
                 }
 
                 .chatItemleft {
-                    padding-bottom: 25px;
+                    padding-bottom: 35px;
                 }
 
                 .left {
@@ -669,12 +675,11 @@ export default {
     }
 
     .likeBtn {
+        position: absolute;
+        bottom: 5px;
         display: flex;
         flex-direction: row-reverse;
-        position: relative;
-        top: 15px;
-        margin-left: 10px;
-        margin-bottom: 10px;
+        width: 100%;
     }
 }