From 1606cbed5beef1dd04a3235d4bc3fd30ea45eb1e Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期五, 09 八月 2024 11:13:29 +0800
Subject: [PATCH] 智能体页面bug修改

---
 src/views/dmx/knowledgeLib/index.vue |  178 +++++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 131 insertions(+), 47 deletions(-)

diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue
index a28e977..07254b0 100644
--- a/src/views/dmx/knowledgeLib/index.vue
+++ b/src/views/dmx/knowledgeLib/index.vue
@@ -8,9 +8,9 @@
             :placeholder="$t('cardList.searchInput.placeholder')"
             style="width: 130px;"
           />
-          <addKnow @knowledgeData="knowledgeData"></addKnow>
+          <addKnow @getknowledge="getknowledge" @getKbdetail="getKbdetail"></addKnow>
         </div>
-        <div class="lf-container-down">
+        <a-spin :loading="listloading" class="lf-container-down">
           <a-scrollbar style="height:56rem;overflow: auto;">
             <div
               class="tab"
@@ -23,17 +23,18 @@
               <a-popover position="bl">
                 <icon-more  :style="{position: 'absolute',top:'10px',right:'20px'}"/>
                 <template #content>
-                  <a-popconfirm content="纭畾鍒犻櫎鍚�?" @ok="deleteKnowledge(tab.id)" type="warning">
-                    <span style="cursor: pointer;color: #0960bd;font-size: 12px"><icon-delete />鍒犻櫎</span>
-                  </a-popconfirm>
+<!--                  <a-popconfirm content="纭畾鍒犻櫎鍚�?" @ok="deleteKnowledge(tab.id)" type="warning">-->
+<!--                    <span style="cursor: pointer;color: #4977ba;font-size: 12px"><icon-delete style="font-size: 14px"/>鍒犻櫎</span>-->
+<!--                  </a-popconfirm>-->
+                  <span style="cursor: pointer;color: #4977ba;font-size: 12px" @click="deleteKnowledge(tab.id)"><icon-delete style="font-size: 14px" />鍒犻櫎</span>
                 </template>
               </a-popover>
             </div>
           </a-scrollbar>
-          </div>
+          </a-spin>
       </div>
-      <div class="rt-container">
-        <a-tabs default-active-key="1">
+      <div class="rt-container" v-if="tabs.length > 0">
+        <a-tabs :active-key="activeKey" @change="handleTabChange">
           <a-tab-pane key="1" :title= "t('dmx.list.DataSet')">
             <div class="rt-container-main">
               <a-card  ref="account" class="general-card" title="" style="padding-top: 20px">
@@ -54,7 +55,7 @@
                             @change="search"
                           />
                           <!--鏂板缓-->
-                          <span v-if="tabs.length > 0">
+                          <span>
                             <add :kbobj="kbobj" @changeFetchData="changeFetchData"/>
                           </span>
                         </a-col>
@@ -256,7 +257,7 @@
           </a-tab-pane>
           <a-tab-pane key="3" :title="t('dmx.list.disposition')">
             <div class="rt-container-main">
-              <config ref="configForm" :kbtenantInfo="kbtenantInfo"  :kbobj="kbobj"></config>
+              <config ref="configForm" :kbtenantInfo="kbtenantInfo" @cancleConfig="cancleConfig" @saveConfig="saveConfig"></config>
             </div>
           </a-tab-pane>
         </a-tabs>
@@ -334,8 +335,9 @@
   import docx from '@/views/dmx/knowledgeLib/components/docx.vue'
   import excel from '@/views/dmx/knowledgeLib/components/excel.vue'
   import txtPdf from '@/views/dmx/knowledgeLib/components/txtPdf.vue'
-  import { Message } from "@arco-design/web-vue";
+import { Message, Modal } from "@arco-design/web-vue";
   import { parseTime } from "@/utils";
+import { deleteLlm } from "@/api/model";
   type SizeProps = 'mini' | 'small' | 'medium' | 'large';
   type Column = TableColumnData & { checked?: true };
   const account = ref(null)
@@ -358,7 +360,9 @@
 
   const size = ref<SizeProps>('medium');
   let visible = ref(false)
+  let listloading = ref(false)
   let keywords = ref('')
