From 7484a8abe6da6935b285e90ba164943e0727e3ef Mon Sep 17 00:00:00 2001 From: liudong <liudong> Date: 星期三, 07 八月 2024 16:01:04 +0800 Subject: [PATCH] 配置bug页面修改 --- src/views/dmx/knowledgeLib/index.vue | 141 ++++++++++++++++++++++++++++++++-------------- 1 files changed, 98 insertions(+), 43 deletions(-) diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue index 4cc8eca..8213788 100644 --- a/src/views/dmx/knowledgeLib/index.vue +++ b/src/views/dmx/knowledgeLib/index.vue @@ -8,10 +8,10 @@ :placeholder="$t('cardList.searchInput.placeholder')" style="width: 130px;" /> - <addKnow @knowledgeData="knowledgeData"></addKnow> + <addKnow @getknowledge="getknowledge" @getKbdetail="getKbdetail"></addKnow> </div> <div class="lf-container-down"> - <div class="tabs"> + <a-scrollbar style="height:56rem;overflow: auto;"> <div class="tab" v-for="(tab, index) in tabs" @@ -29,11 +29,11 @@ </template> </a-popover> </div> + </a-scrollbar> </div> - </div> </div> - <div class="rt-container"> - <a-tabs default-active-key="1"> + <div class="rt-container" v-if="tabs.length > 0"> + <a-tabs :activeKey="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 +54,9 @@ @change="search" /> <!--鏂板缓--> - <add :kbobj="kbobj" @changeFetchData="changeFetchData"/> + <span> + <add :kbobj="kbobj" @changeFetchData="changeFetchData"/> + </span> </a-col> </a-row> </a-form> @@ -176,34 +178,41 @@ <template #run="{ record }"> <div style="display: flex;align-items: center;"> <div style="width: 100px"> + <a-popover title="Title" v-if="record.run == '4'"> + <a-tag :loading="record.loading" :color="'blue'" border>{{$t('dmx.list.complete')}}</a-tag> + <template #content> + <p></p> + </template> + </a-popover> <a-popover title="Title" v-if="record.run == '3'"> <a-tag :loading="record.loading" :color="'blue'" border>{{$t('dmx.list.complete')}}</a-tag> <template #content> - <p>Here is the text content</p> + <p></p> </template> </a-popover> <a-popover title="Title" v-if="record.run == '1'"> <a-tag :loading="record.loading" :color="'blue'" border>{{$t('dmx.list.complete')}}</a-tag> <template #content> - <p>Here is the text content</p> + <p></p> </template> </a-popover> <a-popover title="Title" v-if="record.run == '2'"> <a-tag :loading="record.loading" :color="'gold'" border>{{$t('dmx.list.cancel')}}</a-tag> <template #content> - <p>Here is the text content</p> + <p></p> </template> </a-popover> <a-popover title="Title" v-if="record.run == '0'"> <a-tag :loading="record.loading" :color="'green'" border>{{$t('dmx.list.NotStarted')}}</a-tag> <template #content> - <p>Here is the text content</p> + <p></p> </template> </a-popover> </div> <div > <a-button type="text" size="large" @click="run(record)" :loading="record.loading"> <template #icon> + <icon-sync v-if="record.run == '4'"/> <icon-sync v-if="record.run == '3'"/> <icon-sync v-if="record.run == '2'"/> <icon-sync style="color: green" v-if="record.run == '1'"/> @@ -350,6 +359,7 @@ const size = ref<SizeProps>('medium'); let visible = ref(false) let keywords = ref('') + let activeKey = ref('1') let detailsShow = ref(false) let selectedTab = ref(0) let testForm = ref(null) @@ -362,15 +372,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([]) @@ -380,13 +390,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 = { @@ -491,10 +500,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; @@ -510,14 +516,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) { @@ -550,19 +552,21 @@ setLoading(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'); @@ -574,6 +578,47 @@ setLoading(false); } }; + + + 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'; + // 璇︽儏 + // const kbtenantInfo = await queryKbtenantInfo(); + } + + + + + + + } catch (err) { + // you can report use errorHandler or other + } finally { + setLoading(false); + } +}; const deleteKnowledge = async (id) => { let data = await deleteKnow({ @@ -587,7 +632,11 @@ const reset = () => { formModel.value = generateFormModel(); }; - + function handleTabChange(key: string) { + // 澶勭悊鏍囩鏀瑰彉浜嬩欢 + console.log('Changed to tab:', key); + activeKey.value=key; + } const handleSelectDensity = ( val: string | number | Record<string, any> | undefined, e: Event @@ -785,7 +834,8 @@ flex-direction: column; align-items: center; justify-content: space-evenly; - background: #ffffff; + //background: #ffffff; + background: var(--color-bg-2); width: 200px; .lf-container-top{ display: flex; @@ -794,16 +844,21 @@ .lf-container-down{ display: flex; flex-direction: column; + box-sizing: border-box; width: 90%; - height: 56rem; - border: 1px solid #eeeeee; - overflow: auto; - padding: 10px; + //height: 56rem; + border: 1px solid var(--color-fill-3); + //padding: 10px; margin-bottom: 10px; - .tabs .tab { + //.tabs{ + // width: 100%; + // height: 100%; + // overflow: auto; + //} + .tab { cursor: pointer; box-sizing: border-box; - margin: 10px 0; + margin: 10px 10px; padding:0 10px; color: rgba(0, 0, 0, 0.88); font-size: 14px; @@ -815,12 +870,12 @@ border: 1px solid #f0f0f0; border-radius: 8px; } - .tabs .tab:hover { + .tab:hover { border: 1px solid #ffffff; background: #e8e8ea; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } - .tabs .tab.active { + .tab.active { border: 1px solid #e8e8ea; background: #e8e8ea; cursor: pointer; -- Gitblit v1.8.0