From ca7d179d1b86fda0330b559daff7da435f1d15c7 Mon Sep 17 00:00:00 2001
From: ingkele <598792849@qq.com>
Date: Fri, 9 Oct 2026 13:41:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0AI=E6=99=BA=E8=83=BD?=
 =?UTF-8?q?=E5=AE=A2=E6=9C=8D=E5=BC=B9=E7=AA=97=E7=BB=84=E4=BB=B6=EF=BC=88?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E6=89=A3=E5=AD=90API=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ai-chat/ai-chat.vue                | 220 ++++++++++++++++++
 components/right-bar/right-bar.vue            |   7 +-
 .../router/service/client/ai/pub/chat.js      |  53 +++++
 3 files changed, 277 insertions(+), 3 deletions(-)
 create mode 100644 components/ai-chat/ai-chat.vue
 create mode 100644 uniCloud-tcb/cloudfunctions/router/service/client/ai/pub/chat.js

diff --git a/components/ai-chat/ai-chat.vue b/components/ai-chat/ai-chat.vue
new file mode 100644
index 0000000..058a656
--- /dev/null
+++ b/components/ai-chat/ai-chat.vue
@@ -0,0 +1,220 @@
+<template>
+	<view v-if="visible" class="ai-chat-panel">
+		<!-- 头部 -->
+		<view class="chat-header">
+			<text>🤖 金久信 AI 智能客服</text>
+			<text class="close" @click="visible = false">×</text>
+		</view>
+		<!-- 消息列表 -->
+		<scroll-view scroll-y class="msg-list" :scroll-into-view="scrollId" scroll-with-animation>
+			<!-- 欢迎消息（仅在没有对话时显示） -->
+			<view v-if="messages.length === 0" class="msg-item assistant" id="msg-welcome">
+				<view class="bubble">
+					您好！我是金久信AI智能客服，可以帮您解答 平台注册、相关认证、平台操作、企业推广等问题。请问有什么可以帮您？
+					<view class="quick-btns">
+						<view class="quick-btn" @click="quickSend('使用说明书')">使用说明书</view>
+						<view class="quick-btn" @click="quickSend('开通金久信公证')">开通金久信公证</view>
+						<view class="quick-btn" @click="quickSend('如何下询价单')">如何下询价单</view>
+						<view class="quick-btn" @click="quickSend('如何报价')">如何报价</view>
+					</view>
+				</view>
+			</view>
+			<!-- 对话消息 -->
+			<view v-for="(msg, i) in messages" :key="i" :id="'msg' + i" :class="['msg-item', msg.role]">
+				<view class="bubble" v-html="msg.content"></view>
+			</view>
+			<view v-if="loading" class="msg-item assistant" id="msg-loading">
+				<view class="bubble typing">思考中...</view>
+			</view>
+		</scroll-view>
+		<!-- 输入框 -->
+		<view class="input-bar">
+			<input v-model="inputText" @confirm="send" placeholder="输入您的问题..." />
+			<button @click="send">发送</button>
+		</view>
+	</view>
+</template>
+
+
+<script>
+	export default {
+		name: "ai-chat",
+		data() {
+			return {
+				visible: false,
+				inputText: '',
+				messages: [],
+				loading: false,
+				conversationId: null,
+				scrollId: ''
+			};
+		},
+		methods: {
+			toggle() {
+				this.visible = !this.visible;
+				if (this.visible) {
+					this.$nextTick(() => this.scrollToBottom());
+				}
+			},
+			quickSend(text) {
+				this.inputText = text;
+				this.send();
+			},
+			async send() {
+				const msg = this.inputText.trim();
+				if (!msg || this.loading) return;
+				this.inputText = '';
+				this.messages.push({
+					role: 'user',
+					content: msg
+				});
+				this.loading = true;
+				this.scrollToBottom();
+
+				try {
+					const res = await this.vk.callFunction({
+						url: 'client/ai/pub/chat',
+						data: {
+							message: msg,
+							conversation_id: this.conversationId
+						}
+					});
+					if (res.data.conversation_id) this.conversationId = res.data.conversation_id;
+					this.messages.push({
+						role: 'assistant',
+						content: res.data.answer
+					});
+				} catch (e) {
+					this.messages.push({
+						role: 'assistant',
+						content: '网络异常，请稍后重试'
+					});
+				}
+				this.loading = false;
+				this.scrollToBottom();
+			},
+			scrollToBottom() {
+				this.$nextTick(() => {
+					setTimeout(() => {
+						if (this.messages.length === 0) {
+							this.scrollId = 'msg-welcome';
+						} else if (this.loading) {
+							this.scrollId = 'msg-loading';
+						} else {
+							this.scrollId = 'msg' + (this.messages.length - 1);
+						}
+					 }, 50);
+				});
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.ai-chat-panel {
+		position: fixed;
+		bottom: 90px;
+		right: 50px;
+		width: 380px;
+		height: 520px;
+		background: #fff;
+		border-radius: 16px;
+		box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);
+		z-index: 99999;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+	}
+	.chat-header {
+		padding: 12px 16px;
+		background: linear-gradient(135deg, #a92924, #d4574e);
+		color: #fff;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 14px;
+		font-weight: 600;
+	}
+	.chat-header .close {
+		cursor: pointer;
+		font-size: 22px;
+		opacity: 0.8;
+	}
+	.chat-header .close:hover { opacity: 1; }
+	.msg-list {
+		flex: 1;
+		padding: 12px;
+		background: #f7f8fa;
+		overflow-y: auto;
+	}
+	.msg-item { margin-bottom: 10px; display: flex; }
+	.msg-item.user { justify-content: flex-end; }
+	.msg-item.assistant { justify-content: flex-start; }
+	.msg-item .bubble {
+		max-width: 75%;
+		padding: 10px 14px;
+		border-radius: 12px;
+		font-size: 13px;
+		line-height: 1.6;
+		word-break: break-word;
+	}
+	.msg-item.user .bubble {
+		background: #a92924;
+		color: #fff;
+		border-top-right-radius: 4px;
+	}
+	.msg-item.assistant .bubble {
+		background: #fff;
+		color: #333;
+		border: 1px solid #eee;
+		border-top-left-radius: 4px;
+	}
+	.msg-item.assistant .bubble.typing { color: #999; }
+	.quick-btns {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 6px;
+		margin-top: 10px;
+	}
+	.quick-btn {
+		padding: 5px 12px;
+		border-radius: 14px;
+		font-size: 12px;
+		cursor: pointer;
+		border: 1px solid #a92924;
+		color: #a92924;
+		background: #fff;
+		transition: all 0.2s;
+	}
+	.quick-btn:hover {
+		background: #a92924;
+		color: #fff;
+	}
+	.input-bar {
+		padding: 10px 12px;
+		border-top: 1px solid #eee;
+		display: flex;
+		gap: 8px;
+		background: #fff;
+	}
+	.input-bar input {
+		flex: 1;
+		height: 36px;
+		border: 1px solid #ddd;
+		border-radius: 8px;
+		padding: 0 10px;
+		font-size: 13px;
+	}
+	.input-bar input:focus { border-color: #a92924; outline: none; }
+	.input-bar button {
+		padding: 0 16px;
+		height: 36px;
+		background: #a92924;
+		color: #fff;
+		border: none;
+		border-radius: 8px;
+		font-size: 13px;
+		cursor: pointer;
+	}
+	.input-bar button:hover { background: #982520; }
+</style>
\ No newline at end of file
diff --git a/components/right-bar/right-bar.vue b/components/right-bar/right-bar.vue
index 354353b..92f7af0 100644
--- a/components/right-bar/right-bar.vue
+++ b/components/right-bar/right-bar.vue
@@ -23,12 +23,12 @@
                         </li>
                         <li class="side-steel-kefu">
                             <a rel="nofollow"
-                               href="http://wpa.qq.com/msgrd?v=3&amp;uin=949419497&amp;site=qq&amp;menu=yes"
-                               target="_blank">
+							  @click="$refs.aiChat.toggle()" >
                                 <div class="item">
                                     <i class="wag-icon"><img src="@/static/images/cl4.png"></i>
                                 </div>
-                                <span>在线客服</span>
+								<p>&ensp;&ensp;AI </p>
+                                <span>客服</span>
                             </a>
                         </li>
                         <li class="side-steel-counter">
@@ -66,6 +66,7 @@
                 </div>
             </div>
         </div>
+		<ai-chat ref="aiChat" />
     </view>
 </template>
 
diff --git a/uniCloud-tcb/cloudfunctions/router/service/client/ai/pub/chat.js b/uniCloud-tcb/cloudfunctions/router/service/client/ai/pub/chat.js
new file mode 100644
index 0000000..c52f46f
--- /dev/null
+++ b/uniCloud-tcb/cloudfunctions/router/service/client/ai/pub/chat.js
@@ -0,0 +1,53 @@
+module.exports = {
+  main: async (event) => {
+    let { data = {}, userInfo } = event;
+
+    const COZE_TOKEN = 'sat_OiXlI4Da5Q99fxmul6pNfExmA6hR898UbxBDwrvjZ638APxRSlFnXbz6zyFedKNG';
+    const BOT_ID = '7680345813062680618';
+
+    // 使用流式接口，直接从 SSE 事件中提取回答
+    const res = await uniCloud.httpclient.request('https://api.coze.cn/v3/chat', {
+      method: 'POST',
+      dataType: 'text',
+      contentType: 'json',
+      timeout: 120000,
+      headers: { 'Authorization': 'Bearer ' + COZE_TOKEN },
+      data: {
+        bot_id: BOT_ID,
+        user_id: (userInfo && userInfo.uid) || 'anonymous',
+        stream: true,
+        auto_save_history: true,
+        additional_messages: [{
+          role: 'user',
+          content: data.message,
+          content_type: 'text'
+        }]
+      }
+    });
+
+    // 从 SSE 文本中提取 type=answer 的内容
+    let answer = '暂时无法回复，请拨打 400-686-5559 咨询';
+    let conversationId = '';
+    const text = res.data || '';
+
+    const lines = text.split('\n');
+    for (const line of lines) {
+      if (!line.startsWith('data:')) continue;
+      const d = line.slice(5).trim();
+      if (d === '[DONE]' || d === '"[DONE]"') continue;
+      try {
+        const p = JSON.parse(d);
+        if (p.conversation_id) conversationId = p.conversation_id;
+        if (p.type === 'answer' && p.content) {
+          answer = p.content;
+        }
+      } catch (e) { /* 跳过非 JSON 行 */ }
+    }
+
+    return {
+      code: 0,
+      msg: 'ok',
+      data: { answer, conversation_id: conversationId }
+    };
+  }
+};