+  let activeKey = ref('1')
   let detailsShow = ref(false)
   let selectedTab = ref(0)
   let testForm = ref(null)
@@ -371,15 +375,15 @@
   let parser_ids = reactive({})
   let seeObj = reactive({})
   let kbtenantInfo = reactive({
-    "asr_id": "paraformer-realtime-8k-v1",
-    "embd_id": "BAAI/bge-large-zh-v1.5",
-    "img2txt_id": "qwen-vl-max",
-    "llm_id": "qwen-plus",
-    "name": "wanghao鈥榮 Kingdom",
-    "parser_ids": "naive:General,qa:Q&A,resume:Resume,manual:Manual,table:Table,paper:Paper,book:Book,laws:Laws,presentation:Presentation,picture:Picture,one:One",
-    "rerank_id": "BAAI/bge-reranker-v2-m3",
-    "role": "owner",
-    "tenant_id": "948fc6fa41ab11ef8fb80242ac120004",
+    asr_id: "paraformer-realtime-8k-v1",
+    embd_id: "BAAI/bge-large-zh-v1.5",
+    img2txt_id: "qwen-vl-max",
+    llm_id: "qwen-plus",
+    name: "wanghao鈥榮 Kingdom",
+    parser_ids: "naive:General,qa:Q&A,resume:Resume,manual:Manual,table:Table,paper:Paper,book:Book,laws:Laws,presentation:Presentation,picture:Picture,one:One",
+    rerank_id: "BAAI/bge-reranker-v2-m3",
+    role: "owner",
+    tenant_id: "948fc6fa41ab11ef8fb80242ac120004",
     parser_idObj:{}
   })
   let tabs = ref([])
@@ -389,13 +393,12 @@
     // console.log(item.id);
     kbobj= item;
     kbId = kbobj.id;
-    testForm.value.changekbid(kbId);
-    configForm.value.changekbObj(kbobj);
     fetchData({
       kb_id: kbobj.id,
       page: 1,
       page_size: 20
     })
