From 31a48e3a3c7d4e37a05ef43fa4b65c84989cc353 Mon Sep 17 00:00:00 2001
From: yinbangzhong <zhongbangyin@126.com>
Date: 星期四, 29 八月 2024 09:26:25 +0800
Subject: [PATCH] select role
---
src/views/dmx/IntelligentAgent/index.vue | 168 +++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 131 insertions(+), 37 deletions(-)
diff --git a/src/views/dmx/IntelligentAgent/index.vue b/src/views/dmx/IntelligentAgent/index.vue
index 669fdb3..3013586 100644
--- a/src/views/dmx/IntelligentAgent/index.vue
+++ b/src/views/dmx/IntelligentAgent/index.vue
@@ -10,7 +10,16 @@
style="width: 240px"
@change="queryList"
/>
- <agent-config typeAngint="add"></agent-config>
+ <a-button
+ type="primary"
+ @click="handleClick"
+ style="margin-left: 10px"
+ >
+ <template #icon>
+ <icon-plus />
+ </template>
+ 鏂板缓鏅鸿兘浣�
+ </a-button>
</div>
<a-divider style="margin: 10px 0" />
<a-row justify="space-between">
@@ -26,6 +35,7 @@
"
:style="{ height: documentHeight + 'px' }"
>
+<!-- 鏅鸿兘浣撳垪琛�-->
<div
class="card-wrap"
v-for="(item, index) of agentList"
@@ -71,12 +81,15 @@
>
<a-space>
<span v-show="!item.off">
- <agent-config
- ref="editAgentKuai"
- typeAngint="edit"
- :formData="item"
- @queryList="queryList"
- ></agent-config>
+ <a-button
+ type="text"
+ size="small"
+ @click="editClick(item)"
+ >
+ <template #icon>
+ <icon-tool />
+ </template>
+ </a-button>
</span>
<a-popconfirm
:content="'纭畾鍒犻櫎鍚�'"
@@ -91,6 +104,66 @@
</a-popconfirm>
</a-space>
</div>
+ </a-card>
+ </div>
+<!-- agent鍒楄〃-->
+ <div
+ class="card-wrap"
+ v-for="(item, index) of agentNewList"
+ :key="item.id"
+ >
+ <a-card :bordered="false" hoverable>
+ <a-avatar :style="{ backgroundColor: '#5b99da' }">
+ <img
+ :style="{ width: '100%' }"
+ alt="dessert"
+ :src="item.avatar || imgSrc"
+ />
+ </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">
+ <span style="font-size: 18px; font-weight: 900">
+ {{ item.title }}
+ </span>
+ </div>
+<!-- <div class="arco-card-body-content-down">-->
+<!-- {{ item.prompt_config.prologue }}-->
+<!-- </div>-->
+ </div>
+ <div
+ style="position: absolute; bottom: 1.4rem; left: 1rem"
+ >
+ <icon-calendar-clock />
+ <span style="font-size: 12px;margin-left: 10px">
+ {{ moment(item.create_date).format('YYYY-MM-DD HH:mm:ss') }}
+ </span>
+ </div>
+<!-- <div-->
+<!-- style="position: absolute; bottom: 1rem; right: 1rem"-->
+<!-- >-->
+<!-- <a-space>-->
+<!-- <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>
@@ -134,6 +207,12 @@
</a-card>
</a-col>
</a-row>
+ <agent-config
+ ref="editAgentKuai"
+ :typeAngint="addType"
+ :formData="itemObj"
+ @queryList="queryList"
+ ></agent-config>
</div>
</template>
@@ -147,36 +226,22 @@
onBeforeUnmount,
} from 'vue';
import { Message } from '@arco-design/web-vue';
- import { deletedialog, querydialogList } from '@/api/Agent';
+ import { deletedialog, queryCanvasList, querydialogdetail, 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';
+ import { documentHeight, parseTime } from "@/utils";
+ import moment from "moment";
// console.log(documentHeight,'楂樺害');
let count = 5;
const activeKey = ref(1);
const addAgents = ref();
- const editAgentKuai = ref();
+ const editAgentKuai = ref(null);
const imgSrc = ref(logo);
- const agentList = ref([
- // {
- // key: 2,
- // title: '鍐呭璐ㄦ',
- // content: 'Content of Tab Panel 2',
- // },
- // {
- // key: 3,
- // title: '寮�閫氭湇鍔�',
- // content: 'Content of Tab Panel 3',
- // },
- // {
- // key: 4,
- // title: '瑙勫垯棰勭疆',
- // content: 'Content of Tab Panel 4',
- // },
- ]);
+ const agentList = ref([]);
+ const agentNewList = ref([]);
const changeTabs = (val) => {
activeKey.value = val;
};
@@ -186,10 +251,25 @@
const visible = ref(false);
const formRef = ref(null);
- const form = reactive({
- // size: 'medium',
- // name: '',
- });
+ let addType = ref('add');
+ let itemObj = reactive({});
+ const form = reactive({});
+
+
+ const handleClick = () => {
+ addType.value = 'add';
+ editAgentKuai.value.handleClick();
+ };
+
+ const editClick = async(data) => {
+ let res = await querydialogdetail({
+ dialog_id: data.id
+ })
+ Object.assign(itemObj, res.data);
+ addType.value = 'edit';
+ editAgentKuai.value.editClick();
+ };
+
const queryList = async (params = {}) => {
setLoading(true);
@@ -197,6 +277,25 @@
const { data } = await querydialogList(params);
console.log(data, 'data');
agentList.value = data.map((item) => {
+ return {
+ ...item,
+ off: true,
+ };
+ });
+ } catch (err) {
+ // you can report use errorHandler or other
+ } finally {
+ setLoading(false);
+ }
+ };
+
+
+ const queryCanvas = async (params = {}) => {
+ setLoading(true);
+ try {
+ const { data } = await queryCanvasList(params);
+ console.log(data, 'agent');
+ agentNewList.value = data.map((item) => {
return {
...item,
off: true,
@@ -225,14 +324,9 @@
const handleCancel = () => {
queryList();
};
- const handleSubmit = ({ values, errors }) => {
- this.$refs.formRef.validate().then((res, a, b) => {
- debugger;
- console.log('values', values);
- });
- };
onBeforeMount(() => {
queryList();
+ queryCanvas();
});
onMounted(() => {
EventBus.on('queryList', () => {
--
Gitblit v1.8.0