文档展示样式优化

zyplayer-doc-ui/wiki-ui/src/components/layouts/GlobalLayout.vue

@@ -9,7 +9,7 @@
 				<el-header v-if="storeDisplay.showHeader">
 					<RightHeader ref="rightHeaderRef"/>
 				</el-header>
-				<el-main style="padding: 0; border-left: 1px solid #dcdfe6">
+				<el-main style="padding: 0;">
 					<router-view/>
 				</el-main>
 			</el-container>

zyplayer-doc-ui/wiki-ui/src/components/layouts/LeftSidebar.vue

@@ -57,9 +57,6 @@
 									<a-menu-item @click="rename(node,data)">
 										<IconParkEditTwo class="el-icon"/> 重命名
 									</a-menu-item>
-									<a-menu-item @click="deleteWikiPage(data.shareStatus)">
-										<IconParkDelete class="el-icon"/> 删除
-									</a-menu-item>
 									<a-sub-menu title="移动文档">
 										<template #icon><IconParkIntersection/></template>
 										<a-menu-item @click="openMoveMenu(false)">
@@ -72,6 +69,9 @@
 									<a-menu-item v-if="data.editorType !== 0" @click="openTemplateCreate(data.shareStatus !== undefined)">
 										<IconParkPageTemplate/> 设为模板
 									</a-menu-item>
+									<a-menu-item @click="deleteWikiPage(data.shareStatus)">
+										<IconParkDelete class="el-icon"/> 删除
+									</a-menu-item>
 								</a-menu>
 							</template>
 						</a-dropdown>

zyplayer-doc-ui/wiki-ui/src/components/layouts/RightHeader.vue

@@ -6,7 +6,7 @@
 					<el-button @click="turnLeftCollapse" v-if="storeDisplay.showMenu" text :icon="ElIconFold" class="fold-btn"></el-button>
 					<el-button @click="turnLeftCollapse" v-else text :icon="ElIconExpand" class="fold-btn"></el-button>
 				</div>
-				<div class="title-time-box">
+				<div v-if="storeDisplay.currentPage === 'view'" class="title-time-box">
 					<div class="title">
 						<span class="text">{{storePage.pageInfo.name || ''}}</span>
 					</div>
@@ -16,36 +16,38 @@
 		</el-col>
 		<el-col :span="12" style="text-align: right;">
 			<div class="header-action-box">
-				<el-tooltip v-if="storePage.pageAuth.canEdit === 1" content="编辑文档">
-					<el-button class="hover-button" @click="editWiki" text><IconParkEdit size="18"/></el-button>
-				</el-tooltip>
-				<el-tooltip content="文档沟通">
-					<el-button class="hover-button" @click="showCommentWiki" text><IconParkCommunication size="18"/></el-button>
-				</el-tooltip>
-				<UserMessagePopover/>
-				<a-dropdown trigger="click" placement="bottom" overlayClassName="header-action-more-dropdown">
-					<span style="line-height: 60px;display:inline-block;margin: 0 12px;">
+				<template v-if="storeDisplay.currentPage === 'view'">
+					<el-tooltip v-if="storePage.pageAuth.canEdit === 1" content="编辑文档">
+						<el-button class="hover-button" @click="editWiki" text><IconParkEdit size="18"/></el-button>
+					</el-tooltip>
+					<el-tooltip content="文档沟通">
+						<el-button class="hover-button" @click="showCommentWiki" text><IconParkCommunication size="18"/></el-button>
+					</el-tooltip>
+					<UserMessagePopover/>
+					<a-dropdown trigger="click" placement="bottom" overlayClassName="header-action-more-dropdown">
+					<span style="line-height: 60px;display:inline-block;margin: 0 8px;">
 						<el-button :icon="ElIconMoreFilled" class="hover-button" text></el-button>
 					</span>