+    getKbdetail(kbobj.id)
   }
 
   const basePagination: Pagination = {
@@ -500,10 +503,7 @@
     setLoading(true);
     try {
       const  data  = await queryKbDocumentList(params);
-      console.log(data, 'data');
       if(data.code=='0'){
-        //   璇︽儏
-        // const  kbtenantInfo  = await queryKbtenantInfo();
         parser_ids = kbtenantInfo.parser_ids.split(',').reduce((acc, pair) => {
           const [key, value] = pair.split(':');
           acc[key] = value;
@@ -519,14 +519,10 @@
             parser_id: parser_ids[item.parser_id],
           };
         });
-        console.log(renderData.value, 'renderData');
+        // console.log(renderData.value, 'renderData');
 
         pagination.current = params.page;
         pagination.total = data.data.total;
-        //   鏌ヨ鐭ヨ瘑搴撹鎯�
-        // kbdetail  = await queryKbdetail({
-        //   kb_id:params.kb_id,
-        // });
 
       }
     } catch (err) {
@@ -556,22 +552,24 @@
   const knowledgeData = async (
     params = { page: 1, page_size: 20 }
   ) => {
-    setLoading(true);
+    listloading.value = true;
     try {
       const { data } = await queryKbList(params);
-      console.log(data, 'data');
+      // console.log(data, 'data');
       tabs.value = data;
-      console.log(tabs.value, 'tabs');
+      // console.log(tabs.value, 'tabs');
       if(tabs.value.length>0 && tabs.value[0]){
         kbobj = tabs.value[0]
         kbId = kbobj.id;
-        testForm.value.changekbid(kbId);
-        configForm.value.changekbObj(kbobj);
+        activeKey.value = '1';
         fetchData({
           kb_id: kbobj.id,
           page: 1,
           page_size: 20
         })
+        getKbdetail(kbobj.id)
+      }else{
+
       }
       // renderData.value = data.list;
       // console.log(renderData, 'renderData');
@@ -580,29 +578,106 @@
     } catch (err) {
       // you can report use errorHandler or other
     } finally {
-      setLoading(false);
+      listloading.value = false;
     }
   };
 
-  const deleteKnowledge = async (id) => {
-    let data = await deleteKnow({
-      kb_id:id
-    })
-    if(data.code == 0){
-      Message.success('鍒犻櫎鎴愬姛');
-      knowledgeData()
+
+  const getKbdetail = async (kb_id) => {
+    //   鏌ヨ鐭ヨ瘑搴撹鎯�
+    const data = await queryKbdetail({
+      kb_id:kb_id,
+    });
+    kbdetail = data.data;
+    testForm.value.changekbid(kbdetail.id);
+    configForm.value.changekbObj(kbdetail);
+  };
+
+
+
+
+const getknowledge = async (id) => {
+  setLoading(true);
+  try {
+    const { data } = await queryKbList({ page: 1, page_size: 20 });
+    console.log(data, '鏌ヨ鐭ヨ瘑搴撳垪琛�');
+    tabs.value = data;
+    if(tabs.value.length>0){
+      // 瀹氫綅鍒版柊澧炵殑鐭ヨ瘑搴撳崟鍏�
+      selectedTab.value = tabs.value.findIndex(item=>item.id==id);
+      getKbdetail(id) // 鑾峰彇璇︽儏
+      activeKey.value = '3';
     }
+
+
+
+
+
+
+  } catch (err) {
+    // you can report use errorHandler or other
+  } finally {
+    setLoading(false);
+  }
+};
+
+  const deleteKnowledge = (id) => {
+    Modal.confirm({
+      title: '鎻愮ず淇℃伅',
+      content: '纭鍒犻櫎鍚�',
+      okText: '纭畾',
+      cancelText: '鍙栨秷',
+      hideTitle: true,
+      onOk: async () => {
+        let data = await deleteKnow({
+          kb_id:id
+        })
+        if(data.code == 0){
+          Message.success('鍒犻櫎鎴愬姛');
+          knowledgeData()
+        }
+      },
+      onCancel: () => {},
+    });
   }
   const reset = () => {
     formModel.value = generateFormModel();
   };
-
+  function handleTabChange(key) {
+    // 澶勭悊鏍囩鏀瑰彉浜嬩欢
+    console.log('Changed to tab:', key);
+    activeKey.value=key;
+  }
   const handleSelectDensity = (
     val: string | number | Record<string, any> | undefined,
     e: Event
   ) => {
     size.value = val as SizeProps;
   };
+
+  const cancleConfig = () => {
+    activeKey.value = '1';
+    let id = tabs.value[selectedTab.value].id;
+    fetchData({
+      kb_id: id,
+      page: 1,
+      page_size: 20
+    })
+  }
+
+  const saveConfig = async () => {
+    activeKey.value = '1';
+    let id = tabs.value[selectedTab.value].id;
+    const { data } = await queryKbList({ page: 1, page_size: 20 });
+    tabs.value = data;
+    fetchData({
+      kb_id: id,
+      page: 1,
+      page_size: 20
+    })
+    getKbdetail(id) // 鑾峰彇璇︽儏
+  }
+
 
   const handleChange = (
     checked: boolean | (string | boolean | number)[],
@@ -673,7 +748,7 @@
     let data = await kbdocumentrm({doc_id: row.id})
     if(data.code == 0){
       Message.success('鍒犻櫎鎴愬姛');
-      console.log(kbobj, 'kbobj');
+      // console.log(kbobj, 'kbobj');
       fetchData({
         kb_id: kbobj.id,
         page: 1,
@@ -722,7 +797,7 @@
 
 
 const   run =  async (row)=>{
-  console.log(row);
+  // console.log(row);
   row.loading = true;
   let run = '1'
   if(row.run!='2'){
@@ -741,6 +816,12 @@
     Message.error('瑙f瀽澶辫触');
     row.run = '1';
   }
+  fetchData({
+    kb_id: tabs.value[selectedTab.value].id,
+    page: 1,
+    page_size: 20
+  })
+
   row.loading = false;
 }
 
@@ -764,7 +845,10 @@
     { deep: true, immediate: true }
   );
 
-  onBeforeMount(()=>{
+  onBeforeMount(async()=>{
+    // const  {data}  = await queryKbtenantInfo();
+    // Object.assign(kbtenantInfo,data);
+    // console.log(kbtenantInfo,'kbtenantInfo鐨勬暟鎹�');
 
   })
   onMounted(()=>{

--
Gitblit v1.8.0