小程序修正
This commit is contained in:
@@ -84,6 +84,12 @@
|
||||
|
||||
<style>
|
||||
/*每个页面公共css */
|
||||
view {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.uni-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
@@ -9,35 +9,34 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
// 聊天室列表
|
||||
"path": "pages/chatRoom/chatRoomList/chatRoomList",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "我的聊天室"
|
||||
}
|
||||
},
|
||||
{
|
||||
// 聊天室
|
||||
"path": "pages/chatRoom/chatRoom/chatRoom",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/workcase/workcaseList/workcaseList",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/workcase/workcaseDetail/workcaseDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/meeting/Meeting/Meeting",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
],
|
||||
|
||||
@@ -10,30 +10,30 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 176rpx;
|
||||
padding-top: 88rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
padding-left: 24rpx;
|
||||
padding-right: 24rpx;
|
||||
padding-bottom: 16rpx;
|
||||
box-sizing: border-box;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav-back {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
height: 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.back-arrow {
|
||||
.nav-back-icon {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border-left: 4rpx solid #222;
|
||||
border-bottom: 4rpx solid #222;
|
||||
border-left: 4rpx solid #333;
|
||||
border-bottom: 4rpx solid #333;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
@@ -43,6 +43,7 @@
|
||||
font-weight: 600;
|
||||
color: #222;
|
||||
margin-left: 16rpx;
|
||||
line-height: 64rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<!-- 自定义导航栏 -->
|
||||
<view class="nav" :style="{ paddingTop: headerPaddingTop + 'px', height: headerTotalHeight + 'px' }">
|
||||
<view class="nav-back" @tap="goBack">
|
||||
<text class="nav-back-icon">←</text>
|
||||
<view class="nav-back-icon"></view>
|
||||
</view>
|
||||
<text class="nav-title">{{ roomName }}</text>
|
||||
<view class="nav-actions">
|
||||
|
||||
@@ -8,57 +8,55 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 176rpx;
|
||||
padding-top: 88rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
padding-left: 24rpx;
|
||||
padding-right: 24rpx;
|
||||
padding-bottom: 16rpx;
|
||||
box-sizing: border-box;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav-back {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
height: 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.back-arrow {
|
||||
.nav-back-icon {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border-left: 4rpx solid #222;
|
||||
border-bottom: 4rpx solid #222;
|
||||
border-left: 4rpx solid #333;
|
||||
border-bottom: 4rpx solid #333;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
color: #222;
|
||||
flex: 1;
|
||||
font-size: 34rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
padding-right: 174rpx;
|
||||
line-height: 64rpx;
|
||||
}
|
||||
|
||||
.nav-capsule {
|
||||
width: 174rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 32rpx;
|
||||
}
|
||||
|
||||
.list {
|
||||
margin-top: 176rpx;
|
||||
padding: 20rpx 24rpx;
|
||||
padding-bottom: 60rpx;
|
||||
}
|
||||
|
||||
.room-card {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 24rpx;
|
||||
background: #fff;
|
||||
@@ -85,12 +83,14 @@
|
||||
|
||||
.room-info {
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
margin-left: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.room-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 12rpx;
|
||||
@@ -115,6 +115,7 @@
|
||||
|
||||
.room-footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@@ -4,16 +4,16 @@
|
||||
<!-- #endif -->
|
||||
<view class="page">
|
||||
<!-- 自定义导航栏 -->
|
||||
<view class="nav" :style="{ paddingTop: headerPaddingTop + 'px', height: headerTotalHeight + 'px' }">
|
||||
<view class="nav" :style="{ paddingTop: navPaddingTop + 'px', height: navHeight + 'px' }">
|
||||
<view class="nav-back" @tap="goBack">
|
||||
<text class="nav-back-icon">←</text>
|
||||
<view class="nav-back-icon"></view>
|
||||
</view>
|
||||
<text class="nav-title">我的聊天室</text>
|
||||
<view class="nav-capsule"></view>
|
||||
</view>
|
||||
|
||||
<!-- 聊天室列表 -->
|
||||
<scroll-view class="list" scroll-y="true" :style="{ marginTop: headerTotalHeight + 'px' }">
|
||||
<scroll-view class="list" scroll-y="true" :style="{ marginTop: navHeight + 'px' }">
|
||||
<view class="room-card" v-for="(room, index) in chatRooms" :key="index" @tap="enterRoom(room)">
|
||||
<view class="room-avatar">
|
||||
<text class="avatar-text">{{ room.guestName?.charAt(0) || '客' }}</text>
|
||||
@@ -53,9 +53,10 @@
|
||||
import { ref, onMounted } from 'vue'
|
||||
import type { ChatRoomVO } from '@/types/workcase'
|
||||
|
||||
// 响应式数据
|
||||
const headerPaddingTop = ref<number>(44)
|
||||
const headerTotalHeight = ref<number>(88)
|
||||
// 导航栏
|
||||
const navPaddingTop = ref<number>(0)
|
||||
const navHeight = ref<number>(44)
|
||||
const capsuleHeight = ref<number>(32)
|
||||
|
||||
// 聊天室列表
|
||||
const chatRooms = ref<ChatRoomVO[]>([
|
||||
@@ -94,24 +95,23 @@ const chatRooms = ref<ChatRoomVO[]>([
|
||||
|
||||
// 生命周期
|
||||
onMounted(() => {
|
||||
uni.getSystemInfo({
|
||||
success: (res) => {
|
||||
// #ifdef MP-WEIXIN
|
||||
try {
|
||||
const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
|
||||
headerPaddingTop.value = menuButtonInfo.top
|
||||
headerTotalHeight.value = menuButtonInfo.bottom + 8
|
||||
} catch (e) {
|
||||
headerPaddingTop.value = res.statusBarHeight || 44
|
||||
headerTotalHeight.value = (res.statusBarHeight || 44) + 44
|
||||
}
|
||||
// #endif
|
||||
// #ifndef MP-WEIXIN
|
||||
headerPaddingTop.value = res.statusBarHeight || 44
|
||||
headerTotalHeight.value = (res.statusBarHeight || 44) + 44
|
||||
// #endif
|
||||
}
|
||||
})
|
||||
// #ifdef MP-WEIXIN
|
||||
try {
|
||||
const menuButton = uni.getMenuButtonBoundingClientRect()
|
||||
navPaddingTop.value = menuButton.top
|
||||
capsuleHeight.value = menuButton.height
|
||||
navHeight.value = menuButton.bottom + 8
|
||||
} catch (e) {
|
||||
const sysInfo = uni.getSystemInfoSync()
|
||||
navPaddingTop.value = sysInfo.statusBarHeight || 20
|
||||
navHeight.value = navPaddingTop.value + 44
|
||||
}
|
||||
// #endif
|
||||
// #ifndef MP-WEIXIN
|
||||
const sysInfo = uni.getSystemInfoSync()
|
||||
navPaddingTop.value = sysInfo.statusBarHeight || 20
|
||||
navHeight.value = navPaddingTop.value + 44
|
||||
// #endif
|
||||
|
||||
loadChatRooms()
|
||||
})
|
||||
|
||||
@@ -94,6 +94,8 @@
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.ring {
|
||||
@@ -102,17 +104,29 @@
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 50%;
|
||||
border: 1px solid rgba(100, 180, 255, 0.15);
|
||||
background: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.r1 { width: 260px; height: 260px; }
|
||||
.r2 { width: 200px; height: 200px; border-color: rgba(100, 180, 255, 0.2); }
|
||||
.r3 { width: 150px; height: 150px; border-color: rgba(100, 180, 255, 0.25); }
|
||||
.r4 { width: 110px; height: 110px; border-color: rgba(100, 180, 255, 0.35); }
|
||||
.r2 { width: 200px; height: 200px; }
|
||||
.r3 { width: 150px; height: 150px; }
|
||||
.r4 { width: 110px; height: 110px; }
|
||||
|
||||
.robot {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
/* 父容器加一层径向渐变背景,模拟外层模糊光晕 */
|
||||
background: radial-gradient(circle at center,
|
||||
rgba(180, 220, 255, 0.5) 0%,
|
||||
rgba(180, 220, 255, 0.25) 50%,
|
||||
transparent 75%);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.robot-face {
|
||||
@@ -125,7 +139,10 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 16px;
|
||||
box-shadow: 0 10px 40px rgba(180, 220, 255, 0.5), inset 0 0 20px rgba(255, 255, 255, 0.8);
|
||||
/* 只保留内阴影,外模糊交给父容器的径向渐变 */
|
||||
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.8);
|
||||
/* 取消overflow:hidden,避免裁切父容器的渐变光晕 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.eye {
|
||||
@@ -138,9 +155,9 @@
|
||||
.float-tag {
|
||||
position: absolute;
|
||||
padding: 6px 12px;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
border: 1px solid rgba(200, 220, 255, 0.5);
|
||||
border-radius: 16px;
|
||||
background: transparent; /* 去掉背景色,和左侧一致 */
|
||||
border: none; /* 去掉边框 */
|
||||
border-radius: 0; /* 保持直角(如果需要圆角也可以改回16px) */
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
@@ -192,7 +209,7 @@
|
||||
padding-bottom: 120px;
|
||||
position: relative;
|
||||
// 为固定定位的header留出空间
|
||||
margin-top: 76px; // 默认header高度
|
||||
margin-top: 50px; // 默认header高度
|
||||
}
|
||||
|
||||
// 欢迎界面
|
||||
|
||||
@@ -112,26 +112,19 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, nextTick, onMounted } from 'vue'
|
||||
import WorkcaseCreator from '@/components/WorkcaseCreator/WorkcaseCreator.uvue'
|
||||
import { guestAPI, workcaseChatAPI } from '@/api'
|
||||
import type { TbWorkcaseDTO } from '@/types'
|
||||
|
||||
// 接口定义
|
||||
interface Message {
|
||||
type : 'user' | 'bot'
|
||||
content : string
|
||||
time : string
|
||||
actions ?: string[] | null
|
||||
}
|
||||
|
||||
interface WorkcaseData {
|
||||
title : string
|
||||
category : string
|
||||
priority : string
|
||||
description : string
|
||||
contact : string
|
||||
images : string[]
|
||||
// 前端消息展示类型
|
||||
interface ChatMessageItem {
|
||||
type: 'user' | 'bot'
|
||||
content: string
|
||||
time: string
|
||||
actions?: string[] | null
|
||||
}
|
||||
|
||||
// 响应式数据
|
||||
const messages = ref<Message[]>([])
|
||||
const messages = ref<ChatMessageItem[]>([])
|
||||
const inputText = ref<string>('')
|
||||
const isTyping = ref<boolean>(false)
|
||||
const scrollTop = ref<number>(0)
|
||||
@@ -144,12 +137,17 @@
|
||||
const userInfo = ref({
|
||||
wechatId: '',
|
||||
username: '',
|
||||
phone: ''
|
||||
phone: '',
|
||||
userId: ''
|
||||
})
|
||||
const isMockMode = ref(true) // 开发环境mock模式
|
||||
|
||||
// AI 对话相关
|
||||
const chatId = ref<string>('') // 当前会话ID
|
||||
const currentTaskId = ref<string>('') // 当前任务ID(用于停止)
|
||||
|
||||
// 初始化用户信息
|
||||
function initUserInfo() {
|
||||
async function initUserInfo() {
|
||||
// #ifdef MP-WEIXIN
|
||||
// 正式环境:从微信获取用户信息
|
||||
// wx.login({
|
||||
@@ -165,9 +163,10 @@
|
||||
userInfo.value = {
|
||||
wechatId: '17857100375',
|
||||
username: '测试用户',
|
||||
phone: '17857100375'
|
||||
phone: '17857100375',
|
||||
userId: ''
|
||||
}
|
||||
doIdentify()
|
||||
await doIdentify()
|
||||
}
|
||||
}
|
||||
|
||||
@@ -177,9 +176,9 @@
|
||||
itemList: ['员工 (17857100375)', '访客 (17857100376)'],
|
||||
success: (res) => {
|
||||
if (res.tapIndex === 0) {
|
||||
userInfo.value = { wechatId: '17857100375', username: '员工用户', phone: '17857100375' }
|
||||
userInfo.value = { wechatId: '17857100375', username: '员工用户', phone: '17857100375', userId: '' }
|
||||
} else {
|
||||
userInfo.value = { wechatId: '17857100376', username: '访客用户', phone: '17857100376' }
|
||||
userInfo.value = { wechatId: '17857100376', username: '访客用户', phone: '17857100376', userId: '' }
|
||||
}
|
||||
doIdentify()
|
||||
}
|
||||
@@ -187,31 +186,29 @@
|
||||
}
|
||||
|
||||
// 调用identify接口
|
||||
function doIdentify() {
|
||||
async function doIdentify() {
|
||||
uni.showLoading({ title: '登录中...' })
|
||||
uni.request({
|
||||
url: 'http://localhost:8180/urban-lifeline/system/guest/identify',
|
||||
method: 'POST',
|
||||
header: { 'Content-Type': 'application/json' },
|
||||
data: { wechatId: userInfo.value.wechatId, phone: userInfo.value.phone },
|
||||
success: (res : any) => {
|
||||
uni.hideLoading()
|
||||
if (res.statusCode === 200 && res.data?.success) {
|
||||
const loginDomain = res.data.data
|
||||
uni.setStorageSync('token', loginDomain.token || '')
|
||||
uni.setStorageSync('userInfo', JSON.stringify(loginDomain.user))
|
||||
uni.setStorageSync('wechatId', userInfo.value.wechatId)
|
||||
console.log('identify成功:', loginDomain)
|
||||
uni.showToast({ title: '登录成功', icon: 'success' })
|
||||
} else {
|
||||
console.error('identify失败:', res.data?.message)
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
uni.hideLoading()
|
||||
console.error('identify请求失败:', err)
|
||||
try {
|
||||
const res = await guestAPI.identify({
|
||||
wechatId: userInfo.value.wechatId,
|
||||
phone: userInfo.value.phone
|
||||
})
|
||||
uni.hideLoading()
|
||||
if (res.success && res.data) {
|
||||
const loginDomain = res.data
|
||||
uni.setStorageSync('token', loginDomain.token || '')
|
||||
uni.setStorageSync('userInfo', JSON.stringify(loginDomain.user))
|
||||
uni.setStorageSync('wechatId', userInfo.value.wechatId)
|
||||
userInfo.value.userId = loginDomain.user?.userId || ''
|
||||
console.log('identify成功:', loginDomain)
|
||||
uni.showToast({ title: '登录成功', icon: 'success' })
|
||||
} else {
|
||||
console.error('identify失败:', res.message)
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
uni.hideLoading()
|
||||
console.error('identify请求失败:', err)
|
||||
}
|
||||
}
|
||||
|
||||
// 生命周期
|
||||
@@ -259,7 +256,7 @@
|
||||
})
|
||||
|
||||
// 发送消息
|
||||
function sendMessage() {
|
||||
async function sendMessage() {
|
||||
const text = inputText.value.trim()
|
||||
if (!text || isTyping.value) return
|
||||
|
||||
@@ -267,8 +264,115 @@
|
||||
addMessage('user', text)
|
||||
inputText.value = ''
|
||||
|
||||
// 模拟AI回复
|
||||
simulateAIResponse(text)
|
||||
// 调用AI聊天接口
|
||||
await callAIChat(text)
|
||||
}
|
||||
|
||||
// 调用AI聊天接口
|
||||
async function callAIChat(query : string) {
|
||||
isTyping.value = true
|
||||
|
||||
try {
|
||||
// 如果没有会话ID,先创建会话
|
||||
if (!chatId.value) {
|
||||
const createRes = await workcaseChatAPI.createChat({
|
||||
title: '智能助手对话',
|
||||
userId: userInfo.value.userId || userInfo.value.wechatId
|
||||
})
|
||||
if (createRes.success && createRes.data) {
|
||||
chatId.value = createRes.data.chatId || ''
|
||||
console.log('创建会话成功:', chatId.value)
|
||||
} else {
|
||||
throw new Error(createRes.message || '创建会话失败')
|
||||
}
|
||||
}
|
||||
|
||||
// 准备流式对话
|
||||
const prepareRes = await workcaseChatAPI.prepareChatMessageSession({
|
||||
chatId: chatId.value,
|
||||
message: query
|
||||
})
|
||||
if (!prepareRes.success || !prepareRes.data) {
|
||||
throw new Error(prepareRes.message || '准备对话失败')
|
||||
}
|
||||
const sessionId = prepareRes.data
|
||||
console.log('准备流式对话成功:', sessionId)
|
||||
|
||||
// 添加空的AI消息占位
|
||||
const messageIndex = messages.value.length
|
||||
addMessage('bot', '')
|
||||
|
||||
// 建立SSE连接
|
||||
streamChat(sessionId, messageIndex)
|
||||
} catch (error : any) {
|
||||
console.error('AI聊天失败:', error)
|
||||
isTyping.value = false
|
||||
addMessage('bot', '抱歉,AI服务暂时不可用,请稍后重试。')
|
||||
}
|
||||
}
|
||||
|
||||
// SSE 流式对话
|
||||
function streamChat(sessionId : string, messageIndex : number) {
|
||||
const url = `http://localhost:8180${workcaseChatAPI.getStreamUrl(sessionId)}`
|
||||
console.log('建立SSE连接:', url)
|
||||
|
||||
const requestTask = uni.request({
|
||||
url: url,
|
||||
method: 'GET',
|
||||
header: { 'Accept': 'text/event-stream' },
|
||||
enableChunked: true,
|
||||
success: (res : any) => {
|
||||
console.log('SSE请求完成:', res)
|
||||
isTyping.value = false
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('SSE请求失败:', err)
|
||||
isTyping.value = false
|
||||
messages.value[messageIndex].content = '抱歉,网络连接失败,请稍后重试。'
|
||||
}
|
||||
})
|
||||
|
||||
// 监听分块数据
|
||||
requestTask.onChunkReceived((res : any) => {
|
||||
try {
|
||||
const decoder = new TextDecoder('utf-8')
|
||||
const text = decoder.decode(new Uint8Array(res.data))
|
||||
console.log('收到分块数据:', text)
|
||||
|
||||
const lines = text.split('\n')
|
||||
for (const line of lines) {
|
||||
if (line.startsWith('data:')) {
|
||||
const dataStr = line.substring(5).trim()
|
||||
if (dataStr && dataStr !== '[DONE]') {
|
||||
try {
|
||||
const data = JSON.parse(dataStr)
|
||||
const event = data.event
|
||||
|
||||
if (event === 'message' || event === 'agent_message') {
|
||||
if (data.answer) {
|
||||
messages.value[messageIndex].content += data.answer
|
||||
}
|
||||
} else if (event === 'message_end') {
|
||||
isTyping.value = false
|
||||
if (data.task_id) {
|
||||
currentTaskId.value = data.task_id
|
||||
}
|
||||
} else if (event === 'error') {
|
||||
console.error('SSE错误:', data.message)
|
||||
isTyping.value = false
|
||||
messages.value[messageIndex].content = data.message || '抱歉,发生错误,请稍后重试。'
|
||||
}
|
||||
} catch (e) {
|
||||
console.log('解析SSE数据失败:', dataStr)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
console.error('处理分块数据失败:', e)
|
||||
}
|
||||
nextTick(() => scrollToBottom())
|
||||
})
|
||||
}
|
||||
|
||||
// 添加消息
|
||||
@@ -359,7 +463,7 @@
|
||||
}
|
||||
|
||||
// 工单创建成功
|
||||
function onWorkcaseCreated(workcaseData : WorkcaseData) {
|
||||
function onWorkcaseCreated(workcaseData : TbWorkcaseDTO) {
|
||||
hideCreator()
|
||||
|
||||
uni.showToast({
|
||||
@@ -368,7 +472,7 @@
|
||||
})
|
||||
|
||||
// 添加成功消息
|
||||
addMessage('bot', `工单创建成功!\n标题:${workcaseData.title}\n分类:${workcaseData.category}\n我们会尽快处理您的问题。`, ['查看工单', '创建新工单'])
|
||||
addMessage('bot', `工单创建成功!\n类型:${workcaseData.type || ''}\n设备:${workcaseData.device || ''}\n我们会尽快处理您的问题。`, ['查看工单', '创建新工单'])
|
||||
}
|
||||
|
||||
// 跳转到工单列表
|
||||
@@ -408,9 +512,9 @@
|
||||
}
|
||||
|
||||
// 处理快速问题
|
||||
function handleQuickQuestion(question : string) {
|
||||
async function handleQuickQuestion(question : string) {
|
||||
addMessage('user', question)
|
||||
simulateAIResponse(question)
|
||||
await callAIChat(question)
|
||||
}
|
||||
|
||||
// 显示上传选项
|
||||
|
||||
@@ -8,44 +8,45 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 176rpx;
|
||||
padding-top: 88rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
padding-left: 24rpx;
|
||||
padding-right: 24rpx;
|
||||
padding-bottom: 16rpx;
|
||||
box-sizing: border-box;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav-back {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
height: 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.back-arrow {
|
||||
.nav-back-icon {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border-left: 4rpx solid #222;
|
||||
border-bottom: 4rpx solid #222;
|
||||
border-left: 4rpx solid #333;
|
||||
border-bottom: 4rpx solid #333;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
flex: 1;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
color: #222;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
line-height: 64rpx;
|
||||
}
|
||||
|
||||
.nav-capsule {
|
||||
width: 174rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 32rpx;
|
||||
}
|
||||
|
||||
.meeting-container {
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<!-- 自定义导航栏 -->
|
||||
<view class="nav" :style="{ paddingTop: headerPaddingTop + 'px', height: headerTotalHeight + 'px' }">
|
||||
<view class="nav-back" @tap="goBack">
|
||||
<text class="nav-back-icon">←</text>
|
||||
<view class="nav-back-icon"></view>
|
||||
</view>
|
||||
<text class="nav-title">视频会议</text>
|
||||
<view class="nav-capsule"></view>
|
||||
|
||||
@@ -8,45 +8,45 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 176rpx;
|
||||
padding-top: 88rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
padding-left: 24rpx;
|
||||
padding-right: 24rpx;
|
||||
padding-bottom: 16rpx;
|
||||
box-sizing: border-box;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav-back {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
height: 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.back-arrow {
|
||||
.nav-back-icon {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border-left: 4rpx solid #222;
|
||||
border-bottom: 4rpx solid #222;
|
||||
border-left: 4rpx solid #333;
|
||||
border-bottom: 4rpx solid #333;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
flex: 1;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
color: #222;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
line-height: 64rpx;
|
||||
}
|
||||
|
||||
.nav-capsule {
|
||||
width: 174rpx;
|
||||
height: 64rpx;
|
||||
background: #f5f5f5;
|
||||
border-radius: 32rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
@@ -66,6 +66,7 @@
|
||||
|
||||
.section-title {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
@@ -94,6 +95,7 @@
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
@@ -215,6 +217,7 @@
|
||||
|
||||
.timeline-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: relative;
|
||||
padding-bottom: 32rpx;
|
||||
}
|
||||
@@ -248,10 +251,12 @@
|
||||
|
||||
.timeline-content {
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.timeline-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<!-- 自定义导航栏 -->
|
||||
<view class="nav" :style="{ paddingTop: headerPaddingTop + 'px', height: headerTotalHeight + 'px' }">
|
||||
<view class="nav-back" @tap="goBack">
|
||||
<text class="nav-back-icon">←</text>
|
||||
<view class="nav-back-icon"></view>
|
||||
</view>
|
||||
<text class="nav-title">工单详情</text>
|
||||
<view class="nav-capsule"></view>
|
||||
|
||||
@@ -8,49 +8,45 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 176rpx;
|
||||
padding-top: 88rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
padding-left: 24rpx;
|
||||
padding-right: 24rpx;
|
||||
padding-bottom: 16rpx;
|
||||
box-sizing: border-box;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav-back {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
height: 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.back-arrow {
|
||||
.nav-back-icon {
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border-left: 4rpx solid #222;
|
||||
border-bottom: 4rpx solid #222;
|
||||
border-left: 4rpx solid #333;
|
||||
border-bottom: 4rpx solid #333;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
color: #222;
|
||||
flex: 1;
|
||||
font-size: 34rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
padding-right: 174rpx;
|
||||
box-sizing: border-box;
|
||||
line-height: 64rpx;
|
||||
}
|
||||
|
||||
.nav-capsule {
|
||||
width: 174rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 32rpx;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
@@ -61,6 +57,7 @@
|
||||
height: 100rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
z-index: 100;
|
||||
}
|
||||
@@ -115,6 +112,7 @@
|
||||
|
||||
.card-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 24rpx;
|
||||
@@ -123,6 +121,7 @@
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
@@ -184,10 +183,13 @@
|
||||
|
||||
.card-body {
|
||||
padding: 24rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.fault-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20rpx;
|
||||
@@ -231,6 +233,7 @@
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
@@ -249,6 +252,7 @@
|
||||
|
||||
.card-footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20rpx 24rpx;
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<!-- 自定义导航栏 -->
|
||||
<view class="nav" :style="{ paddingTop: headerPaddingTop + 'px', height: headerTotalHeight + 'px' }">
|
||||
<view class="nav-back" @tap="goBack">
|
||||
<text class="nav-back-icon">←</text>
|
||||
<view class="nav-back-icon"></view>
|
||||
</view>
|
||||
<text class="nav-title">我的工单</text>
|
||||
<view class="nav-capsule"></view>
|
||||
|
||||
110
urbanLifelineWeb/packages/workcase_wechat/types/ai/aiChat.ts
Normal file
110
urbanLifelineWeb/packages/workcase_wechat/types/ai/aiChat.ts
Normal file
@@ -0,0 +1,110 @@
|
||||
import { BaseDTO } from "../base"
|
||||
/**
|
||||
* Dify文件信息(用于对话文件上传和请求)
|
||||
*/
|
||||
export interface DifyFileInfo {
|
||||
/** 文件ID(Dify返回) */
|
||||
id?: string
|
||||
/** 文件名 */
|
||||
name?: string
|
||||
/** 文件大小(字节) */
|
||||
size?: number
|
||||
/** 文件扩展名 */
|
||||
extension?: string
|
||||
/** 文件MIME类型 */
|
||||
mimeType?: string
|
||||
/** 上传人ID */
|
||||
createdBy?: string
|
||||
/** 上传时间(时间戳) */
|
||||
createdAt?: number
|
||||
/** 预览URL */
|
||||
previewUrl?: string
|
||||
/** 源文件URL */
|
||||
sourceUrl?: string
|
||||
/** 文件类型:image、document、audio、video、file */
|
||||
type?: string
|
||||
/** 传输方式:remote_url、local_file */
|
||||
transferMethod?: string
|
||||
/** 文件URL或ID */
|
||||
url?: string
|
||||
/** 本地文件上传ID */
|
||||
uploadFileId?: string
|
||||
/** 系统文件ID */
|
||||
sysFileId?: string
|
||||
/** 文件路径(从系统文件表获取) */
|
||||
filePath?: string
|
||||
}
|
||||
|
||||
/**
|
||||
* AI智能体对话
|
||||
*/
|
||||
export interface TbChat extends BaseDTO {
|
||||
/** 对话ID */
|
||||
chatId?: string
|
||||
/** 智能体ID */
|
||||
agentId?: string
|
||||
/** 用户ID */
|
||||
userId?: string
|
||||
/** 用户类型 true-系统内部人员 false-系统外部人员 */
|
||||
userType?: boolean
|
||||
/** 对话标题 */
|
||||
title?: string
|
||||
}
|
||||
|
||||
/**
|
||||
* AI智能体对话消息
|
||||
*/
|
||||
export interface TbChatMessage extends BaseDTO {
|
||||
/** 消息ID */
|
||||
messageId?: string
|
||||
/** Dify消息ID */
|
||||
difyMessageId?: string
|
||||
/** 对话ID */
|
||||
chatId?: string
|
||||
/** 角色 */
|
||||
role?: string
|
||||
/** 内容 */
|
||||
content?: string
|
||||
/** 文件ID数组 */
|
||||
files?: string[]
|
||||
/** 评价 */
|
||||
comment?: string
|
||||
}
|
||||
|
||||
/**
|
||||
* 对话消息数据预处理对象
|
||||
*/
|
||||
export interface ChatPrepareData {
|
||||
/** 智能体Id */
|
||||
agentId?: string
|
||||
/** 对话Id */
|
||||
chatId?: string
|
||||
/** 用户问题 */
|
||||
query?: string
|
||||
/** 本次对话携带的dify文件对象 */
|
||||
files?: DifyFileInfo[]
|
||||
/** 用户ID(来客传wechatId,员工传userId) */
|
||||
userId?: string
|
||||
/** 用户类型(false=来客,true=员工) */
|
||||
userType?: boolean
|
||||
}
|
||||
|
||||
/**
|
||||
* 停止对话参数
|
||||
*/
|
||||
export interface StopChatParams {
|
||||
taskId: string
|
||||
agentId: string
|
||||
userId: string
|
||||
}
|
||||
|
||||
/**
|
||||
* 评价消息参数
|
||||
*/
|
||||
export interface CommentMessageParams {
|
||||
agentId: string
|
||||
chatId: string
|
||||
messageId: string
|
||||
comment: string
|
||||
userId: string
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export * from "./aiChat"
|
||||
@@ -3,4 +3,5 @@ export * from "./sys"
|
||||
export * from "./workcase"
|
||||
export * from "./auth"
|
||||
export * from "./response"
|
||||
export * from "./page"
|
||||
export * from "./page"
|
||||
export * from "./ai"
|
||||
@@ -332,20 +332,4 @@ export interface CustomerServiceVO extends BaseVO {
|
||||
priority?: number
|
||||
lastOnlineTime?: string
|
||||
isAvailable?: boolean
|
||||
}
|
||||
|
||||
// ==================== 词云相关 ====================
|
||||
|
||||
/**
|
||||
* 词云DTO
|
||||
*/
|
||||
export interface TbWordCloudDTO extends BaseDTO {
|
||||
wordCloudId?: string
|
||||
word?: string
|
||||
category?: string
|
||||
weight?: number
|
||||
frequency?: number
|
||||
sentiment?: string
|
||||
source?: string
|
||||
relatedWords?: string[]
|
||||
}
|
||||
}
|
||||
@@ -1,70 +1,5 @@
|
||||
import { BaseDTO, BaseVO } from '../base'
|
||||
|
||||
// ==================== DTO ====================
|
||||
|
||||
/**
|
||||
* 客服人员配置表数据对象DTO
|
||||
*/
|
||||
export interface TbCustomerServiceDTO extends BaseDTO {
|
||||
/** 员工ID(关联sys用户ID) */
|
||||
userId?: string
|
||||
/** 员工姓名 */
|
||||
username?: string
|
||||
/** 员工工号 */
|
||||
userCode?: string
|
||||
/** 状态:online-在线 busy-忙碌 offline-离线 */
|
||||
status?: string
|
||||
/** 技能标签 */
|
||||
skillTags?: string[]
|
||||
/** 最大并发接待数 */
|
||||
maxConcurrent?: number
|
||||
/** 当前工作量 */
|
||||
currentWorkload?: number
|
||||
/** 累计服务次数 */
|
||||
totalServed?: number
|
||||
/** 平均响应时间(秒) */
|
||||
avgResponseTime?: number
|
||||
/** 满意度评分(0-5) */
|
||||
satisfactionScore?: number
|
||||
}
|
||||
|
||||
// ==================== VO ====================
|
||||
|
||||
/**
|
||||
* 客服人员配置VO
|
||||
* 用于前端展示客服人员信息
|
||||
*/
|
||||
export interface CustomerServiceVO extends BaseVO {
|
||||
/** 员工ID(关联sys用户ID) */
|
||||
userId?: string
|
||||
/** 员工姓名 */
|
||||
username?: string
|
||||
/** 员工工号 */
|
||||
userCode?: string
|
||||
/** 员工头像 */
|
||||
avatar?: string
|
||||
/** 状态:online-在线 busy-忙碌 offline-离线 */
|
||||
status?: string
|
||||
/** 状态名称 */
|
||||
statusName?: string
|
||||
/** 技能标签 */
|
||||
skillTags?: string[]
|
||||
/** 最大并发接待数 */
|
||||
maxConcurrent?: number
|
||||
/** 当前工作量 */
|
||||
currentWorkload?: number
|
||||
/** 累计服务次数 */
|
||||
totalServed?: number
|
||||
/** 平均响应时间(秒) */
|
||||
avgResponseTime?: number
|
||||
/** 平均响应时间(格式化) */
|
||||
avgResponseTimeFormatted?: string
|
||||
/** 满意度评分(0-5) */
|
||||
satisfactionScore?: number
|
||||
/** 是否可接待(工作量未满) */
|
||||
isAvailable?: boolean
|
||||
}
|
||||
|
||||
/**
|
||||
* 客户信息VO
|
||||
* 用于前端展示客户信息
|
||||
|
||||
Reference in New Issue
Block a user