From e67d5ed9974308207b7f6340bb3952240978546c Mon Sep 17 00:00:00 2001 From: liudong <liudong> Date: 星期五, 09 八月 2024 17:21:51 +0800 Subject: [PATCH] 知识库管理的bug修改 --- src/views/dmx/knowledgeLib/index.vue | 111 ++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 81 insertions(+), 30 deletions(-) diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue index 8213788..38f1e7e 100644 --- a/src/views/dmx/knowledgeLib/index.vue +++ b/src/views/dmx/knowledgeLib/index.vue @@ -10,7 +10,7 @@ /> <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" @@ -21,19 +21,20 @@ > {{ tab.name }} <a-popover position="bl"> - <icon-more :style="{position: 'absolute',top:'10px',right:'20px'}"/> + <icon-more :style="{position: 'absolute',top:'10px',right:'10px'}"/> <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" v-if="tabs.length > 0"> - <a-tabs :activeKey="activeKey" @change="handleTabChange"> + <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"> @@ -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,6 +360,7 @@ const size = ref<SizeProps>('medium'); let visible = ref(false) + let listloading = ref(false) let keywords = ref('') let activeKey = ref('1') let detailsShow = ref(false) @@ -549,7 +552,7 @@ const knowledgeData = async ( params = { page: 1, page_size: 20 } ) => { - setLoading(true); + listloading.value = true; try { const { data } = await queryKbList(params); // console.log(data, 'data'); @@ -575,7 +578,7 @@ } catch (err) { // you can report use errorHandler or other } finally { - setLoading(false); + listloading.value = false; } }; @@ -604,8 +607,6 @@ selectedTab.value = tabs.value.findIndex(item=>item.id==id); getKbdetail(id) // 鑾峰彇璇︽儏 activeKey.value = '3'; - // 璇︽儏 - // const kbtenantInfo = await queryKbtenantInfo(); } @@ -620,19 +621,29 @@ } }; - const deleteKnowledge = async (id) => { - let data = await deleteKnow({ - kb_id:id - }) - if(data.code == 0){ - Message.success('鍒犻櫎鎴愬姛'); - knowledgeData() - } + 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: string) { + function handleTabChange(key) { // 澶勭悊鏍囩鏀瑰彉浜嬩欢 console.log('Changed to tab:', key); activeKey.value=key; @@ -643,6 +654,30 @@ ) => { 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)[], @@ -713,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, @@ -762,7 +797,7 @@ const run = async (row)=>{ - console.log(row); + // console.log(row); row.loading = true; let run = '1' if(row.run!='2'){ @@ -781,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; } @@ -804,7 +845,10 @@ { deep: true, immediate: true } ); - onBeforeMount(()=>{ + onBeforeMount(async()=>{ + // const {data} = await queryKbtenantInfo(); + // Object.assign(kbtenantInfo,data); + // console.log(kbtenantInfo,'kbtenantInfo鐨勬暟鎹�'); }) onMounted(()=>{ @@ -848,6 +892,7 @@ width: 90%; //height: 56rem; border: 1px solid var(--color-fill-3); + border-radius: 8px; //padding: 10px; margin-bottom: 10px; //.tabs{ @@ -860,23 +905,29 @@ box-sizing: border-box; margin: 10px 10px; padding:0 10px; - color: rgba(0, 0, 0, 0.88); + padding-right: 20%; font-size: 14px; height: 40px; line-height: 40px; list-style: none; position: relative; - background: #ffffff; - border: 1px solid #f0f0f0; + color: var(--color-text-1); + border: 1px solid var(--color-neutral-3); + background: var(--color-bg-2); border-radius: 8px; + overflow: hidden; /* 纭繚瓒呭嚭瀹瑰櫒鐨勬枃鏈闅愯棌 */ + white-space: nowrap; /* 闃叉鏂囨湰鎹㈣ */ + text-overflow: ellipsis; /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */ } .tab:hover { - border: 1px solid #ffffff; + color: #2a2a2b; + border: 1px solid var(--color-neutral-3); 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); } .tab.active { - border: 1px solid #e8e8ea; + color: #2a2a2b; + border: 1px solid var(--color-neutral-1); background: #e8e8ea; cursor: pointer; } -- Gitblit v1.8.0