From 00d600d4c8445b6729007f50ed7038deb84a13f6 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期五, 09 八月 2024 20:36:46 +0800
Subject: [PATCH] fix: 修改上传问题
---
src/views/dmx/IntelligentAgent/index.vue | 191 ++++++++++++++++++++++++-----------------------
1 files changed, 96 insertions(+), 95 deletions(-)
diff --git a/src/views/dmx/IntelligentAgent/index.vue b/src/views/dmx/IntelligentAgent/index.vue
index 0ddb08a..4643bb3 100644
--- a/src/views/dmx/IntelligentAgent/index.vue
+++ b/src/views/dmx/IntelligentAgent/index.vue
@@ -3,116 +3,119 @@
<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')"
style="width: 240px"
@change="queryList"
/>
+ <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">
- <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-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"
+ :key="item.id"
+ >
+ <a-card :bordered="false" hoverable>
+ <a-avatar :style="{ backgroundColor: '#5b99da' }">
+ <img
+ :style="{ width: '100%' }"
+ alt="dessert"
+ :src="item.icon || imgSrc"
+ />
</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;
- "
+ <a-switch
+ v-model="item.off"
+ style="position: absolute; top: 10px; right: 10px"
+ size="medium"
+ @change="handleChange(item)"
>
- 閫氳繃鎻忚堪瑙掕壊鍜屼换鍔℃潵鍒涘缓浣犵殑鏅鸿兘浣�<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"
- :key="item.id"
- >
- <a-card :bordered="false" hoverable>
- <a-avatar :style="{ backgroundColor: '#3370ff' }">
- <img
- :style="{ width: '100%' }"
- alt="dessert"
- src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a20012a2d4d5b9db43dfc6a01fe508c0.png~tplv-uwbnlip3yd-webp.webp"
- />
- </a-avatar>
- <a-switch
- v-model="item.off"
- style="position: absolute; top: 10px; right: 10px"
- size="medium"
- @change="handleChange(item)"
- >
- <template #checked> 涓婄嚎 </template>
- <template #unchecked> 涓嬬嚎 </template>
- </a-switch>
- <div class="arco-card-body-content">
- <div class="arco-card-body-content-top">
+ <template #checked> 涓婄嚎 </template>
+ <template #unchecked> 涓嬬嚎 </template>
+ </a-switch>
+ <div class="arco-card-body-content">
+ <div class="arco-card-body-content-top">
<span style="font-size: 18px; font-weight: 900">
{{ item.name }}
</span>
+ </div>
+ <div class="arco-card-body-content-down">
+ {{ item.prompt_config.prologue }}
+ </div>
</div>
- <div class="arco-card-body-content-down">
- {{ item.prompt_config.prologue }}
- </div>
- </div>
- <div style="position: absolute; bottom: 1.4rem; left: 1rem">
- <icon-user />
- <span style="font-size: 12px">
+ <div style="position: absolute; bottom: 1.4rem; left: 1rem">
+ <icon-user />
+ <span style="font-size: 12px">
<!-- {{ item.name }}-->
</span>
- </div>
- <div style="position: absolute; bottom: 1rem; right: 1rem">
- <a-space>
+ </div>
+ <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="'纭畾鍒犻櫎鍚�'"
- type="warning"
- @ok="deleteItem(item)"
- >
- <a-button type="text" size="small">
- <template #icon>
- <icon-delete />
- </template>
- </a-button>
- </a-popconfirm>
- </a-space>
- </div>
- </a-card>
- </div>
- </div>
+ <a-popconfirm
+ :content="'纭畾鍒犻櫎鍚�'"
+ type="warning"
+ @ok="deleteItem(item)"
+ >
+ <a-button type="text" >
+ <template #icon>
+ <icon-delete />
+ </template>
+ </a-button>
+ </a-popconfirm>
+ </a-space>
+ </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>
</a-card>
@@ -123,19 +126,20 @@
<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 { 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";
+ import logo from "../../../assets/images/model.png";
+ import { documentHeight } from "@/utils";
+// console.log(documentHeight,'楂樺害');
let count = 5;
const activeKey = ref(1);
const addAgents = ref();
const editAgentKuai = ref();
+ const imgSrc = ref(logo);
const agentList = ref([
// {
// key: 2,
@@ -158,9 +162,6 @@
};
const handleAdd = () => {
addAgents.value.handleClick();
- };
- const handleDelete = (key: any) => {
- data.value = data.value.filter((item) => item.key !== key);
};
const visible = ref(false);
--
Gitblit v1.8.0