-					<template #overlay>
-						<a-menu>
-							<a-menu-item @click="editWikiAuth" v-if="storePage.pageAuth.canConfigAuth === 1"><el-icon><ElIconSCheck/></el-icon> 权限设置</a-menu-item>
-							<a-menu-item @click="showOpenPage" v-if="storeSpace.spaceInfo.openDoc === 1"><el-icon><ElIconShare/></el-icon> 查看开放文档</a-menu-item>
-							<a-menu-item @click="showMobileView" v-if="storeSpace.spaceInfo.openDoc === 1"><el-icon><ElIconMobilePhone/></el-icon> 手机端查看</a-menu-item>
-							<a-menu-item @click="exportWord"><el-icon><ElIconDownload/></el-icon>导出为Word</a-menu-item>
-							<a-menu-divider />
-							<a-menu-item @click="deleteWikiPage" v-if="storePage.pageAuth.canDelete === 1" class="delete"><el-icon><ElIconDelete/></el-icon> 删除</a-menu-item>
-						</a-menu>
-					</template>
-				</a-dropdown>
+						<template #overlay>
+							<a-menu>
+								<a-menu-item @click="editWikiAuth" v-if="storePage.pageAuth.canConfigAuth === 1"><el-icon><ElIconSCheck/></el-icon> 权限设置</a-menu-item>
+								<a-menu-item @click="showOpenPage" v-if="storeSpace.spaceInfo.openDoc === 1"><el-icon><ElIconShare/></el-icon> 查看开放文档</a-menu-item>
+								<a-menu-item @click="showMobileView" v-if="storeSpace.spaceInfo.openDoc === 1"><el-icon><ElIconMobilePhone/></el-icon> 手机端查看</a-menu-item>
+								<a-menu-item @click="exportWord"><el-icon><ElIconDownload/></el-icon>导出为Word</a-menu-item>
+								<a-menu-divider />
+								<a-menu-item @click="deleteWikiPage" v-if="storePage.pageAuth.canDelete === 1" class="delete"><el-icon><ElIconDelete/></el-icon> 删除</a-menu-item>
+							</a-menu>
+						</template>
+					</a-dropdown>
+				</template>
 				<a-dropdown trigger="click" placement="bottom" overlayClassName="header-action-user-dropdown">
 					<span style="line-height: 60px;display:inline-block;">
-						<el-button :icon="ElIconUser" class="hover-button" text></el-button>
+						<el-button :icon="ElIconUserFilled" class="hover-button" text></el-button>
 					</span>
 					<template #overlay>
 						<a-menu>
-							<a-menu-item @click="showConsole">控制台</a-menu-item>
 							<a-menu-item @click="showAbout">关于</a-menu-item>
+							<a-menu-item @click="showConsole">控制台</a-menu-item>
 							<a-menu-divider />
 							<a-menu-item @click="userSignOut">退出登录</a-menu-item>
 						</a-menu>
@@ -73,7 +75,7 @@ import {
 	Download as ElIconDownload,
 	MoreFilled as ElIconMoreFilled,
 	Setting as ElIconSetting,
-	User as ElIconUser,
+	UserFilled as ElIconUserFilled,
 } from '@element-plus/icons-vue'
 import {
 	Star as IconParkStar,
@@ -94,11 +96,11 @@ import MobileQrScanDialog from '@/views/page/show/MobileQrScanDialog.vue'
 import AboutDialog from "@/views/common/AboutDialog.vue"
 import UserMessagePopover from "./UserMessagePopover.vue"
 
+let router = useRouter();
 let storePage = useStorePageData();
 let storeDisplay = useStoreDisplay();
 let storeUser = useStoreUserData();
 let storeSpace = useStoreSpaceData();
-
 const emit = defineEmits(['collapse']);
 
 let turnLeftCollapse = () => {

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

@@ -3,13 +3,13 @@
 		<el-button :icon="ElIconPlus" text class="add-menu-dropdown-btn"></el-button>
 		<template #overlay>
 			<a-menu>
-				<a-menu-item key="1" @click="createWiki(1,props.funcId)">
-					<IconDocument fill="#498ba7"/> 创建富文本
+				<a-menu-item key="1" @click="createWiki(1, props.funcId)">
+					<IconParkWord fill="#498ba7"/> 创建富文本
 				</a-menu-item>
-				<a-menu-item key="2" @click="createWiki(2,props.funcId)">
-					<IconParkWord fill="#558ff2"/> 创建Markdown
+				<a-menu-item key="2" @click="createWiki(2, props.funcId)">
+					<IconDocument fill="#558ff2"/> 创建Markdown
 				</a-menu-item>
-				<a-menu-item key="0" @click="createWiki(0,props.funcId)">
+				<a-menu-item key="0" @click="createWiki(0, props.funcId)">
 					<FolderOpen fill="#ffd149"/> 创建文件夹
 				</a-menu-item>
 				<a-menu-item key="4" @click="createWikiByTemplate(props.funcId)">

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

@@ -3,7 +3,6 @@
 		<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">
-					<el-option :key="0" label="创建空间" :value="0"></el-option>
 					<el-option :key="-1" label="空间管理" :value="-1"></el-option>
 				</el-option-group>
 				<el-option-group label=""></el-option-group>