From ae69b91e45992be0e38c7b1c205c83f83243bbb7 Mon Sep 17 00:00:00 2001 From: liudong <liudong> Date: 星期三, 07 八月 2024 14:20:55 +0800 Subject: [PATCH] 知识库页面修改 --- src/views/dmx/knowledgeLib/addKnow.vue | 21 +--------- src/views/dmx/knowledgeLib/index.vue | 64 ++++++++++++++++++------------- 2 files changed, 40 insertions(+), 45 deletions(-) diff --git a/src/views/dmx/knowledgeLib/addKnow.vue b/src/views/dmx/knowledgeLib/addKnow.vue index 7d854be..1146c01 100644 --- a/src/views/dmx/knowledgeLib/addKnow.vue +++ b/src/views/dmx/knowledgeLib/addKnow.vue @@ -26,12 +26,8 @@ import { Message } from '@arco-design/web-vue'; const visible = ref(false); -const loading = ref(false); const form = reactive({ name: '',// 鐢ㄦ埛鍚� - nameJoin: '',// 鏄电О - post: '',// 宀椾綅 - txt: '',// 澶囨敞 }); const formRef = ref(null); @@ -45,7 +41,7 @@ } -const emit = defineEmits(['getknowledge']) +const emit = defineEmits(['getknowledge','getKbdetail']) const handleSubmit = async({values, errors}) => { if(errors) return; @@ -55,7 +51,8 @@ if(data.code == 0){ visible.value = false; Message.success('鍒涘缓鎴愬姛'); - emit("getknowledge"); + // emit('getKbdetail',data.data.kb_id); + emit("getknowledge",data.data.kb_id); } } @@ -80,9 +77,6 @@ const handleOpened =(el) => { Object.assign(form,{ name: '',// 鐢ㄦ埛鍚� - nameJoin: '',// 鏄电О - post: '',// 宀椾綅 - txt: '',// 澶囨敞 }); formRef.value.resetFields(); } @@ -94,13 +88,4 @@ }) -</script> - -<script lang="ts"> -export default { - name: 'add', - methods: { - - } -}; </script> \ No newline at end of file diff --git a/src/views/dmx/knowledgeLib/index.vue b/src/views/dmx/knowledgeLib/index.vue index b61853d..a85dd5e 100644 --- a/src/views/dmx/knowledgeLib/index.vue +++ b/src/views/dmx/knowledgeLib/index.vue @@ -8,7 +8,7 @@ :placeholder="$t('cardList.searchInput.placeholder')" style="width: 130px;" /> - <addKnow @getknowledge="getknowledge"></addKnow> + <addKnow @getknowledge="getknowledge" @getKbdetail="getKbdetail"></addKnow> </div> <div class="lf-container-down"> <a-scrollbar style="height:56rem;overflow: auto;"> @@ -32,8 +32,8 @@ </a-scrollbar> </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,7 @@ @change="search" /> <!--鏂板缓--> - <span v-if="tabs.length > 0"> + <span> <add :kbobj="kbobj" @changeFetchData="changeFetchData"/> </span> </a-col> @@ -359,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) @@ -389,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 = { @@ -523,10 +523,6 @@ pagination.current = params.page; pagination.total = data.data.total; - // 鏌ヨ鐭ヨ瘑搴撹鎯� - // kbdetail = await queryKbdetail({ - // kb_id:params.kb_id, - // }); } } catch (err) { @@ -565,13 +561,15 @@ 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'); @@ -583,24 +581,32 @@ setLoading(false); } }; -const getknowledge = async ( - params = { page: 1, page_size: 20 } -) => { + + + 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(params); + const { data } = await queryKbList({ page: 1, page_size: 20 }); console.log(data, '鏌ヨ鐭ヨ瘑搴撳垪琛�'); tabs.value = data; - if(tabs.value.length>0 && tabs.value[0]){ - kbobj = tabs.value[0] - kbId = kbobj.id; - testForm.value.changekbid(kbId); - configForm.value.changekbObj(kbobj); - // fetchData({ - // kb_id: kbobj.id, - // page: 1, - // page_size: 20 - // }) + if(tabs.value.length>0){ + // 瀹氫綅鍒版柊澧炵殑鐭ヨ瘑搴撳崟鍏� + selectedTab.value = tabs.value.findIndex(item=>item.id==id); + getKbdetail(id) // 鑾峰彇璇︽儏 + activeKey.value = '3'; } @@ -627,7 +633,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 -- Gitblit v1.8.0