1.回收站功能前后端实现

2.文件管理前后端实现
3.样式未调整、功能初步测试通过

zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/LeftSidebarCli.vue

@@ -1,5 +1,5 @@
 <template>
-	<div style="padding: 10px;height: 100%;box-sizing: border-box;background: #fafafa;">
+	<div style="padding: 10px;height: 100%;box-sizing: border-box;background: #fafafa;position: relative">
 		<div style="margin-bottom: 5px">
 			<el-select :model-value="choiceSpace" filterable placeholder="选择空间" @change="spaceChangeEvents" style="width: 100%">
 				<el-option-group label="" v-if="!props.readOnly">
@@ -54,9 +54,9 @@
 				</template>
 			</el-tree>
 		</div>
-		<div class="sidebar-tool-box">
-			<a-divider />
-			<span >
+		<div v-if="!props.readOnly" class="sidebar-tool-box">
+			<span class="sidebar-tool-box-bottom">
+				<a-divider />
 				<a-button type="text" @click="routeToFileCtl()">
 					<template #icon><DatabaseOutlined /></template>
 					文件管理
@@ -78,6 +78,7 @@ import pageApi from '../../assets/api/page'
 import {useStoreDisplay} from "@/store/wikiDisplay";
 import {useStorePageData} from "@/store/pageData";
 import {DatabaseOutlined,DeleteOutlined} from '@ant-design/icons-vue';
+import {useStoreSpaceData} from "@/store/spaceData";
 
 
 let emit = defineEmits(['doGetPageList', 'spaceChangeEvents', 'setNowPageId'])
@@ -91,7 +92,9 @@ let router = useRouter();
 let defaultProps = ref({children: 'children', label: 'name',});
 let wikiPage = ref({});
 let wikiPageTreeRef = ref();
+let storePage = useStorePageData();
 let storeDisplay = useStoreDisplay();
+let storeSpace = useStoreSpaceData();
 let props = defineProps({
 	wikiPageList: Array,
 	spaceOptions: Array,
@@ -155,7 +158,6 @@ const filterPageNode = (value, data) => {
 const searchByKeywords = () => {
 	wikiPageTreeRef.value.filter(searchKeywords.value)
 }
-let storePage = useStorePageData();
 const handleNodeClick = (data) => {
 	//console.log('点击节点：', data, props.nowPageId)
 	storeDisplay.showHeader = true
@@ -197,7 +199,14 @@ defineExpose({searchByKeywords})
 </script>
 <style scoped>
 	.sidebar-tool-box{
-		text-align:center;
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		right: 0;
+
+	}
+	.sidebar-tool-box-bottom{
+
 	}
 </style>