developers
/
vue-fastapi-admin
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

智能助手优化

master
xueyinfei 4 weeks ago
parent
e69c34d325
commit
7802e53588
1 changed files with 74 additions and 76 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 150
      vue-fastapi-frontend/src/views/aichat/aichat.vue

150
vue-fastapi-frontend/src/views/aichat/aichat.vue
View File

@ -66,19 +66,6 @@
<i class="ri-loader-2-line loading-icon"></i>
<span style="font-size: 14px;color: #409EFF">回复中...</span>
</div>
<!-- <el-button-->
<!-- type="primary"-->
<!-- v-if="chatList.length>0 && chatList[chatList.length-1].isStop && !chatList[chatList.length-1].isEnd"-->
<!-- @click="startChat(chatList.length-1)"-->
<!-- link-->
<!-- >重新生成-->
<!-- </el-button>-->
<!-- <el-button type="primary" v-else-if="chatList.length>0 && !chatList[chatList.length-1].isEnd" @click="stopChat(chatList.length-1)" link-->
<!-- >停止回答-->
<!-- </el-button>-->
<el-button type="primary" v-if="currentJobId !== ''" link @click="stopChat(chatList.length-1)"
>停止回答
</el-button>
</div>
</div>
<div v-if="currentError !== ''">
@ -175,6 +162,7 @@
</el-popover>
<div class="operate flex align-center">
<el-button
v-if="!asking"
text
class="sent-button"
:disabled="isDisabledChart || loading"
@ -183,6 +171,11 @@
<img v-show="isDisabledChart || loading" src="@/assets/aichat/icon_send.svg" alt="" />
<img v-show="!isDisabledChart && !loading" src="@/assets/aichat/icon_send_colorful.svg" alt="" />
</el-button>
<el-button v-if="asking" link @click="stopChat">
<div style="width: 30px;height: 30px;border-radius: 50%;border:2px solid rgba(73,113,245,.5);text-align: center;line-height: 26px">
<i class="ri-stop-large-fill" style="color: #4971f5"></i>
</div>
</el-button>
<el-popover
popper-style="z-index:3000;width:300px"
title="自动审批配置"
@ -316,6 +309,7 @@ const currentMachine = ref([])
const currentFiles = ref([])
const currentError = ref('')
const currentJobId = ref('')
const asking = ref(false)
const lastQuestion = ref({})
const upload = reactive({
// 是否显示弹出层（用户导入）
@ -333,7 +327,6 @@ const upload = reactive({
const isDisabledChart = computed(
() => !(inputValue.value.trim())
)
const emit = defineEmits(['scroll'])
function setScrollBottom() {
@ -585,7 +578,7 @@ async function sendChatHandle(event) {
if (inputValue.value.trim() && (chatList.value.length === 0||
(chatList.value[chatList.value.length - 1].isStop ||
chatList.value[chatList.value.length - 1].isEnd))) {
chatList.value.push({
lastQuestion.value = {
"chatId": uuidv4(),
"type": "question",
"content": inputValue.value.trim(),
@ -593,10 +586,8 @@ async function sendChatHandle(event) {
"sessionId": Cookies.get("chatSessionId"),
"sessionName": chatList.value.length > 0 ? chatList.value[0].content.substring(0, 20) : inputValue.value.trim().substring(0, 20),
"file": currentFiles.value
})
let question = JSON.parse(JSON.stringify(chatList.value[chatList.value.length - 1]))
question.file = JSON.stringify(question.file)
await addChat(question)
}
asking.value = true
nextTick(() => {
// 将滚动条滚动到最下面
scrollDiv.value.setScrollTop(getMaxHeight())
@ -608,10 +599,9 @@ async function sendChatHandle(event) {
"session_id": Cookies.get("chatSessionId"),
"doc": currentFiles.value
}
if (chatList.value.length > 1){
// 判断为1 因为上方已将问题加入 chatList了 , >1 则视为已存在提问交互
if (chatList.value.length > 0){
//取最新的checkpointer值
data.checkpointer = chatList.value[chatList.value.length - 2].content.checkpointer
data.checkpointer = chatList.value[chatList.value.length - 1].content.checkpointer
}
currentQuestion.value = data
inputValue.value = ''
@ -630,64 +620,71 @@ function sendChatMessage(data){
// chatList.value.push({"chatId":uuidv4(),"type":"answer","content":[{"type":"text","content":"服务异常，错误码:"+res.status}],"isEnd":true,"isStop":false,"sessionId":chatList.value[0].sessionId,"sessionName":chatList.value[0].sessionName,"operate":'',"thumbDownReason":''})
currentError.value = "服务异常，错误码:"+res.status +",请联系管理员！"
}else {
currentError.value = ''
currentChatData.value = {}
currentFiles.value = []
chatList.value.push({"chatId":uuidv4(),"type":"answer","content":[],"isEnd":false,"isStop":false,"sessionId":chatList.value[0].sessionId,"sessionName":chatList.value[0].sessionName, "operate":'',"thumbDownReason":''})
const reader = res.body.getReader()
const write = getWrite(reader)
reader.read().then(write).then(()=> {
let answer = JSON.parse(JSON.stringify(chatList.value[chatList.value.length - 1]))
answer.content = JSON.stringify(answer.content)
answer.interrupt = answer.interrupt ? JSON.stringify(answer.interrupt): null
answer.checkpointer = JSON.stringify(answer.checkpointer)
addChat(answer)
}).then(()=>{
let answer = JSON.parse(JSON.stringify(chatList.value[chatList.value.length - 1]))
if(answer.interrupt){
let robot = answer.interrupt.robot
let block = answer.interrupt.block
let action = answer.interrupt.action
let autoRequest = false
if (autoProcess.value.autoArray.length > 0 && autoProcess.value.autoArray.indexOf(robot) !== -1){
//自动审批信号有效，需判断 block内容的必填项，有无默认值，有的话，可以自动发送，没有需填写
autoRequest = true
if (block && block.length>0){
for (let i = 0; i < block.length; i++) {
if (block[i].required){
if (block[i].ct_type === 'dateRangePicker' || block[i].ct_type === 'checkboxGroup' || block[i].ct_type === 'multiselect'){
//default_value 是数组
if (!block[i].default_value || block[i].default_value === []){
autoRequest = false
chatList.value.push(lastQuestion.value)
let question = JSON.parse(JSON.stringify(lastQuestion.value))
question.file = JSON.stringify(question.file)
addChat(question).then(()=>{
currentError.value = ''
currentChatData.value = {}
currentFiles.value = []
chatList.value.push({"chatId":uuidv4(),"type":"answer","content":[],"isEnd":false,"isStop":false,"sessionId":chatList.value[0].sessionId,"sessionName":chatList.value[0].sessionName, "operate":'',"thumbDownReason":''})
const reader = res.body.getReader()
const write = getWrite(reader)
reader.read().then(write).then(()=> {
asking.value = false
let answer = JSON.parse(JSON.stringify(chatList.value[chatList.value.length - 1]))
answer.content = JSON.stringify(answer.content)
answer.interrupt = answer.interrupt ? JSON.stringify(answer.interrupt): null
answer.checkpointer = JSON.stringify(answer.checkpointer)
addChat(answer)
}).then(()=>{
let answer = JSON.parse(JSON.stringify(chatList.value[chatList.value.length - 1]))
if(answer.interrupt){
let robot = answer.interrupt.robot
let block = answer.interrupt.block
let action = answer.interrupt.action
let autoRequest = false
if (autoProcess.value.autoArray.length > 0 && autoProcess.value.autoArray.indexOf(robot) !== -1){
//自动审批信号有效，需判断 block内容的必填项，有无默认值，有的话，可以自动发送，没有需填写
autoRequest = true
if (block && block.length>0){
for (let i = 0; i < block.length; i++) {
if (block[i].required){
if (block[i].ct_type === 'dateRangePicker' || block[i].ct_type === 'checkboxGroup' || block[i].ct_type === 'multiselect'){
//default_value 是数组
if (!block[i].default_value || block[i].default_value === []){
autoRequest = false
}
}
}
if (block[i].ct_type === 'datePicker' || block[i].ct_type === 'input' || block[i].ct_type === 'radioGroup' ||block[i].ct_type === 'select'){
//default_value 是文字
if (!block[i].default_value || block[i].default_value.trim() === ''){
autoRequest = false
if (block[i].ct_type === 'datePicker' || block[i].ct_type === 'input' || block[i].ct_type === 'radioGroup' ||block[i].ct_type === 'select'){
//default_value 是文字
if (!block[i].default_value || block[i].default_value.trim() === ''){
autoRequest = false
}
}
}
}
}
}
if (autoRequest){
let reqData = {
"user_id": cache.local.get("username"),
"session_id": Cookies.get("chatSessionId"),
"checkpointer": answer.checkpointer,
"action":"",
"resume": true,
"block": block
}
for (let i = 0; i < action.length; i++) {
if (action[i].style === 'primary'){
reqData.action = action[i].action
if (autoRequest){
let reqData = {
"user_id": cache.local.get("username"),
"session_id": Cookies.get("chatSessionId"),
"checkpointer": answer.checkpointer,
"action":"",
"resume": true,
"block": block
}
for (let i = 0; i < action.length; i++) {
if (action[i].style === 'primary'){
reqData.action = action[i].action
}
}
asking.value = true
sendChatMessage(reqData)
}
sendChatMessage(reqData)
}
}
}
})
})
}
}).catch((e) => {
@ -695,8 +692,6 @@ function sendChatMessage(data){
})
}
watch(
chatList,
() => {
@ -789,18 +784,21 @@ const getWrite = (reader) => {
return write_stream;
};
const stopChat = (index) => {
const stopChat = () => {
if (currentJobId.value !== ''){
cancelJob({job_id:currentJobId.value})
}
chatList.value[index].isStop = true
if (chatList.value.length > 0 || chatList.value[chatList.value.length - 1].type === 'answer'){
chatList.value[chatList.value.length - 1].isStop = true
}
if (controller.value !== null){
controller.value.abort()
}
let answer = JSON.parse(JSON.stringify(chatList.value[index]))
let answer = JSON.parse(JSON.stringify(chatList.value[chatList.value.length - 1]))
answer.content = JSON.stringify(answer.content)
addChat(answer)
currentJobId.value = ''
asking.value = false
}
// const startChat = (index) => {

Write Preview
Loading…
Cancel
Save