| | |
| | | style="width: 240px" |
| | | @change="queryList" |
| | | /> |
| | | <agent></agent> |
| | | <agent-config typeAngint="add"></agent-config> |
| | | </div> |
| | | <a-divider style="margin: 10px 0" /> |
| | | <a-row justify="space-between"> |
| | | <a-col :span="24"> |
| | | <div style="display: flex; flex-wrap: wrap"> |
| | | <a-spin :loading="loading" style="display: flex; flex-wrap: wrap" :style="{height: documentHeight + 'px'}"> |
| | | <!-- <div--> |
| | | <!-- class="card-wrap"--> |
| | | <!-- style="cursor: pointer"--> |
| | |
| | | :key="item.id" |
| | | > |
| | | <a-card :bordered="false" hoverable> |
| | | <a-avatar :style="{ backgroundColor: '#3370ff' }"> |
| | | <a-avatar :style="{ backgroundColor: '#5b99da' }"> |
| | | <img |
| | | :style="{ width: '100%' }" |
| | | alt="dessert" |
| | | src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp" |
| | | :src="item.icon || 'https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp'" |
| | | /> |
| | | </a-avatar> |
| | | <a-switch |
| | |
| | | <div style="position: absolute; bottom: 1rem; right: 1rem"> |
| | | <a-space> |
| | | <span v-show="!item.off"> |
| | | <editAgent |
| | | <agent-config |
| | | ref="editAgentKuai" |
| | | typeAngint="edit" |
| | | :formData="form" |
| | | @cancelModal="handleCancel" |
| | | ></editAgent> |
| | | :formData="item" |
| | | @queryList="queryList" |
| | | ></agent-config> |
| | | </span> |
| | | <a-popconfirm |
| | | :content="'确定删除吗'" |
| | |
| | | </div> |
| | | </a-card> |
| | | </div> |
| | | </div> |
| | | </a-spin> |
| | | </a-col> |
| | | </a-row> |
| | | </a-card> |
| | |
| | | |
| | | <script lang="ts" setup> |
| | | 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'; |
| | | import useLoading from '@/hooks/loading'; |
| | | const { loading, setLoading } = useLoading(true); |
| | | import EventBus from '@/utils/EventBus'; |
| | | |
| | | import AgentConfig from "@/views/dmx/IntelligentAgent/components/agentConfig.vue"; |
| | | let documentHeight = window.innerHeight - 360 |
| | | let count = 5; |
| | | const activeKey = ref(1); |
| | | const addAgents = ref(); |
| | |
| | | }; |
| | | const handleAdd = () => { |
| | | addAgents.value.handleClick(); |
| | | }; |
| | | const handleDelete = (key: any) => { |
| | | data.value = data.value.filter((item) => item.key !== key); |
| | | }; |
| | | |
| | | const visible = ref(false); |