11<template >
22 <LayoutContainer class =" knowledge-manage" >
33 <template #left >
4- <div class =" p-8" ></div >
4+ <h4 class =" p-8" >{{ $t('views.knowledge.title') }}</h4 >
5+ <folder-tree
6+ :data =" folderList"
7+ :currentNodeKey =" currentFolder?.id"
8+ @handleNodeClick =" folderClickHandel"
9+ />
510 </template >
611 <ContentContainer >
712 <div class =" flex-between mb-16" >
8- <h4 >{{ $t('views.knowledge.title') }}</h4 >
13+ <h4 >{{ currentFolder?.name }}</h4 >
914 <div class =" flex-between" ></div >
1015 </div >
1116 <div >
@@ -86,12 +91,13 @@ const paginationConfig = reactive({
8691 total: 0 ,
8792})
8893
94+ const folderList = ref <any []>([])
8995const datasetList = ref <any []>([])
90- const folderId = ref <string >( ' root ' )
96+ const currentFolder = ref <any >({} )
9197
9298function getList() {
9399 const params = {
94- folder_id: folderId .value ,
100+ folder_id: currentFolder .value ?. id || ' root ' ,
95101 }
96102 KnowledgeApi .getKnowledgeList (' default' , paginationConfig , params , loading ).then ((res ) => {
97103 paginationConfig .total = res .data .total
@@ -102,14 +108,14 @@ function getList() {
102108function getFolder() {
103109 const params = {}
104110 folder .asynGetFolder (' default' , ' KNOWLEDGE' , params , loading ).then ((res ) => {
105- // paginationConfig.total = res.data.total
106- // datasetList.value = [...datasetList.value, ...res.data.records]
111+ folderList .value = res .data
112+ currentFolder .value = res .data ?.[0 ] || {}
113+ getList ()
107114 })
108115}
109116
110117onMounted (() => {
111118 getFolder ()
112- getList ()
113119})
114120 </script >
115121
0 commit comments