知识库智能体管理的页面开发和功能开发

src/utils/EventBus.ts

@@ -0,0 +1,14 @@
+/**
+ * 事件总线。
+ */
+import mitt from "mitt";
+
+export default mitt();
+
+
+
+
+
+
+
+

src/views/dmx/IntelligentAgent/components/editAgent.vue

@@ -137,6 +137,7 @@
   import useLoading from '@/hooks/loading';
   import { dialogSet } from '@/api/Agent';
   import { Message } from '@arco-design/web-vue';
+  import EventBus from "@/utils/EventBus";
   const { setLoading } = useLoading(true);
   const props = defineProps(['typeAngint', 'formData']);
   const visible = ref(false);
@@ -210,6 +211,7 @@
     if (data.code == 0) {
       Message.success(title);
       handleCancel();
+      EventBus.emit('queryList');
     }
   };
 

src/views/dmx/IntelligentAgent/index.vue

@@ -122,7 +122,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref, reactive, nextTick, onBeforeMount } from 'vue';
+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';
@@ -130,6 +130,7 @@
   import { deletedialog, querydialogList } from '@/api/Agent';
   import useLoading from '@/hooks/loading';
   const { loading, setLoading } = useLoading(true);
+  import EventBus from '@/utils/EventBus';
 
   let count = 5;
   const activeKey = ref(1);
@@ -212,6 +213,14 @@
   onBeforeMount(() => {
     queryList();
   });
+  onMounted(()=>{
+    EventBus.on('queryList',()=>{
+      queryList();
+    })
+  })
+  onBeforeUnmount(()=>{
+    EventBus.off('queryList')
+  })
 </script>
 
 <script lang="ts">