页面优化

2024-12-07 20:05:01 +08:00
parent 3dd0df2893
commit db4de0b319
15 changed files with 2197 additions and 35 deletions
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/aside/AddMenu.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/aside/AddMenu.vue
@@ -0,0 +1,124 @@
+<template>
+	<a-dropdown :trigger="['click']">
+		<a-button :icon="h(PlusOutlined)" type="text" style="color: #888;"></a-button>
+		<template #overlay>
+			<a-menu>
+				<a-menu-item @click="createWiki(1)">
+					<IconParkWord fill="#498ba7"/> 创建富文本
+				</a-menu-item>
+				<a-menu-item @click="createWiki(2)">
+					<IconDocument fill="#558ff2"/> 创建Markdown
+				</a-menu-item>
+				<a-menu-item @click="createWiki(0)">
+					<FolderOpen fill="#ffd149"/> 创建文件夹
+				</a-menu-item>
+				<a-menu-item @click="createWikiByTemplate()">
+					<IconParkPageTemplate/> 从模板创建
+				</a-menu-item>
+<!--				<a-menu-item key="3">-->
+<!--					<el-tooltip content="支持MD，ZIP格式（图片和MD文件请放到同级目录并配置同级相对路径）" placement="right-start" :show-after="300">-->
+<!--						<a-upload v-model:file-list="fileList" name="file" :multiple="false" :customRequest="doAUpload" class="import-upload">-->
+<!--							<IconParkAfferent/> 导入-->
+<!--						</a-upload>-->
+<!--					</el-tooltip>-->
+<!--				</a-menu-item>-->
+			</a-menu>
+		</template>
+	</a-dropdown>
+</template>
+
+<script setup>
+import { PlusOutlined } from '@ant-design/icons-vue';
+import {FolderOpen, Word as IconParkWord, Afferent as IconParkAfferent, PageTemplate as IconParkPageTemplate,} from '@icon-park/vue-next'
+import {ref, defineProps, defineEmits, h} from 'vue';
+import {useRouter} from "vue-router";
+import {ElMessage} from 'element-plus'
+import pageApi from '@/assets/api/page'
+import axios from "axios";
+import IconDocument from '@/components/base/IconDocument.vue'
+import {useStorePageData} from "@/store/pageData";
+import {useStoreSpaceData} from "@/store/spaceData";
+
+let router = useRouter();
+let storePage = useStorePageData();
+let storeSpace = useStoreSpaceData();
+
+let uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + '/zyplayer-doc-wiki/page/file/import/upload');
+let fileList = ref([]);
+let emit = defineEmits(['createWikiByTemplate']);
+let props = defineProps({
+	pageId: Number
+});
+const doAUpload = (data) => {
+	let formData = new FormData();
+	formData.append('files', data.file);
+	formData.append('pageId', props.pageId);
+	if (props.pageId === 0) {
+		formData.append('id', storeSpace.chooseSpaceId);
+	}
+	axios({
+		url: uploadFileUrl.value,
+		method: 'post',
+		data: formData,
+		headers: {'Content-Type': 'multipart/form-data'},
+		timeout: 10000,
+		withCredentials: true,
+	}).then((res) => {
+		fileList.value = [];
+		if (res.data.errCode === 200) {
+			ElMessage.success('导入成功');
+		}
+		if (res.data.errCode === 300) {
+			ElMessage.warning(res.data.errMsg);
+			ElMessage.warning('文件太多可能超时，如果是超时，请稍等后刷新查看列表~');
+		}
+		storePage.eventPageListUpdate = !storePage.eventPageListUpdate;
+	}).catch((e) => {
+		fileList.value = [];
+		ElMessage.error('导入失败：' + e.message);
+	});
+}
+const createWikiByTemplate = () => {
+	// TODO
+}
+const createWiki = (editorType) => {
+	if (storeSpace.chooseSpaceId > 0) {
+		let name = "新建文档";
+		if (editorType === 0) name = "新建文件夹";
+		pageApi.updatePage({
+			spaceId: storeSpace.chooseSpaceId,
+			parentId: props.pageId,
+			editorType: editorType,
+			name: name,
+			content: '',
+			preview: ''
+		}).then((json) => {
+			storePage.eventPageListUpdate = !storePage.eventPageListUpdate;
+			ElMessage.success('创建成功');
+			if (editorType !== 0) {
+				router.push({path: '/page/edit', query: {parentId: props.pageId, pageId: json.data.id}});
+			}
+		})
+	} else {
+		ElMessage.warning('请先选择或创建空间');
+	}
+}
+</script>
+
+<style lang="scss">
+.add-menu-dropdown-btn {
+	padding: 0 8px;
+	height: 35px;
+	margin-top: -1px;
+}
+
+.import-upload {
+	.ant-upload-select {
+		display: block;
+
+		.ant-upload {
+			display: block;
+		}
+	}
+}
+</style>