Compare commits

30 Commits

Author SHA1 Message Date
ee6c777fb1 chore:进入客服页面不乱跳了 2025-12-16 14:07:59 +08:00
5503758854 chore:删除了气泡底下的时间 2025-12-16 11:35:55 +08:00
8d84306747 chore:往上翻历史记录,不在乱窜了 2025-12-16 11:32:40 +08:00
c45f3e69da chore:解决了key问题 2025-12-13 16:33:22 +08:00
80428e625f chore:可以看到之前历史对话了,但是获取时会晃动不完整 2025-12-13 16:19:29 +08:00
a06ee95482 chore:可以看见历史记录了 2025-12-12 16:41:54 +08:00
b4aed459c5 chore:目前为止加了历史会话,正常运行没有出错 2025-12-12 16:23:00 +08:00
aa03abf651 chore:ai客服解析流式数据成功 2025-12-12 10:48:26 +08:00
af23505a74 chore:AI客服正常流式聊天 2025-12-11 17:35:34 +08:00
3898518ad0 chore: 可以连接到流式请求 2025-12-11 17:24:14 +08:00
f0d3d1986f chore:把 message替换成 query 2025-12-11 09:42:28 +08:00
2750d8012f chore(merge): 这个版本正常运行 2025-12-10 15:30:39 +08:00
89fbfcaca6 Merge branch 'feat-ai-agent' of http://git.aigc-quickapp.com/Uniapp/lucky_shop into feat-ai-agent 2025-12-10 15:25:35 +08:00
80c172ed77 合并
Squashed commit of the following:

commit 2416eab34f
Author: jinhhanhan <1683105490@qq.com>
Date:   Fri Dec 5 17:12:14 2025 +0800

    chore:加了dify

commit c4f2cea1a9
Author: jinhhanhan <1683105490@qq.com>
Date:   Fri Dec 5 16:47:53 2025 +0800

    chore:加了智能体

commit 227ab42e5a
Author: jinhhanhan <1683105490@qq.com>
Date:   Thu Dec 4 14:27:46 2025 +0800

    chore:挂上了智能客服
2025-12-10 15:21:32 +08:00
a0ddcd673d Squashed commit of the following:
commit 2416eab34f
Author: jinhhanhan <1683105490@qq.com>
Date:   Fri Dec 5 17:12:14 2025 +0800

    chore:加了dify

commit c4f2cea1a9
Author: jinhhanhan <1683105490@qq.com>
Date:   Fri Dec 5 16:47:53 2025 +0800

    chore:加了智能体

commit 227ab42e5a
Author: jinhhanhan <1683105490@qq.com>
Date:   Thu Dec 4 14:27:46 2025 +0800

    chore:挂上了智能客服
2025-12-10 14:52:52 +08:00
c50fab3d3a chore:没有太大关系的代码 2025-12-10 14:35:40 +08:00
578d914e9b chore:客服正常对话 2025-12-10 14:32:38 +08:00
1b194bf3e1 chore:健康检查中加了一个date空值 2025-12-10 14:22:00 +08:00
b685a91598 chore:加了文档中智能客服聊天功能,健康系统检测,流式聊天测试,创建会话接口 2025-12-10 11:37:29 +08:00
7da168e1b2 chore:让智能客服到AI气泡上方 2025-12-10 10:10:18 +08:00
179a9089b7 chore:加了用户自定义昵称 2025-12-10 09:23:04 +08:00
57a0bb9b5a chore:改了 2025-12-09 18:31:47 +08:00
4cfbfa7d8f chore:用户气泡可以随着字数改变而改变 2025-12-09 17:53:25 +08:00
eb189ae9f7 chore:加了用户自定义头像,背景颜色 2025-12-09 17:14:43 +08:00
d489f352db chore:增加了粉色机器人头像 2025-12-08 18:09:38 +08:00
7dbf455341 chore:ai智能客服可以正常对话 2025-12-08 17:16:10 +08:00
2416eab34f chore:加了dify 2025-12-05 17:12:14 +08:00
c4f2cea1a9 chore:加了智能体 2025-12-05 16:47:53 +08:00
227ab42e5a chore:挂上了智能客服 2025-12-04 14:27:46 +08:00
4cf19e417f chore:修改了 // 商户ID uniacid: 460
//api请求地址
    baseUrl: 'https://xcx30.5g-quickapp.com/',
    // baseUrl: 'http://localhost:8010/',

    // 图片域名
    imgDomain: 'https://xcx30.5g-quickapp.com/',
    //imgDomain: 'http://localhost:8010/',

    // H5端域名
    h5Domain: 'https://xcx30.5g-quickapp.com/',
    // h5Domain: 'http://localhost:8010/',
2025-12-01 08:42:50 +08:00
10 changed files with 4227 additions and 2209 deletions

View File

