| | |
| | | <Breadcrumb :items="['大模型', '智能体管理']" /> |
| | | <a-row :gutter="20" align="stretch"> |
| | | <a-col :span="24"> |
| | | <a-card class="general-card" :title="$t('智能体管理')"> |
| | | <a-card class="general-card" :title="$t('')" style="padding-top: 50px"> |
| | | <div style="display: flex; justify-content: right"> |
| | | <a-input-search |
| | | :placeholder="$t('cardList.searchInput.placeholder')" |
| | |
| | | <a-divider style="margin: 10px 0" /> |
| | | <a-row justify="space-between"> |
| | | <a-col :span="24"> |
| | | <a-spin :loading="loading" style="display: flex; flex-wrap: wrap" :style="{height: documentHeight + 'px'}"> |
| | | <!-- <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>--> |
| | | <a-spin :loading="loading" style="width: 100%"> |
| | | <a-scrollbar style="display: flex; flex-wrap: wrap;align-content: flex-start;overflow: auto;" :style="{height: documentHeight + 'px'}"> |
| | | <div |
| | | class="card-wrap" |
| | | v-for="(item, index) of agentList" |
| | |
| | | </div> |
| | | </a-card> |
| | | </div> |
| | | </a-scrollbar> |
| | | <!-- <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>--> |
| | | </a-spin> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | import EventBus from '@/utils/EventBus'; |
| | | import AgentConfig from "@/views/dmx/IntelligentAgent/components/agentConfig.vue"; |
| | | import logo from "../../../assets/images/model.png"; |
| | | let documentHeight = window.innerHeight - 360 |
| | | let documentHeight = window.innerHeight - 320 |
| | | let count = 5; |
| | | const activeKey = ref(1); |
| | | const addAgents = ref(); |