From 7b8ac484c22a2e5b726579b8e13fff5048de0dd5 Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期三, 07 八月 2024 15:00:17 +0800
Subject: [PATCH] 配置bug页面修改
---
src/views/dmx/IntelligentAgent/index.vue | 251 +++++++++++++++++++++++++++++++-------------------
1 files changed, 155 insertions(+), 96 deletions(-)
diff --git a/src/views/dmx/IntelligentAgent/index.vue b/src/views/dmx/IntelligentAgent/index.vue
index 63a184b..4357e17 100644
--- a/src/views/dmx/IntelligentAgent/index.vue
+++ b/src/views/dmx/IntelligentAgent/index.vue
@@ -4,76 +4,106 @@
<a-row :gutter="20" align="stretch">
<a-col :span="24">
<a-card class="general-card" :title="$t('鏅鸿兘浣撶鐞�')">
- <div style="display: flex;justify-content: right;">
+ <div style="display: flex; justify-content: right">
<a-input-search
:placeholder="$t('cardList.searchInput.placeholder')"
- style="width: 240px;"
+ 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-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 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>-->
- </a-card>
- </div>
- <div class="card-wrap" v-for="(item, index) of data" :key="index">
- <a-card :bordered="false" hoverable >
+<!-- <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"
+ :key="item.id"
+ >
+ <a-card :bordered="false" hoverable>
<a-avatar :style="{ backgroundColor: '#3370ff' }">
<img
- :style="{ width: '100%'}"
+ :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 style="position: absolute;top: 10px;right: 10px" size="medium">
- <template #checked>
- 涓婄嚎
- </template>
- <template #unchecked>
- 涓嬬嚎
- </template>
+ <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 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 style="position: absolute; bottom: 1.4rem; left: 1rem;">
- <icon-user /> <span style="font-size: 12px">鐜嬫旦</span>
+ <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;">
+ <div style="position: absolute; bottom: 1rem; right: 1rem">
<a-space>
- <editAgent></editAgent>
- <a-popconfirm :content="'纭畾鍒犻櫎鍚�'" type="warning" @ok="deleteItem(record)">
- <a-button type="text" size="small">
+ <span v-show="!item.off">
+ <agent-config
+ ref="editAgentKuai"
+ typeAngint="edit"
+ :formData="item"
+ @queryList="queryList"
+ ></agent-config>
+ </span>
+ <a-popconfirm
+ :content="'纭畾鍒犻櫎鍚�'"
+ type="warning"
+ @ok="deleteItem(item)"
+ >
+ <a-button type="text" >
<template #icon>
<icon-delete />
</template>
@@ -93,64 +123,82 @@
</template>
<script lang="ts" setup>
- import { ref, reactive, nextTick } from 'vue';
- import addAgent from "@/views/dmx/IntelligentAgent/components/addAgent.vue";
- import editAgent from "@/views/dmx/IntelligentAgent/components/editAgent.vue";
- import { kbdocumentrm } from "@/api/kbList";
- import { Message } from "@arco-design/web-vue";
+import { ref, reactive, nextTick, onBeforeMount, onMounted, onBeforeUnmount } from "vue";
+ 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 count = 5;
const activeKey = ref(1);
const addAgents = ref();
- const data = 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 editAgentKuai = ref();
+ 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 changeTabs = (val) => {
- activeKey.value = val;
-}
+ const changeTabs = (val) => {
+ activeKey.value = val;
+ };
const handleAdd = () => {
addAgents.value.handleClick();
- };
- const handleDelete = (key: any) => {
- data.value = data.value.filter((item) => item.key !== key);
};
const visible = ref(false);
const formRef = ref(null);
const form = reactive({
- size: 'medium',
- name: '',
+ // size: 'medium',
+ // name: '',
});
- const deleteItem = async (row)=>{
- console.log(row);
- let data = await kbdocumentrm({doc_id: row.id})
- if(data.code == 0){
- Message.success('鍒犻櫎鎴愬姛');
- console.log(kbobj, 'kbobj');
- fetchData({
- kb_id: kbobj.id,
- page: 1,
- page_size: 20
- })
+
+ const queryList = async (params = {}) => {
+ setLoading(true);
+ try {
+ 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 deleteItem = async (row) => {
+ console.log(row);
+ let data = await deletedialog({ dialog_ids: [row.id] });
+ if (data.code == 0) {
+ Message.success('鍒犻櫎鎴愬姛');
+ queryList();
+ }
+ };
+ const handleChange = async (item) => {
+ if (item) {
+ Object.assign(form, item);
+ }
+ };
const handleCancel = () => {
- formRef.value.resetFields();
- visible.value = false;
+ queryList();
};
const handleSubmit = ({ values, errors }) => {
this.$refs.formRef.validate().then((res, a, b) => {
@@ -158,6 +206,17 @@
console.log('values', values);
});
};
+ onBeforeMount(() => {
+ queryList();
+ });
+ onMounted(()=>{
+ EventBus.on('queryList',()=>{
+ queryList();
+ })
+ })
+ onBeforeUnmount(()=>{
+ EventBus.off('queryList')
+ })
</script>
<script lang="ts">
@@ -210,9 +269,9 @@
}
}
.card-wrap {
- width: 20%;
+ width: 23%;
height: 200px;
- margin: 10px;
+ margin: 1%;
transition: all 0.3s;
border: 1px solid var(--color-neutral-3);
border-radius: 4px;
@@ -270,13 +329,13 @@
}
}
}
- .arco-card-body-content{
- .arco-card-body-content-top{
+ .arco-card-body-content {
+ .arco-card-body-content-top {
margin-top: 10px;
text-align: center;
}
- .arco-card-body-content-down{
- text-align:center;
+ .arco-card-body-content-down {
+ text-align: center;
margin-top: 10px;
font-size: 12px;
color: #999999;
--
Gitblit v1.8.0