@@ -1,356 +1,489 @@
import http from './http.js' import Config from './config.js'
import store from '@/store/index.js' import http from './http.js'
import store from '@/store/index.js'
export default { let currentConversationId = null;
/** const CONVERSATION_KEY = 'ai_conversation_id';
* 发送消息到Dify API
* @param {string} message 用户消息内容 // 初始化时从本地读取
* @param {Object} options 配置选项 try {
* @returns {Promise} const saved = uni.getStorageSync(CONVERSATION_KEY);
*/ if (saved) {
async sendMessage(message, options = {}) { currentConversationId = saved;
try { }
// 获取AI配置 } catch (e) {
const aiConfig = store.getters.globalAIAgentConfig console.warn('读取会话ID失败:', e);
}
// 构建Dify API请求参数 export default {
const params = { /**
url: '/api/ai/chat', // 后端代理接口 * 发送消息到Dify API
data: { * @param {string} message 用户消息内容
message: message, * @param {Object} options 配置选项
conversation_id: options.conversationId || this.generateConversationId(), * @returns {Promise}
user_id: store.state.memberInfo?.id || 'anonymous', */
stream: options.stream || false, // 是否流式响应 async sendMessage(message, options = {}) {
// Dify API参数 try {
inputs: {}, const aiConfig = store.getters.globalAIKefuConfig
query: message, const params = {
response_mode: options.stream ? 'streaming' : 'blocking', url: '/api/kefu/chat',
user: store.state.memberInfo?.id || 'anonymous' data: {
}, user_id: store.state.memberInfo?.id || 'anonymous',
header: { stream: false,
'Content-Type': 'application/json' inputs: {},
} query: message,
} response_mode: options.stream ? 'streaming' : 'blocking',
user: store.state.memberInfo?.id || 'anonymous',
// 如果有Dify配置添加API密钥 conversation_id: this.getConversationId() || ''
if (aiConfig?.difyApiKey) { },
params.header['Authorization'] = `Bearer ${aiConfig.difyApiKey}` header: {
} 'Content-Type': 'application/json'
}
if (aiConfig?.difyBaseUrl) { }
params.header['X-Dify-Url'] = aiConfig.difyBaseUrl console.log('Sending request to:', params.url);
} console.log('Request data:', params.data);
// 发送请求 const response = await http.sendRequest({
const response = await http.sendRequest({ ...params,
...params, async: false
async: false // 使用Promise方式 })
})
const result = this.handleResponse(response, options);
return this.handleResponse(response, options) if (result.conversationId) {
this.setConversationId(result.conversationId);
} catch (error) { }
console.error('Dify API请求失败:', error) return result;
throw new Error('AI服务暂时不可用请稍后重试') } catch (error) {
} console.error('Dify API请求失败:', error)
}, throw new Error('AI服务暂时不可用请稍后重试')
}
/** },
* 流式消息处理
* @param {string} message 用户消息 /**
* @param {Function} onChunk 流式数据回调 * 流式消息处理
* @param {Function} onComplete 完成回调 */
*/ async sendStreamMessage(message, onChunk, onComplete) {
async sendStreamMessage(message, onChunk, onComplete) { try {
try { return this.sendHttpStream(message, onChunk, onComplete)
const aiConfig = store.getters.globalAIAgentConfig } catch (error) {
console.error('流式消息发送失败:', error)
// 检查配置 throw error
if (!aiConfig?.difyBaseUrl || !aiConfig?.difyApiKey) { }
throw new Error('未配置Dify服务') },
}
/**
// 创建WebSocket连接或使用Server-Sent Events * EventSource 流式聊天
if (aiConfig?.difyWsUrl) { */
return this.connectWebSocket(message, onChunk, onComplete) chatWithEventSource(message, conversationId = '', onMessage, onComplete, onError) {
} else { if (window.currentEventSource) {
// 使用HTTP流式请求 window.currentEventSource.close();
return this.sendHttpStream(message, onChunk, onComplete) }
} const params = new URLSearchParams({
uniacid: store.state.uniacid || '1',
} catch (error) { user_id: store.state.memberInfo?.id || '123456',
console.error('流式消息发送失败:', error) query: message,
throw error conversation_id: conversationId || '',
} stream: 'true'
}, });
const url = `/api/kefu/chat?${params.toString()}`;
/** try {
* WebSocket连接 const eventSource = new EventSource(url);
*/ window.currentEventSource = eventSource;
connectWebSocket(message, onChunk, onComplete) { let aiMessage = '';
return new Promise((resolve, reject) => { eventSource.addEventListener('message', (event) => {
const aiConfig = store.getters.globalAIAgentConfig try {
const wsUrl = aiConfig.difyWsUrl const data = JSON.parse(event.data);
if (data.event === 'message') {
if (!wsUrl) { aiMessage += data.answer || '';
reject(new Error('未配置WebSocket地址')) if (onMessage) onMessage(data.answer || '');
return }
} if (data.event === 'message_end') {
if (onComplete) onComplete({
// #ifdef H5 conversation_id: data.conversation_id,
const ws = new WebSocket(wsUrl) message: aiMessage
});
ws.onopen = () => { }
// 发送消息 if (data.conversation_id) {
ws.send(JSON.stringify({ conversationId = data.conversation_id;
message: message, }
user_id: store.state.memberInfo?.id || 'anonymous', } catch (error) {
conversation_id: this.generateConversationId() console.error('解析消息失败:', error);
})) }
} });
eventSource.addEventListener('done', (event) => {
ws.onmessage = (event) => { try {
try { const data = JSON.parse(event.data);
const data = JSON.parse(event.data) if (onComplete) onComplete(data);
if (data.type === 'chunk' && onChunk) { } catch (error) {
onChunk(data.content) console.error('解析完成事件失败:', error);
} else if (data.type === 'complete' && onComplete) { }
onComplete(data.content) });
ws.close() eventSource.addEventListener('close', (event) => {
resolve(data.content) try {
} const data = JSON.parse(event.data);
} catch (e) { console.log('连接正常结束:', data);
console.error('WebSocket消息解析失败:', e) } catch (error) {
} console.error('解析关闭事件失败:', error);
} }
window.currentEventSource = null;
ws.onerror = (error) => { });
console.error('WebSocket连接错误:', error) eventSource.addEventListener('error', (error) => {
reject(error) console.error('EventSource错误:', error);
} if (onError) onError({ error: 'EventSource连接错误' });
window.currentEventSource = null;
ws.onclose = () => { });
console.log('WebSocket连接关闭') return eventSource;
} } catch (error) {
// #endif console.error('创建EventSource失败:', error);
if (onError) onError({ error: error.message });
// #ifdef MP-WEIXIN || APP-PLUS return null;
// 小程序和APP使用uni.connectSocket }
uni.connectSocket({ },
url: wsUrl,
success: () => { /**
uni.onSocketOpen(() => { * Fetch API 流式聊天
uni.sendSocketMessage({ */
data: JSON.stringify({ async chatWithFetchStream(message, conversationId = '', onMessage, onComplete, onError) {
message: message, try {
user_id: store.state.memberInfo?.id || 'anonymous', let requestData;
conversation_id: this.generateConversationId() let headers = {
}) 'Accept': 'text/event-stream'
}) };
}) requestData = {
uniacid: store.state.uniacid || '1',
uni.onSocketMessage((res) => { user_id: store.state.memberInfo?.id || '123456',
try { query: message,
const data = JSON.parse(res.data) conversation_id: conversationId || '',
if (data.type === 'chunk' && onChunk) { stream: true,
onChunk(data.content) inputs: {},
} else if (data.type === 'complete' && onComplete) { response_mode: 'streaming',
onComplete(data.content) user: store.state.memberInfo?.id || '123456'
uni.closeSocket() };
resolve(data.content) headers['Content-Type'] = 'application/json';
} const response = await fetch('/api/kefu/chat', {
} catch (e) { method: 'POST',
console.error('WebSocket消息解析失败:', e) headers: headers,
} body: JSON.stringify(requestData)
}) });
if (!response.ok) {
uni.onSocketError((error) => { throw new Error(`HTTP error! status: ${response.status}`);
console.error('WebSocket连接错误:', error) }
reject(error) if (!response.body) {
}) throw new Error('响应体不可用');
}, }
fail: (error) => { const reader = response.body.getReader();
reject(error) const decoder = new TextDecoder('utf-8');
} let buffer = '';
}) let aiMessage = '';
// #endif while (true) {
}) const { done, value } = await reader.read();
}, if (done) break;
buffer += decoder.decode(value, { stream: true });
/** let lineEnd;
* HTTP流式请求 while ((lineEnd = buffer.indexOf('\n')) !== -1) {
*/ const line = buffer.substring(0, lineEnd);
async sendHttpStream(message, onChunk, onComplete) { buffer = buffer.substring(lineEnd + 1);
const aiConfig = store.getters.globalAIAgentConfig if (line.startsWith('data: ')) {
try {
const params = { const data = JSON.parse(line.substring(6));
url: '/api/ai/chat-stream', if (data.event === 'message' || data.event === 'text_message') {
data: { const textContent = data.answer || data.text || '';
message: message, aiMessage += textContent;
conversation_id: this.generateConversationId(), if (onMessage) onMessage(textContent);
user_id: store.state.memberInfo?.id || 'anonymous', } else if (data.event === 'message_end' || data.event === 'done') {
stream: true if (onComplete) onComplete({
}, conversation_id: data.conversation_id,
header: { message: aiMessage,
'Content-Type': 'application/json' ...data
} });
} } else if (data.event === 'error' && onError) {
onError(data);
if (aiConfig?.difyApiKey) { }
params.header['Authorization'] = `Bearer ${aiConfig.difyApiKey}` if (data.conversation_id) {
} conversationId = data.conversation_id;
}
// 使用fetch API进行流式请求H5环境 } catch (e) {
// #ifdef H5 console.warn('解析流式数据失败:', e);
try { }
const response = await fetch(`${aiConfig.difyBaseUrl}/chat-messages`, { }
method: 'POST', }
headers: { }
'Content-Type': 'application/json', if (buffer.startsWith('data: ')) {
'Authorization': `Bearer ${aiConfig.difyApiKey}` try {
}, const data = JSON.parse(buffer.substring(6));
body: JSON.stringify({ if ((data.event === 'message' || data.event === 'text_message') && onMessage) {
inputs: {}, const textContent = data.answer || data.text || '';
query: message, onMessage(textContent);
response_mode: 'streaming', } else if ((data.event === 'message_end' || data.event === 'done') && onComplete) {
user: store.state.memberInfo?.id || 'anonymous' onComplete({
}) conversation_id: data.conversation_id,
}) message: aiMessage,
...data
const reader = response.body.getReader() });
const decoder = new TextDecoder() }
let content = '' } catch (e) {
console.warn('解析剩余数据失败:', e);
while (true) { }
const { done, value } = await reader.read() }
if (done) break } catch (error) {
console.error('Fetch流式聊天请求失败:', error);
const chunk = decoder.decode(value) if (onError) onError({ error: error.message });
const lines = chunk.split('\n') }
},
for (const line of lines) {
if (line.startsWith('data: ')) { /**
try { * HTTP流式请求修复conversationId未定义
const data = JSON.parse(line.slice(6)) */
if (data.event === 'text_message' && data.text) { async sendHttpStream(message, onChunk, onComplete) {
content += data.text const params = {
if (onChunk) onChunk(data.text) url: '/api/kefu/chat',
} data: {
} catch (e) { query: message,
// 忽略解析错误 conversation_id: '',
} user_id: store.state.memberInfo?.id || 'anonymous',
} stream: true,
} uniacid: store.state.uniacid,
} inputs: {},
response_mode: 'streaming',
if (onComplete) onComplete(content) user: store.state.memberInfo?.id || 'anonymous'
return content },
header: {
} catch (error) { 'Content-Type': 'application/json'
console.error('HTTP流式请求失败:', error) }
throw error }
} // #ifdef H5
// #endif try {
const url = Config.baseUrl + `/api/kefu/chat`;
// 非H5环境使用普通请求模拟流式效果 const response = await fetch(url, {
// #ifndef H5 method: 'POST',
const response = await http.sendRequest({ headers: {
...params, 'Content-Type': 'application/json',
async: false 'Accept': 'text/event-stream',
}) },
body: JSON.stringify({
// 模拟流式效果 uniacid: store.state.uniacid || '1',
if (response.success && response.data) { inputs: {},
const content = response.data query: message,
const chunkSize = 3 response_mode: 'streaming',
let index = 0 user_id: store.state.memberInfo?.id || 'anonymous'
})
const streamInterval = setInterval(() => { })
if (index < content.length) { const reader = response.body.getReader()
const chunk = content.substring(index, index + chunkSize) const decoder = new TextDecoder()
index += chunkSize let content = ''
if (onChunk) onChunk(chunk) let buffer = ''
} else { // 修复声明conversationId变量
clearInterval(streamInterval) let conversationId = '';
if (onComplete) onComplete(content)
} function processStreamData(buffer, callback) {
}, 100) const lines = buffer.split('\n');
} buffer = lines.pop() || '';
// #endif lines.forEach(line => {
}, line = line.trim();
if (!line) return;
/** if (line.startsWith('data:')) {
* 处理API响应 const dataPart = line.slice(5).trim();
*/ if (dataPart) {
handleResponse(response, options) { try {
if (response.code === 0 || response.success) { const data = JSON.parse(dataPart);
return { if (data.event === 'message') {
success: true, callback(data.answer || '');
content: response.data?.answer || response.data?.content || response.data, }
conversationId: response.data?.conversation_id, if (data.conversation_id) {
messageId: response.data?.message_id conversationId = data.conversation_id;
} }
} else { if (data.event === 'message_end') {
throw new Error(response.message || 'AI服务返回错误') console.log('对话完成');
} }
}, } catch (error) {
console.error('解析流式数据失败:', error);
/** }
* 生成会话ID }
*/ }
generateConversationId() { });
return 'conv_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9) return buffer;
}, }
/** while (true) {
* 获取AI服务状态 const { done, value } = await reader.read()
*/ if (done) break
async getServiceStatus() { buffer += decoder.decode(value, { stream: true });
try { buffer = processStreamData(buffer, (newData) => {
const aiConfig = store.getters.globalAIAgentConfig if (newData) {
content += newData;
if (!aiConfig?.difyBaseUrl || !aiConfig?.difyApiKey) { if (onChunk) onChunk(newData);
return { }
available: false, });
reason: '未配置Dify服务' }
}
} if (onComplete) onComplete({ content, conversation_id: conversationId });
return { content, conversation_id: conversationId };
// 简单的健康检查 } catch (error) {
const response = await http.sendRequest({ console.error('HTTP流式请求失败:', error)
url: '/api/ai/health', throw error
async: false }
}) // #endif
// #ifndef H5
return { const response = await http.sendRequest({
available: response.success, ...params,
reason: response.success ? '服务正常' : '服务异常' async: false
} })
if (response.success && response.data) {
} catch (error) { const content = response.data
return { const chunkSize = 3
available: false, let index = 0
reason: '服务检查失败' const streamInterval = setInterval(() => {
} if (index < content.length) {
} const chunk = content.substring(index, index + chunkSize)
}, index += chunkSize
if (onChunk) onChunk(chunk)
/** } else {
* 清除会话历史 clearInterval(streamInterval)
*/ if (onComplete) onComplete(content)
async clearConversation(conversationId) { }
try { }, 100)
const response = await http.sendRequest({ }
url: '/api/ai/clear-conversation', // #endif
data: { conversation_id: conversationId }, },
async: false
}) /**
* 处理API响应
return response.success */
handleResponse(response, options) {
} catch (error) { if (response.code === 0 || response.success) {
console.error('清除会话失败:', error) return {
return false success: true,
} content: response.data?.answer || response.data?.content || response.data?.reply|| response.data,
} conversationId: response.data?.conversation_id,
messageId: response.data?.message_id
}
} else {
throw new Error(response.message || 'AI服务返回错误')
}
},
/**
* 生成会话ID
*/
async generateConversationId() {
const params = {
url: '/api/kefu/createConversation',
data: {
uniacid: store.state.uniacid,
user_id: store.state.memberInfo?.id || 'anonymous',
member_id: store.state.memberInfo?.id || '',
},
header: {
'Content-Type': 'application/json'
}
}
const response = await http.sendRequest({
...params,
async: false
})
return this.handleResponse(response)
},
/**
* 获取AI服务状态
*/
async getServiceStatus() {
try {
const response = await http.sendRequest({
url: '/api/kefu/health',
async: false,
data: {}
})
const available = [response?.data?.status, response?.data?.components?.ai_service_config?.status].filter(item => item === 'healthy').length > 0;
return {
available,
reason: available ? '服务正常' : '服务异常'
}
} catch (error) {
return {
available: false,
reason: '服务检查失败'
}
}
},
/**
* 清除会话历史
*/
async clearConversation(conversationId) {
try {
const response = await http.sendRequest({
url: '/api/kefu/clear-conversation',
data: { conversation_id: conversationId },
async: false
})
return response.success
} catch (error) {
console.error('清除会话失败:', error)
return false
}
},
getConversationId() {
return currentConversationId;
},
setConversationId(id) {
if (id && id !== currentConversationId) {
currentConversationId = id;
try {
uni.setStorageSync(CONVERSATION_KEY, id);
} catch (e) {
console.error('保存会话ID失败:', e);
}
}
},
clearConversationId() {
currentConversationId = null;
try {
uni.removeStorageSync(CONVERSATION_KEY);
} catch (e) {
console.error('清除会话ID失败:', e);
}
},
/**
* 获取会话历史
*/
async getConversationHistory(params = {}) {
try {
if (!params.conversation_id) {
throw new Error('会话IDconversation_id是必填参数');
}
const requestData = {
uniacid: params.uniacid || store.state.uniacid || '1',
conversation_id: params.conversation_id,
user_id: params.user_id || store.state.memberInfo?.id || 'anonymous',
limit: params.limit || 20,
offset: params.offset || 0,
member_id: params.member_id || store.state.memberInfo?.id || '',
token: params.token || ''
};
const response = await http.sendRequest({
url: '/api/kefu/getHistory',
data: requestData,
header: {
'Content-Type': 'application/json'
},
async: false
});
if (response.code === 0 || response.success) {
return {
success: true,
data: response.data,
messages: response.data?.messages || [],
total: response.data?.total || 0,
page_info: response.data?.page_info || { limit: 20, offset: 0 }
};
} else {
throw new Error(response.message || '获取会话历史失败');
}
} catch (error) {
console.error('获取会话历史失败:', error);
throw new Error(error.message || '获取会话历史时发生错误,请稍后重试');
}
}
} }

