feat(agent): 新增智能体应用功能

- 添加智能体列表页面和相关API
- 实现聊天功能,包括历史对话和当前对话
- 新增工作流功能,包括表单提交和结果展示- 优化路由配置,增加智能体相关路由
- 添加全局常量和枚举,用于智能体类型区分
This commit is contained in:
林志军
2025-07-16 18:49:28 +08:00
parent 616665d219
commit b3af007dd2
15 changed files with 412 additions and 182 deletions

View File

@ -1,27 +1,21 @@
<template>
<div class="chat-wrap">
<span class="" @click="goChatIndex"> <icon-left /> 返回空间 </span>
<div class="chat-contain">
<a-layout>
<a-layout-header>
<div>
<span > <icon-left /> 返回空间 </span>
</div>
</a-layout-header>
<a-layout>
<a-layout-sider width="20%">
<HistoryChat :cozeInfo="cozeInfo" />
</a-layout-sider>
<a-layout-sider class="layout-sider" width="17%">
<DynamicForm :formFields="formFields" :formData="formData" @submit="handleSubmit" />
<DynamicForm :formFields="formFields" :formData="formData" :loading="loading" @submit="handleSubmit" />
</a-layout-sider>
<a-layout-content ref="contentRef" class="content-container">
<a-spin :loading="loading" tip="生成中">
<div>
<span class="work-res-span">
{{ workFlowRes.output }}
</span>
</div>
</a-spin>
<a-spin v-if="loading" class="spin-center" tip="生成中。。。" />
<div class="work-res">
<span > {{ workFlowRes?.output }}</span>
</div>
</a-layout-content>
</a-layout>
</a-layout>
@ -33,8 +27,8 @@
import { ref, reactive } from 'vue';
import HistoryChat from './components/historyChat.vue';
import { executeWorkFlow, getWorkFlowInfo } from '@/api/all/agent';
import { useRoute } from 'vue-router';
import DynamicForm from './components/DynamicForm.vue';
import { useRoute, useRouter } from 'vue-router';
const formFields = ref([]);
@ -46,7 +40,12 @@ const id = route.query.id;
const query = reactive({
id: id,
});
const router = useRouter();
const goChatIndex = async () => {
router.push({
path: '/agent/index',
});
};
const loading = ref(false);
const cozeInfo = reactive({
@ -64,11 +63,17 @@ const workFlowRes = reactive({});
// 提交表单
const handleSubmit = async (formData) => {
console.log(formData, 'formData');
const param = { form_data: formData, workflow_id: cozeInfo.workflow_id };
loading.value = true;
const { code, data } = await executeWorkFlow(param);
if (code === 200) {
Object.assign(workFlowRes, data.data);
try {
const param = { form_data: formData, workflow_id: cozeInfo.workflow_id };
loading.value = true;
const { code, data } = await executeWorkFlow(param);
if (code === 200) {
Object.assign(workFlowRes, data.data);
loading.value = false;
}
} catch (error) {
console.log(error, 'error');
loading.value = false;
}
};