瀏覽代碼

当页面展示用户问题后清掉对话框的文字.加页面底部提示

gcz 2 月之前
父節點
當前提交
e102980e8b
共有 2 個文件被更改,包括 32 次插入7 次删除
  1. 17 0
      src/styles/index.scss
  2. 15 7
      src/views/AIChat.vue

+ 17 - 0
src/styles/index.scss

@@ -32,6 +32,23 @@ think{
   margin-bottom: 24px;
 }
 
+.page-bottom-tips{
+  font-size: 14px;
+  color: #BFC5D2;
+  margin-top: 10px;
+  text-align: center;
+  position: absolute;
+  bottom: 35px;
+  left: $sidebar-width;
+  right: 0;
+  p{
+    margin-bottom: 8px;
+  } 
+  &.is-collapse{
+    left: 64px;
+  }
+}
+
 @mixin multi-ellipsis($line: 1) {
   @if $line <= 0 {
       $line: 1;

+ 15 - 7
src/views/AIChat.vue

@@ -88,7 +88,11 @@
         </div>
       </div>
 
-
+      <!-- 页面底部文字提示 -->
+      <div class="page-bottom-tips" :class="{ 'is-collapse': userStore.isCollapse }">
+        <p v-if="!isChating">该AI工具仅限内部使用,严禁外泄知识库资料</p>
+        <p>所有内容均由AI生成,仅供参考</p>
+      </div>
   </div>
 </template>
 
@@ -190,6 +194,9 @@ const handleSend = async () => {
   const message = inputMessage.value.trim()
   if (!message || loading.value) return
 
+  // 保存当前消息,供后续使用
+  const currentMessage = message
+
   if (!isChating.value) {
     isChating.value = true
   }
@@ -219,18 +226,21 @@ const handleSend = async () => {
   // 添加用户消息
   messages.value.push({
     role: 'user',
-    content: message,
+    content: currentMessage,
     time: new Date()
   })
   
+  // 清空输入框
+  inputMessage.value = ''
+  
   await scrollToBottom()
 
   // 开始流式响应
   loading.value = true
-  simulateStreamResponse()
+  simulateStreamResponse(currentMessage)
 }
 
-const simulateStreamResponse = async () => {
+const simulateStreamResponse = async (question) => {
   loading.value = true;
   
   const messageIndex = messages.value.length;
@@ -249,7 +259,7 @@ const simulateStreamResponse = async () => {
   // /admin/ragflow/chat/converse
   
   //请求ai聊天接口
-  const eventSource = new EventSource(`${import.meta.env.VITE_API_BASE_URL}/admin/user/chat/converse?chat_id=${chatId.value}&question=${encodeURIComponent(inputMessage.value)}&stream=true&session_id=${sessionId.value}&user_id=${userStore.userInfo.id}&token=${token}`);
+  const eventSource = new EventSource(`${import.meta.env.VITE_API_BASE_URL}/admin/user/chat/converse?chat_id=${chatId.value}&question=${encodeURIComponent(question)}&stream=true&session_id=${sessionId.value}&user_id=${userStore.userInfo.id}&token=${token}`);
 
   eventSource.onmessage = async (event) => {  
     try {
@@ -339,8 +349,6 @@ const simulateStreamResponse = async () => {
 
   eventSource.onopen = () => {
     console.log('连接已建立');
-    // 清空输入框
-    inputMessage.value = '';
   };
 }