View File

@@ -14,18 +14,18 @@ try {
// 调试版本,配置说明 // 调试版本,配置说明
const devCfg = { const devCfg = {
// 商户ID // 商户ID
uniacid: 926, //825 uniacid: 1, //825
//api请求地址 //api请求地址
baseUrl: 'https://xcx21.5g-quickapp.com/', baseUrl: 'https://dev.aigc-quickapp.com/',
// baseUrl: 'http://localhost:8010/', // baseUrl: 'http://localhost:8010/',
// 图片域名 // 图片域名
imgDomain: 'https://xcx21.5g-quickapp.com/', imgDomain: 'https://dev.aigc-quickapp.com/',
//imgDomain: 'http://localhost:8010/', //imgDomain: 'http://localhost:8010/',
// H5端域名 // H5端域名
h5Domain: 'https://xcx21.5g-quickapp.com/', h5Domain: 'https://dev.aigc-quickapp.com/',
// h5Domain: 'http://localhost:8010/', // h5Domain: 'http://localhost:8010/',
// // api请求地址 // // api请求地址

File diff suppressed because it is too large Load Diff

View File

@@ -1,213 +1,209 @@
<template> <template>
<!-- 悬浮按钮 --> <!-- 悬浮按钮 -->
<view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? '330rpx' : '120rpx' }"> <view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? '330rpx' : '120rpx' }">
<!-- <view class="btn-item" v-if="fixBtnShow" @click="$util.redirectTo('/pages/index/index')"> --> <!-- AI智能助手 -->
<view class="btn-item" v-if="fixBtnShow && enableAIChat" @click="openAIChat" :style="{backgroundImage:'url('+(aiAgentimg?aiAgentimg:'')+')',backgroundSize:'100% 100%'}">
<!-- AI智能助手 --> <!-- 核心修改添加🤖表情保留原有判断逻辑 -->
<view class="btn-item" v-if="fixBtnShow && enableAIChat" @click="openAIChat" :style="{backgroundImage:'url('+(aiAgentimg?aiAgentimg:'')+')',backgroundSize:'100% 100%'}"> <text class="ai-icon" v-if="!aiAgentimg">🤖</text>
<text class="ai-icon" v-if="!aiAgentimg">🤖</text> <!-- 未读消息小红点 -->
<!-- 未读消息小红点 --> <view v-if="unreadCount > 0" class="unread-badge">
<view v-if="unreadCount > 0" class="unread-badge"> <text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
<text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text> </view>
</view> </view>
</view>
<!-- #ifdef MP-WEIXIN -->
<!-- #ifdef MP-WEIXIN --> <button class="btn-item" v-if="fixBtnShow" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" :style="{backgroundImage:'url('+(kefuimg?kefuimg:'')+')',backgroundSize:'100% 100%'}">
<button class="btn-item" v-if="fixBtnShow" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" :style="{backgroundImage:'url('+(kefuimg?kefuimg:'')+')',backgroundSize:'100% 100%'}"> <text class="icox icox-kefu" v-if="!kefuimg"></text>
<text class="icox icox-kefu" v-if="!kefuimg"></text> </button>
<!-- <view>首页</view> --> <!-- #endif -->
</button>
<!-- #endif --> <!-- 电话 -->
<view class="btn-item" v-if="fixBtnShow" @click="call()" :style="{backgroundImage:'url('+(phoneimg?phoneimg:'')+')',backgroundSize:'100% 100%'}">
<!-- 电话 --> <text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
<view class="btn-item" v-if="fixBtnShow" @click="call()" :style="{backgroundImage:'url('+(phoneimg?phoneimg:'')+')',backgroundSize:'100% 100%'}"> </view>
<text class="iconfont icon-dianhua" v-if="!phoneimg"></text> </view>
<!-- <view>我的</view> --> </template>
</view>
<script>
<!-- <view class="btn-item icon-xiala" v-if="fixBtnShow" @click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)"> import { mapGetters, mapMutations } from 'vuex'
<text class="iconfont icon-unfold"></text>
</view> export default {
<view class="btn-item switch" v-else :class="{ show: fixBtnShow }" name: 'hover-nav',
@click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)"> props: {
<view class="">快捷</view> need: {
<view>导航</view> type: Boolean,
</view> --> default: false
</view> },
</template> },
data() {
<script> return {
import { mapGetters, mapMutations } from 'vuex' pageCount: 0,
fixBtnShow: true,
export default { tel:'',
name: 'hover-nav', kefuimg:'',
props: { phoneimg:''
need: { };
type: Boolean, },
default: false created() {
}, this.kefuimg = this.$util.getDefaultImage().kefu
}, this.phoneimg = this.$util.getDefaultImage().phone
data() { this.pageCount = getCurrentPages().length;
return {
pageCount: 0, var that = this
fixBtnShow: true, uni.getStorage({
tel:'', key:'shopInfo',
kefuimg:'', success(e){
phoneimg:'' that.tel = e.data.mobile
}; }
}, })
created() {
this.kefuimg = this.$util.getDefaultImage().kefu },
this.phoneimg = this.$util.getDefaultImage().phone computed: {
this.pageCount = getCurrentPages().length; ...mapGetters([
'globalAIKefuConfig',
'aiUnreadCount'
var that = this ]),
uni.getStorage({ aiAgentimg() {
key:'shopInfo', return this.globalAIKefuConfig?.icon || this.$util.getDefaultImage().aiAgent || '' // AI智能助手的头像
success(e){ },
that.tel = e.data.mobile unreadCount() {
} return this.aiUnreadCount
}) },
enableAIChat() {
}, return this.globalAIKefuConfig?.enable || true // 是否开启AI智能助手
computed: { },
...mapGetters([ },
'globalAIAgentConfig', methods: {
'aiUnreadCount' ...mapMutations([
]), 'setAiUnreadCount'
aiAgentimg() { ]),
return this.globalAIAgentConfig?.icon || this.$util.getDefaultImage().aiAgent || '' // AI智能助手的头像
}, //拨打电话
unreadCount() { call(){
return this.aiUnreadCount uni.makePhoneCall({
}, phoneNumber:this.tel+''
enableAIChat() { })
return this.globalAIAgentConfig?.enable || true // 是否开启AI智能助手 },
},
}, // 打开AI聊天弹窗
methods: { openAIChat() {
...mapMutations([ if (this.enableAIChat) {
'setAiUnreadCount' this.setAiUnreadCount(0);
]), }
//拨打电话 this.$util.redirectTo('/pages_tool/ai-chat/index')
call(){ }
uni.makePhoneCall({
phoneNumber:this.tel+'' }
}) };
}, </script>
// 打开AI聊天弹窗 <style lang="scss">
openAIChat() { .container-box {
if (this.enableAIChat) { width: 100%;
this.setAiUnreadCount(0);
} .item-wrap {
border-radius: 10rpx;
this.$util.redirectTo('/pages_tool/ai-chat/index')
} .image-box {
border-radius: 10rpx;
} }
};
</script> image {
width: 100%;
<style lang="scss"> height: auto;
.container-box { border-radius: 10rpx;
width: 100%; will-change: transform;
}
.item-wrap { }
border-radius: 10rpx; }
.image-box { //悬浮按钮
border-radius: 10rpx; .fixed-box {
} position: fixed;
right: 0rpx;
image { bottom: 200rpx;
width: 100%; z-index: 10;
height: auto; border-radius: 120rpx;
border-radius: 10rpx; padding: 20rpx 0;
will-change: transform; display: flex;
} justify-content: center;
} flex-direction: column;
} width: 100rpx;
box-sizing: border-box;
//悬浮按钮 transition: 0.3s;
.fixed-box { overflow: hidden;
position: fixed;
right: 0rpx; .btn-item {
bottom: 200rpx; display: flex;
z-index: 10; justify-content: center;
// background: #fff; align-items: center; /* 新增:让🤖表情垂直居中 */
// box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3); text-align: center;
border-radius: 120rpx; flex-direction: column;
padding: 20rpx 0; line-height: 1;
display: flex; margin: 14rpx 0;
justify-content: center; transition: 0.1s;
flex-direction: column; background: #fff;
width: 100rpx; border-radius: 50rpx;
box-sizing: border-box; width: 80rpx;
transition: 0.3s; height: 80rpx;
overflow: hidden; padding: 0;
position: relative;
.btn-item { text {
display: flex; font-size: 36rpx;
justify-content: center; font-weight: bold;
text-align: center; }
flex-direction: column;
line-height: 1; view {
margin: 14rpx 0; font-size: 26rpx;
transition: 0.1s; font-weight: bold;
background: #fff; }
border-radius: 50rpx;
width: 80rpx; &.show {
height: 80rpx; transform: rotate(180deg);
padding: 0; }
position: relative;
text { &.switch {}
font-size: 36rpx;
font-weight: bold; &.icon-xiala {
} margin: 0;
margin-top: 0.1rpx;
view { }
font-size: 26rpx;
font-weight: bold; // 未读消息小红点
} .unread-badge {
position: absolute;
&.show { top: -5rpx;
transform: rotate(180deg); right: -5rpx;
} background-color: #ff4544;
color: white;
&.switch {} border-radius: 20rpx;
min-width: 30rpx;
&.icon-xiala { height: 30rpx;
margin: 0; font-size: 10rpx;
margin-top: 0.1rpx; line-height: 30rpx;
} text-align: center;
padding: 0 8rpx;
// 未读消息小红点 z-index: 1;
.unread-badge { box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
position: absolute;
top: -5rpx; .badge-text {
right: -5rpx; font-size: 8rpx;
background-color: #ff4544; // #ifdef MP-WEIXIN
color: white; font-size: 20rpx;
border-radius: 20rpx; // #endif
min-width: 30rpx; }
height: 30rpx; }
font-size: 10rpx;
line-height: 30rpx; // AI图标样式优化让🤖表情居中显示
text-align: center; .ai-icon {
padding: 0 8rpx; font-size: 40rpx; // 调整🤖表情大小
z-index: 1; display: flex;
box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3); align-items: center;
justify-content: center;
.badge-text { width: 100%;
font-size: 8rpx; height: 100%;
// #ifdef MP-WEIXIN }
font-size: 20rpx; }
// #endif }
}
}
}
}
</style> </style>

View File

@@ -0,0 +1,20 @@
<template>
<view class="container">
<web-view src="https://dify.aigc-quickapp.com/chatbot/ILbr8HHEgpBW2ggp"></web-view>
</view>
</template>
<script>
export default {
onLoad() {
console.log('Dify 聊天页已加载')
}
}
</script>
<style>
.container {
width: 100%;
height: 100vh;
}
</style>

View File

@@ -89,15 +89,15 @@ export default {
computed: { computed: {
...mapGetters([ ...mapGetters([
'globalAIAgentConfig' 'globalAIKefuConfig'
]), ]),
/// ---- 关于AI客服的配置支持远程配置 ---- /// ---- 关于AI客服的配置支持远程配置 ----
userAvatar() { userAvatar() {
return this.globalAIAgentConfig?.userAvatar || '/static/images/user-avatar.png' return this.globalAIKefuConfig?.userAvatar || '/static/images/user-avatar.png'
}, },
aiAvatar() { aiAvatar() {
return this.globalAIAgentConfig?.aiAvatar || '/static/images/ai-avatar.png' return this.globalAIKefuConfig?.aiAvatar || '/static/images/ai-avatar.png'
}, },
/// ---- others ---- /// ---- others ----
containerHeight() { containerHeight() {

View File

@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "智能客服演示",
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"backgroundColor": "#f5f5f5"
}

View File

@@ -0,0 +1,704 @@
<template>
<view class="kefu-demo">
<view class="header">
<text class="title">智能客服接口演示</text>
</view>
<view class="content">
<!-- 聊天接口测试 -->
<view class="section">
<view class="section-title">1. 智能客服聊天接口</view>
<view class="input-group">
<input
v-model="chatMessage"
placeholder="输入消息内容"
class="input"
/>
<button @click="testChat" class="btn primary">发送消息</button>
</view>
<view class="result" v-if="chatResult">
<text class="result-title">回复结果</text>
<text class="result-content">{{ chatResult }}</text>
</view>
</view>
<!-- 创建会话接口测试 -->
<view class="section">
<view class="section-title">2. 创建新会话接口</view>
<button @click="testCreateConversation" class="btn primary">创建新会话</button>
<view class="result" v-if="conversationInfo">
<text class="result-title">会话信息</text>
<text class="result-content">会话ID: {{ conversationInfo.conversationId }}</text>
<text class="result-content">创建时间: {{ conversationInfo.createdAt }}</text>
</view>
</view>
<!-- 获取历史记录接口测试 -->
<view class="section">
<view class="section-title">3. 获取会话历史接口</view>
<input
v-model="conversationId"
placeholder="输入会话ID"
class="input"
/>
<button @click="testGetHistory" class="btn primary">获取历史记录</button>
<view class="result" v-if="historyData">
<text class="result-title">历史记录 ({{ historyData.total }})</text>
<view class="message-list">
<view
v-for="msg in historyData.messages"
:key="msg.id"
class="message-item"
>
<text class="message-role">{{ msg.role }}:</text>
<text class="message-content">{{ msg.content }}</text>
<text class="message-time">{{ msg.created_at }}</text>
</view>
</view>
</view>
</view>
<!-- 健康检查测试 -->
<view class="section">
<view class="section-title">4. 系统健康检查</view>
<view class="input-group">
<input
v-model="checkType"
placeholder="检查类型full/basic/ai_service"
class="input"
/>
<button @click="testHealthCheck" class="btn primary">健康检查</button>
</view>
<view class="result" v-if="healthResult">
<text class="result-title">健康检查结果</text>
<text class="result-content">状态: {{ healthResult.status }}</text>
<text class="result-content">检查ID: {{ healthResult.checkId }}</text>
<text class="result-content">时间: {{ healthResult.timestamp }}</text>
<text class="result-content">通过检查: {{ healthResult.passed_checks }}/{{ healthResult.total_checks }}</text>
<view class="components-status" v-if="healthResult.components">
<text class="result-title">组件状态</text>
<view v-for="(component, key) in healthResult.components" :key="key" class="component-item">
<text class="component-name">{{ key }}: {{ component.status }}</text>
<text class="component-message">{{ component.message }}</text>
<text class="component-time">响应时间: {{ component.response_time_ms }}ms</text>
</view>
</view>
</view>
</view>
<!-- 服务配置信息测试 -->
<view class="section">
<view class="section-title">5. 获取服务配置信息</view>
<button @click="testGetServiceInfo" class="btn primary">获取配置信息</button>
<view class="result" v-if="serviceInfoResult">
<text class="result-title">服务配置</text>
<text class="result-content">服务名称: {{ serviceInfoResult.serviceInfo?.name }}</text>
<text class="result-content">服务版本: {{ serviceInfoResult.serviceInfo?.version }}</text>
<text class="result-content">启用状态: {{ serviceInfoResult.serviceInfo?.enabled ? '已启用' : '未启用' }}</text>
<view class="features-list" v-if="serviceInfoResult.features">
<text class="result-title">可用功能</text>
<view v-for="(enabled, feature) in serviceInfoResult.features" :key="feature" class="feature-item">
<text class="feature-name">{{ feature }}: {{ enabled ? '✓' : '✗' }}</text>
</view>
</view>
<view class="endpoints-list" v-if="serviceInfoResult.endpoints">
<text class="result-title">API端点</text>
<view v-for="(endpoint, name) in serviceInfoResult.endpoints" :key="name" class="endpoint-item">
<text class="endpoint-name">{{ name }}: {{ endpoint }}</text>
</view>
</view>
</view>
</view>
<!-- 清除会话测试 -->
<view class="section">
<view class="section-title">6. 清除会话历史</view>
<view class="input-group">
<input
v-model="clearConversationId"
placeholder="会话ID可选"
class="input"
/>
<button @click="testClearConversation" class="btn primary">清除会话</button>
</view>
<view class="result" v-if="clearResult">
<text class="result-title">清除结果</text>
<text class="result-content">删除消息数: {{ clearResult.deletedMessages }}</text>
<text class="result-content">删除会话数: {{ clearResult.deletedConversations }}</text>
</view>
</view>
<!-- 流式聊天测试 -->
<view class="section">
<view class="section-title">7. 流式聊天测试</view>
<view class="input-group">
<input
v-model="streamMessage"
placeholder="输入消息内容"
class="input"
/>
<button @click="testStreamChat" class="btn primary">开始流式聊天</button>
</view>
<view class="result" v-if="streamResult">
<text class="result-title">流式回复</text>
<text class="stream-content">{{ streamResult }}</text>
</view>
</view>
<!-- 完整服务检查测试 -->
<view class="section">
<view class="section-title">8. 完整服务检查</view>
<button @click="testFullServiceCheck" class="btn primary">完整服务检查</button>
</view>
<!-- 服务状态测试兼容 -->
<view class="section">
<view class="section-title">9. 服务状态检查兼容</view>
<button @click="testServiceStatus" class="btn primary">服务状态检查</button>
</view>
</view>
</view>
</template>
<script>
import kefuService from '@/common/js/kefu-service.js'
export default {
data() {
return {
chatMessage: '',
chatResult: '',
conversationId: '',
conversationInfo: null,
historyData: null,
streamMessage: '',
streamResult: '',
currentConversationId: '',
// 新增数据
checkType: 'full',
healthResult: null,
serviceInfoResult: null,
clearConversationId: '',
clearResult: null
}
},
methods: {
// 测试聊天接口
async testChat() {
if (!this.chatMessage.trim()) {
uni.showToast({
title: '请输入消息内容',
icon: 'none'
})
return
}
uni.showLoading({
title: '发送中...'
})
try {
const response = await kefuService.chatWithAI(
this.chatMessage,
this.currentConversationId,
false
)
if (response.success) {
this.chatResult = response.reply
this.currentConversationId = response.conversationId
uni.showToast({
title: '发送成功',
icon: 'success'
})
} else {
uni.showToast({
title: response.message || '发送失败',
icon: 'none'
})
}
} catch (error) {
console.error('聊天测试失败:', error)
uni.showToast({
title: '请求失败',
icon: 'none'
})
} finally {
uni.hideLoading()
}
},
// 测试创建会话接口
async testCreateConversation() {
uni.showLoading({
title: '创建中...'
})
try {
const response = await kefuService.createNewConversation()
if (response.success) {
this.conversationInfo = response
this.currentConversationId = response.conversationId
uni.showToast({
title: '创建成功',
icon: 'success'
})
} else {
uni.showToast({
title: response.message || '创建失败',
icon: 'none'
})
}
} catch (error) {
console.error('创建会话失败:', error)
uni.showToast({
title: '请求失败',
icon: 'none'
})
} finally {
uni.hideLoading()
}
},
// 测试获取历史记录接口
async testGetHistory() {
if (!this.conversationId.trim() && !this.currentConversationId) {
uni.showToast({
title: '请先创建会话或输入会话ID',
icon: 'none'
})
return
}
uni.showLoading({
title: '加载中...'
})
try {
const response = await kefuService.getChatHistory(
this.conversationId || this.currentConversationId,
20,
0
)
if (response.success) {
this.historyData = response
uni.showToast({
title: '加载成功',
icon: 'success'
})
} else {
uni.showToast({
title: response.message || '加载失败',
icon: 'none'
})
}
} catch (error) {
console.error('获取历史记录失败:', error)
uni.showToast({
title: '请求失败',
icon: 'none'
})
} finally {
uni.hideLoading()
}
},
// 测试健康检查
async testHealthCheck() {
uni.showLoading({
title: '检查中...'
})
try {
const response = await kefuService.healthCheck(this.checkType)
if (response.success) {
this.healthResult = response
uni.showToast({
title: '检查完成',
icon: 'success'
})
} else {
uni.showToast({
title: response.message || '检查失败',
icon: 'none'
})
}
} catch (error) {
console.error('健康检查失败:', error)
uni.showToast({
title: '请求失败',
icon: 'none'
})
} finally {
uni.hideLoading()
}
},
// 测试获取服务配置信息
async testGetServiceInfo() {
uni.showLoading({
title: '获取中...'
})
try {
const response = await kefuService.getServiceInfo()
if (response.success) {
this.serviceInfoResult = response
uni.showToast({
title: '获取成功',
icon: 'success'
})
} else {
uni.showToast({
title: response.message || '获取失败',
icon: 'none'
})
}
} catch (error) {
console.error('获取服务配置失败:', error)
uni.showToast({
title: '请求失败',
icon: 'none'
})
} finally {
uni.hideLoading()
}
},
// 测试清除会话
async testClearConversation() {
if (!this.clearConversationId.trim() && !this.currentConversationId) {
uni.showToast({
title: '请输入会话ID或先创建会话',
icon: 'none'
})
return
}
uni.showLoading({
title: '清除中...'
})
try {
const response = await kefuService.clearConversation(
this.clearConversationId || this.currentConversationId
)
if (response.success) {
this.clearResult = response
uni.showToast({
title: '清除成功',
icon: 'success'
})
} else {
uni.showToast({
title: response.message || '清除失败',
icon: 'none'
})
}
} catch (error) {
console.error('清除会话失败:', error)
uni.showToast({
title: '请求失败',
icon: 'none'
})
} finally {
uni.hideLoading()
}
},
// 测试流式聊天
async testStreamChat() {
if (!this.streamMessage.trim()) {
uni.showToast({
title: '请输入消息内容',
icon: 'none'
})
return
}
this.streamResult = ''
try {
await kefuService.chatWithStream(
this.streamMessage,
this.currentConversationId,
// 开始回调
(startData) => {
console.log('流式聊天开始:', startData)
},
// 消息回调
(messageData) => {
this.streamResult += messageData.content || ''
},
// 完成回调
(completeData) => {
uni.showToast({
title: '流式聊天完成',
icon: 'success'
})
},
// 错误回调
(errorData) => {
console.error('流式聊天错误:', errorData)
uni.showToast({
title: '聊天失败',
icon: 'none'
})
},
// 结束回调
(endData) => {
console.log('流式聊天结束:', endData)
}
)
} catch (error) {
console.error('流式聊天失败:', error)
uni.showToast({
title: '请求失败',
icon: 'none'
})
}
},
// 测试完整服务检查
async testFullServiceCheck() {
uni.showLoading({
title: '检查中...'
})
try {
const response = await kefuService.fullServiceCheck('full')
if (response.available) {
uni.showModal({
title: '服务状态',
content: '服务正常,所有组件运行良好',
showCancel: false
})
} else {
uni.showModal({
title: '服务状态',
content: response.reason || '服务异常',
showCancel: false
})
}
} catch (error) {
console.error('完整服务检查失败:', error)
uni.showToast({
title: '检查失败',
icon: 'none'
})
} finally {
uni.hideLoading()
}
},
// 测试服务状态(兼容旧版本)
async testServiceStatus() {
try {
const status = await kefuService.checkServiceStatus()
uni.showModal({
title: '服务状态',
content: status.available ? '服务正常' : `服务异常: ${status.reason}`,
showCancel: false
})
} catch (error) {
console.error('检查服务状态失败:', error)
uni.showToast({
title: '检查失败',
icon: 'none'
})
}
}
}
}
</script>
<style lang="scss" scoped>
.kefu-demo {
padding: 20rpx;
background-color: #f5f5f5;
min-height: 100vh;
}
.header {
text-align: center;
margin-bottom: 30rpx;
.title {
font-size: 36rpx;
font-weight: bold;
color: #333;
}
}
.content {
.section {
background-color: white;
border-radius: 10rpx;
padding: 30rpx;
margin-bottom: 20rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
.section-title {
font-size: 32rpx;
font-weight: bold;
color: #333;
margin-bottom: 20rpx;
}
.input-group {
display: flex;
align-items: center;
margin-bottom: 20rpx;
.input {
flex: 1;
border: 1rpx solid #ddd;
border-radius: 8rpx;
padding: 20rpx;
margin-right: 20rpx;
font-size: 28rpx;
}
}
.btn {
padding: 20rpx 40rpx;
border-radius: 8rpx;
font-size: 28rpx;
&.primary {
background-color: #007aff;
color: white;
}
}
.result {
margin-top: 20rpx;
padding: 20rpx;
background-color: #f8f8f8;
border-radius: 8rpx;
.result-title {
font-size: 28rpx;
font-weight: bold;
color: #333;
display: block;
margin-bottom: 10rpx;
}
.result-content {
font-size: 26rpx;
color: #666;
line-height: 1.5;
display: block;
margin-bottom: 10rpx;
}
.stream-content {
font-size: 26rpx;
color: #007aff;
line-height: 1.5;
}
.components-status {
margin-top: 10rpx;
.component-item {
margin-bottom: 10rpx;
padding: 10rpx;
background-color: white;
border-radius: 4rpx;
border-left: 3rpx solid #007aff;
.component-name {
font-size: 24rpx;
color: #007aff;
font-weight: bold;
display: block;
margin-bottom: 3rpx;
}
.component-message {
font-size: 24rpx;
color: #666;
display: block;
margin-bottom: 3rpx;
}
.component-time {
font-size: 22rpx;
color: #999;
display: block;
}
}
}
.features-list {
margin-top: 10rpx;
.feature-item {
margin-bottom: 5rpx;
.feature-name {
font-size: 24rpx;
color: #333;
display: block;
}
}
}
.endpoints-list {
margin-top: 10rpx;
.endpoint-item {
margin-bottom: 5rpx;
.endpoint-name {
font-size: 22rpx;
color: #666;
display: block;
word-break: break-all;
}
}
}
.message-list {
.message-item {
margin-bottom: 15rpx;
padding: 15rpx;
background-color: white;
border-radius: 6rpx;
border-left: 4rpx solid #007aff;
.message-role {
font-size: 24rpx;
color: #007aff;
font-weight: bold;
display: block;
margin-bottom: 5rpx;
}
.message-content {
font-size: 26rpx;
color: #333;
display: block;
margin-bottom: 5rpx;
}
.message-time {
font-size: 22rpx;
color: #999;
display: block;
}
}
}
}
}
}
</style>

View File

@@ -0,0 +1,23 @@
{
"libVersion": "3.12.0",
"projectname": "lucky_shop",
"condition": {},
"setting": {
"urlCheck": true,
"coverView": true,
"lazyloadPlaceholderEnable": false,
"skylineRenderEnable": false,
"preloadBackgroundData": false,
"autoAudits": false,
"useApiHook": true,
"showShadowRootInWxmlPanel": true,
"useStaticServer": false,
"useLanDebug": false,
"showES6CompileOption": false,
"compileHotReLoad": true,
"checkInvalidKey": true,
"ignoreDevUnusedFiles": true,
"bigPackageSizeSupport": false,
"useIsolateContext": true
}
}

View File

@@ -60,7 +60,7 @@ const store = new Vuex.Store({
cartChange: 0, cartChange: 0,
bottomNavHidden: false, // 底部导航是否隐藏true隐藏false显示 bottomNavHidden: false, // 底部导航是否隐藏true隐藏false显示
aiUnreadCount: 10, // AI未读消息数量 aiUnreadCount: 10, // AI未读消息数量
globalAIAgentConfig: null, // AI客服配置 globalAIKefuConfig: null, // AI客服配置
globalStoreConfig: null, // 门店配置 globalStoreConfig: null, // 门店配置
globalStoreInfo: null, // 门店信息 globalStoreInfo: null, // 门店信息
defaultStoreInfo: null, // 默认门店 defaultStoreInfo: null, // 默认门店
@@ -140,9 +140,9 @@ const store = new Vuex.Store({
setBottomNavHidden(state, value) { setBottomNavHidden(state, value) {
state.bottomNavHidden = value; state.bottomNavHidden = value;
}, },
setGlobalAIAgentConfig(state, value) { setglobalAIKefuConfig(state, value) {
state.globalAIAgentConfig = value; state.globalAIKefuConfig = value;
uni.setStorageSync('globalAIAgentConfig', value); // 初始化数据调用 uni.setStorageSync('globalAIKefuConfig', value); // 初始化数据调用
}, },
setGlobalStoreConfig(state, value) { setGlobalStoreConfig(state, value) {
state.globalStoreConfig = value; state.globalStoreConfig = value;
@@ -208,7 +208,7 @@ const store = new Vuex.Store({
}, },
getters: { getters: {
// AI智能助手配置 // AI智能助手配置
globalAIAgentConfig: state => state.globalAIAgentConfig, globalAIKefuConfig: state => state.globalAIKefuConfig,
// AI未读消息数量 // AI未读消息数量
aiUnreadCount: state => state.aiUnreadCount, aiUnreadCount: state => state.aiUnreadCount,
}, },
@@ -237,7 +237,7 @@ const store = new Vuex.Store({
this.commit('setMapConfig', data.map_config); this.commit('setMapConfig', data.map_config);
this.commit('setGlobalAIAgentConfig', data.ai_agent_config); this.commit('setglobalAIKefuConfig', data.ai_agent_config);
this.commit('setGlobalStoreConfig', data.store_config); this.commit('setGlobalStoreConfig', data.store_config);