| | |
| | | style="width: 240px" |
| | | @change="queryList" |
| | | /> |
| | | <agent></agent> |
| | | </div> |
| | | <a-divider style="margin: 10px 0" /> |
| | | <a-row justify="space-between"> |
| | | <a-col :span="24"> |
| | | <div style="display: flex; flex-wrap: wrap"> |
| | | <div |
| | | class="card-wrap" |
| | | style="cursor: pointer" |
| | | @click="handleAdd" |
| | | > |
| | | <a-card :bordered="false" hoverable> |
| | | <div style="margin-top: 30px; text-align: center"> |
| | | <a-avatar style="background: #3370ff"> |
| | | <icon-plus /> |
| | | </a-avatar> |
| | | </div> |
| | | <div class="arco-card-body-content"> |
| | | <div style="text-align: center; margin-top: 10px"> |
| | | 新建智能体 |
| | | </div> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-top: 10px; |
| | | font-size: 12px; |
| | | color: #999999; |
| | | " |
| | | > |
| | | 通过描述角色和任务来创建你的智能体<br /> |
| | | 智能体可以调用多个工作流和工具 |
| | | </div> |
| | | </div> |
| | | <add-agent ref="addAgents"></add-agent> |
| | | <!-- <div style="position: absolute; bottom: 1rem; right: 1rem;">--> |
| | | <!-- <a-space>--> |
| | | <!-- </a-space>--> |
| | | <!-- </div>--> |
| | | </a-card> |
| | | </div> |
| | | <!-- <div--> |
| | | <!-- class="card-wrap"--> |
| | | <!-- style="cursor: pointer"--> |
| | | <!-- @click="handleAdd"--> |
| | | <!-- >--> |
| | | <!-- <a-card :bordered="false" hoverable>--> |
| | | <!-- <div style="margin-top: 30px; text-align: center">--> |
| | | <!-- <a-avatar style="background: #3370ff">--> |
| | | <!-- <icon-plus />--> |
| | | <!-- </a-avatar>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="arco-card-body-content">--> |
| | | <!-- <div style="text-align: center; margin-top: 10px">--> |
| | | <!-- 新建智能体--> |
| | | <!-- </div>--> |
| | | <!-- <div--> |
| | | <!-- style="--> |
| | | <!-- text-align: center;--> |
| | | <!-- margin-top: 10px;--> |
| | | <!-- font-size: 12px;--> |
| | | <!-- color: #999999;--> |
| | | <!-- "--> |
| | | <!-- >--> |
| | | <!-- 通过描述角色和任务来创建你的智能体<br />--> |
| | | <!-- 智能体可以调用多个工作流和工具--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- <add-agent ref="addAgents"></add-agent>--> |
| | | <!-- <!– <div style="position: absolute; bottom: 1rem; right: 1rem;">–>--> |
| | | <!-- <!– <a-space>–>--> |
| | | <!-- <!– </a-space>–>--> |
| | | <!-- <!– </div>–>--> |
| | | <!-- </a-card>--> |
| | | <!-- </div>--> |
| | | <div |
| | | class="card-wrap" |
| | | v-for="(item, index) of agentList" |
| | |
| | | type="warning" |
| | | @ok="deleteItem(item)" |
| | | > |
| | | <a-button type="text" size="small"> |
| | | <a-button type="text" > |
| | | <template #icon> |
| | | <icon-delete /> |
| | | </template> |
| | |
| | | import { ref, reactive, nextTick, onBeforeMount, onMounted, onBeforeUnmount } from "vue"; |
| | | import addAgent from '@/views/dmx/IntelligentAgent/components/addAgent.vue'; |
| | | import editAgent from '@/views/dmx/IntelligentAgent/components/editAgent.vue'; |
| | | import agent from "@/views/dmx/IntelligentAgent/components/agentConfig.vue"; |
| | | import { kbdocumentrm, queryKbList } from '@/api/kbList'; |
| | | import { Message } from '@arco-design/web-vue'; |
| | | import { deletedialog, querydialogList } from '@/api/Agent'; |