mirror of
http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git
synced 2025-12-09 10:56:50 +08:00
Merge remote-tracking branch 'origin/dev' into dev
This commit is contained in:
陈昱达
81
src/api/intelligent-agent/list.js
Normal file
81
src/api/intelligent-agent/list.js
Normal file
@@ -0,0 +1,81 @@
|
||||
import request from '@/assets/js/utils/request'
|
||||
import getUrl from '@/assets/js/utils/get-url'
|
||||
|
||||
/**
|
||||
* 获取智能体列表
|
||||
* @param {Object} data - 请求参数, 默认为空对象
|
||||
* @returns {Promise} - 返回 Promise 对象
|
||||
*/
|
||||
const agentList = (data = {}) => {
|
||||
return request({
|
||||
url: getUrl('/ebiz/intelligentAgent/list'),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 查看智能体详情
|
||||
* @param {string} id - 请求 ID
|
||||
*/
|
||||
function agentDetail(id) {
|
||||
return request({
|
||||
url: getUrl('/ebiz/intelligentAgent/query'),
|
||||
method: 'get',
|
||||
params: { id }
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 增加智能体
|
||||
* @param {Object} data - 请求参数, 默认为空对象
|
||||
* @returns {Promise} - 返回 Promise 对象
|
||||
*/
|
||||
const agentAdd = (data) => {
|
||||
if (!data) {
|
||||
console.warn('need data', data)
|
||||
return
|
||||
}
|
||||
return request({
|
||||
url: getUrl('/ebiz/intelligentAgent/create'),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除智能体
|
||||
* @param {Array} data - 请求参数, 默认为空对象
|
||||
* @returns {Promise} - 返回 Promise 对象
|
||||
*/
|
||||
const agentDelete = (data) => {
|
||||
if (!data || !data.length) {
|
||||
console.warn('need data', data)
|
||||
return
|
||||
}
|
||||
return request({
|
||||
url: getUrl('/ebiz/intelligentAgent/delete'),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 编辑智能体
|
||||
* @param {Object} data - 请求参数, 默认为空对象
|
||||
* @returns {Promise} - 返回 Promise 对象
|
||||
*/
|
||||
const agentEdit = (data) => {
|
||||
if (!data || !data.id) {
|
||||
console.warn('need data', data)
|
||||
return
|
||||
}
|
||||
|
||||
return request({
|
||||
url: getUrl('/ebiz/intelligentAgent/update'),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export { agentList, agentEdit, agentDelete, agentAdd, agentDetail }
|
||||
@@ -208,5 +208,26 @@ export default [
|
||||
}
|
||||
}
|
||||
]
|
||||
}, {
|
||||
path: '/intelligentAgent',
|
||||
name: 'intelligentAgent',
|
||||
component: layout,
|
||||
redirect: '/intelligentAgent/list',
|
||||
meta: {
|
||||
title: '智能体',
|
||||
icon: 'el-icon-home',
|
||||
affix: true
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '/intelligentAgent/list',
|
||||
name: 'intelligentAgent-list',
|
||||
component: () => import('@/views/intelligent-agent/index.vue'),
|
||||
meta: {
|
||||
title: '智能体',
|
||||
icon: 'el-icon-home'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
51
src/views/intelligent-agent/components/info/index.vue
Normal file
51
src/views/intelligent-agent/components/info/index.vue
Normal file
@@ -0,0 +1,51 @@
|
||||
<script>
|
||||
import { agentEdit, agentAdd } from '@/api/intelligent-agent/list'
|
||||
|
||||
export default {
|
||||
name: 'info',
|
||||
inject: ['dialog', 'fetchAgentList'],
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
name: [{ required: true, message: '请输入智能体名称', trigger: 'blur' }],
|
||||
description: [{ required: false, message: '请输入智能体描述', trigger: 'blur' }]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 提交表单
|
||||
*/
|
||||
async handleSubmit() {
|
||||
// 更新表单之后重新获取列表，然后退出 dialog
|
||||
await this.dialog.type === 'edit' ? agentEdit(this.dialog.agent) : agentAdd(this.dialog.agent)
|
||||
this.fetchAgentList()
|
||||
this.dialog.visible = false
|
||||
},
|
||||
validateForm() {
|
||||
this.$refs.form.validate(valid => {
|
||||
if (valid) this.handleSubmit()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<el-form :model="dialog.agent" :rules="rules" ref="form">
|
||||
<el-form-item label="名称" prop="name" label-width="100px">
|
||||
<el-input v-model="dialog.agent.name" />
|
||||
</el-form-item>
|
||||
<el-form-item label="描述" prop="description" label-width="100px">
|
||||
<el-input type="textarea" :rows="8" v-model="dialog.agent.description" />
|
||||
</el-form-item>
|
||||
|
||||
<el-row type="flex" justify="end">
|
||||
<el-button type="primary" @click="validateForm">保存</el-button>
|
||||
<el-button type="default" @click="dialog.visible = false">取消</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
179
src/views/intelligent-agent/index.vue
Normal file
179
src/views/intelligent-agent/index.vue
Normal file
@@ -0,0 +1,179 @@
|
||||
<script>
|
||||
import { agentList, agentDelete, agentDetail } from '@/api/intelligent-agent/list'
|
||||
import Info from '@/views/intelligent-agent/components/info'
|
||||
|
||||
export default {
|
||||
name: 'intelligent-agent',
|
||||
components: {
|
||||
Info
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
searchOption: {
|
||||
nameLike: '',
|
||||
handleSearch: async () => {
|
||||
this.fetchAgentList({ nameLike: this.searchOption.nameLike })
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @type {{name: string, url: string, id: string}[]}
|
||||
*/
|
||||
list: [],
|
||||
dialog: {
|
||||
visible: false,
|
||||
title: '',
|
||||
agent: void 0,
|
||||
component: 'info',
|
||||
type: "edit"
|
||||
}
|
||||
}
|
||||
},
|
||||
provide() {
|
||||
return {
|
||||
dialog: this.dialog,
|
||||
fetchAgentList: this.fetchAgentList
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 获取所有的智能体列表
|
||||
*/
|
||||
async fetchAgentList(params = {}) {
|
||||
const { content } = await agentList(params)
|
||||
this.list = content.content
|
||||
},
|
||||
/**
|
||||
* 编辑智能体
|
||||
*/
|
||||
async handleEditAgent(id) {
|
||||
const { content } = await agentDetail(id)
|
||||
this.dialog.agent = content.content
|
||||
this.dialog.type = "edit"
|
||||
this.dialog.title = "编辑智能体"
|
||||
// 获取数据之后打开内容详情
|
||||
this.dialog.visible = true
|
||||
},
|
||||
/**
|
||||
* 删除智能体
|
||||
*/
|
||||
async handleDeleteAgent(id) {
|
||||
// 删除之后重新获取内容
|
||||
await agentDelete([id])
|
||||
this.fetchAgentList()
|
||||
},
|
||||
/**
|
||||
* 创建智能体
|
||||
*/
|
||||
async createdIntelligentAgent() {
|
||||
this.dialog.type = "add"
|
||||
// 重置状态，防止其他状态影响导致表单内容异常
|
||||
this.dialog.agent = { name: '', description: '' }
|
||||
this.dialog.title = "创建智能体"
|
||||
this.dialog.visible = true
|
||||
},
|
||||
|
||||
},
|
||||
created() {
|
||||
this.fetchAgentList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="container">
|
||||
|
||||
<!-- header 头部 -->
|
||||
<nav v-if="true">
|
||||
<div class="flex align-items-c justify-content-b">
|
||||
<el-input placeholder="输入智能体名称" clearable v-model="searchOption.nameLike" size="medium" class="underBorder"
|
||||
@keydown.enter.native="searchOption.handleSearch">
|
||||
<template slot="prepend">
|
||||
<el-button slot="append" icon="el-icon-search"></el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
<el-button class="render-button line-button pv8 ph10" icon="el-icon-plus"
|
||||
@click="createdIntelligentAgent()">创建智能体</el-button>
|
||||
</div>
|
||||
<h3>智能体</h3>
|
||||
|
||||
</nav>
|
||||
|
||||
<!-- 智能体的列表 -->
|
||||
<article>
|
||||
<el-row class="agent-item" :gutter="10">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" v-for="listItem in list" :key="listItem.id">
|
||||
<el-card>
|
||||
<section class="agent-item__info">
|
||||
<el-avatar shape="square" :src="listItem.url">{{ listItem.name[0] }}</el-avatar>
|
||||
<span>
|
||||
<h4>{{ listItem.name }}</h4>
|
||||
<p class="dataset-desc">{{ listItem.description }}</p>
|
||||
</span>
|
||||
</section>
|
||||
|
||||
<el-row type="flex" justify="end">
|
||||
<el-button class="default render-button" size="small" icon="el-icon-delete"
|
||||
@click.stop="handleDeleteAgent(listItem.id)">删除</el-button>
|
||||
<el-button class="render-button line-button" size="small" icon="el-icon-edit"
|
||||
@click.stop="handleEditAgent(listItem.id)" type="primary">修改</el-button>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</article>
|
||||
|
||||
<!-- dialog 内容。 现在主要是编辑 -->
|
||||
<el-dialog :visible.sync="dialog.visible" :title="dialog.title" :close-on-click-modal="false">
|
||||
<component :is="dialog.component" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.container {
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
|
||||
* {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
}
|
||||
|
||||
.agent-item {
|
||||
|
||||
|
||||
&>.el-col {
|
||||
margin: 7px auto;
|
||||
}
|
||||
|
||||
&__info {
|
||||
display: flex;
|
||||
|
||||
&>span:nth-child(2) {
|
||||
margin-left: 15px;
|
||||
|
||||
&>p {
|
||||
margin-top: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dataset-desc {
|
||||
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
color: #666666;
|
||||
line-height: 18px;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
|
||||
height: 35px;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user