From d6bcfc5492774a87011d573610260eaa97519c92 Mon Sep 17 00:00:00 2001
From: sswiki <admin@zyplayer.com>
Date: Mon, 9 Dec 2024 22:14:51 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E4=BC=98=E5=8C=96=EF=BC=8Cma?=
 =?UTF-8?q?rkdown=E6=B8=B2=E6=9F=93=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/mapper/WikiPageMapper.java         |   2 +-
 zyplayer-doc-ui/wiki-ui/src/App.vue           |   2 +-
 .../wiki-ui/src/assets/api/common.js          |   4 +-
 .../wiki-ui/src/assets/api/page.js            |   4 +-
 .../wiki-ui/src/assets/api/request.js         |  38 +--
 .../wiki-ui/src/assets/api/system.js          |   4 +-
 .../wiki-ui/src/assets/api/user.js            |   4 +-
 .../wiki-ui/src/assets/lib/HtmlUtil.js        |  18 +-
 .../wiki-ui/src/assets/lib/UnitUtil.js        |  10 +-
 .../wiki-ui/src/assets/lib/wangEditor.css     |  46 ---
 .../wiki-ui/src/assets/scss/base.scss         |  18 --
 .../wiki-ui/src/assets/scss/highlight.scss    |  66 ++++
 .../wiki-ui/src/assets/scss/markdown.scss     | 269 ++++++++++++++++
 .../wiki-ui/src/assets/scss/pageView.scss     | 294 ++++++++++++++++++
 .../src/components/base/ImageViewer.vue       |   2 +-
 .../src/components/layouts/LeftSidebar.vue    | 128 ++++----
 .../src/components/layouts/ShareLayout.vue    |  40 +--
 .../components/layouts/ShareMobileLayout.vue  |  32 +-
 .../components/layouts/UserMessagePopover.vue |  34 +-
 .../src/components/leftSideBar/AddMenu.vue    |  22 +-
 .../components/leftSideBar/LeftSidebarCli.vue |  62 ++--
 .../src/components/space/CreateSpace.vue      |  34 +-
 .../components/template/TemplateManage.vue    | 138 ++++----
 .../wiki-ui/src/composable/windowsScroll.js   |   4 +-
 zyplayer-doc-ui/wiki-ui/src/main.js           |  32 +-
 zyplayer-doc-ui/wiki-ui/src/routes.js         |  30 +-
 zyplayer-doc-ui/wiki-ui/src/store/pageData.js |   2 +-
 .../wiki-ui/src/store/spaceData.js            |   2 +-
 zyplayer-doc-ui/wiki-ui/src/store/userData.js |   4 +-
 .../wiki-ui/src/store/wikiDisplay.js          |   4 +-
 .../wiki-ui/src/views/common/AboutDialog.vue  |   2 +-
 .../wiki-ui/src/views/common/NoAuth.vue       |   2 +-
 .../wiki-ui/src/views/home/Home.vue           |  28 +-
 .../wiki-ui/src/views/page/Edit.vue           | 160 +++++-----
 .../wiki-ui/src/views/page/PageLayout.vue     |   8 +-
 .../wiki-ui/src/views/page/Search.vue         |  28 +-
 .../wiki-ui/src/views/page/View.vue           |  90 +++---
 .../wiki-ui/src/views/page/aside/AddMenu.vue  |  16 +-
 .../src/views/page/aside/LeftAside.vue        |  70 ++---
 .../src/views/page/aside/RightHeader.vue      |  24 +-
 .../src/views/page/components/Navigation.vue  |  18 +-
 .../src/views/page/editor/WangEditor.vue      |  10 +-
 .../src/views/page/share/mobile/View.vue      |  60 ++--
 .../wiki-ui/src/views/page/share/pc/Home.vue  |  24 +-
 .../wiki-ui/src/views/page/share/pc/View.vue  |  44 +--
 .../wiki-ui/src/views/page/show/Annex.vue     |  10 +-
 .../wiki-ui/src/views/page/show/Comment.vue   |  62 ++--
 .../views/page/show/MobileQrScanDialog.vue    |  10 +-
 .../src/views/page/show/Navigation.vue        |   7 +-
 .../src/views/page/show/PageAuthDialog.vue    |   8 +-
 .../src/views/page/show/PageHistory.vue       |  22 +-
 .../wiki-ui/src/views/page/show/PageZan.vue   |  22 +-
 .../wiki-ui/src/views/space/Manage.vue        | 122 ++++----
 .../wiki-ui/src/views/user/MyInfo.vue         |  10 +-
 .../wiki-ui/src/views/view/PageLayout.vue     |  73 +----
 .../wiki-ui/src/views/view/View.vue           | 118 +++----
 .../wiki-ui/src/views/view/aside/AddMenu.vue  |   8 +-
 .../src/views/view/aside/LeftAside.vue        |  20 +-
 .../src/views/view/aside/RightHeader.vue      |  36 +--
 .../wiki-ui/src/views/view/show/Annex.vue     |  80 -----
 .../wiki-ui/src/views/view/show/Comment.vue   |  64 ++--
 .../wiki-ui/src/views/view/show/Files.vue     | 196 ++++++++++++
 .../views/view/show/MobileQrScanDialog.vue    |  28 +-
 .../src/views/view/show/Navigation.vue        |  85 ++++-
 .../src/views/view/show/PageAuthDialog.vue    |   8 +-
 .../src/views/view/show/PageHistory.vue       |  46 ++-
 .../wiki-ui/src/views/view/show/PageZan.vue   | 116 ++++---
 .../controller/WikiPageHistoryController.java |   4 +-
 68 files changed, 1885 insertions(+), 1203 deletions(-)
 delete mode 100644 zyplayer-doc-ui/wiki-ui/src/assets/lib/wangEditor.css
 create mode 100644 zyplayer-doc-ui/wiki-ui/src/assets/scss/highlight.scss
 create mode 100644 zyplayer-doc-ui/wiki-ui/src/assets/scss/markdown.scss
 create mode 100644 zyplayer-doc-ui/wiki-ui/src/assets/scss/pageView.scss
 delete mode 100644 zyplayer-doc-ui/wiki-ui/src/views/view/show/Annex.vue
 create mode 100644 zyplayer-doc-ui/wiki-ui/src/views/view/show/Files.vue

diff --git a/zyplayer-doc-data/src/main/java/org/dromara/zyplayer/data/repository/manage/mapper/WikiPageMapper.java b/zyplayer-doc-data/src/main/java/org/dromara/zyplayer/data/repository/manage/mapper/WikiPageMapper.java
index 4a441eb8..18b7de8f 100644
--- a/zyplayer-doc-data/src/main/java/org/dromara/zyplayer/data/repository/manage/mapper/WikiPageMapper.java
+++ b/zyplayer-doc-data/src/main/java/org/dromara/zyplayer/data/repository/manage/mapper/WikiPageMapper.java
@@ -19,7 +19,7 @@ import java.util.List;
  */
 public interface WikiPageMapper extends BaseMapper<WikiPage> {
 	
-	@Update("update wiki_page set zan_num=zan_num + #{numAdd} where id=#{id}")
+	@Update("update wiki_page set zan_num=if(zan_num is null or zan_num < 0,0,zan_num) + #{numAdd} where id=#{id}")
 	void updateZanNum(@Param("id") Long id, @Param("numAdd") Integer numAdd);
 	
 	@Update("update wiki_page set seq_no=seq_no + 1 where space_id = #{spaceId} and parent_id=#{parentId} and seq_no >= #{afterSeq} and del_flag=0")
diff --git a/zyplayer-doc-ui/wiki-ui/src/App.vue b/zyplayer-doc-ui/wiki-ui/src/App.vue
index e6cd8621..d9f6b55c 100644
--- a/zyplayer-doc-ui/wiki-ui/src/App.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/App.vue
@@ -5,7 +5,7 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
+import {ElMessageBox, ElMessage} from 'element-plus';
 import systemApi from "@/assets/api/system";
 import {useStoreUserData} from "@/store/userData";
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/api/common.js b/zyplayer-doc-ui/wiki-ui/src/assets/api/common.js
index d6dc7312..1a52581c 100644
--- a/zyplayer-doc-ui/wiki-ui/src/assets/api/common.js
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/api/common.js
@@ -1,5 +1,5 @@
-import Qs from 'qs'
-import request from './request'
+import Qs from 'qs';
+import request from './request';
 
 export default {
 	getUserBaseInfo: (data) => {
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/api/page.js b/zyplayer-doc-ui/wiki-ui/src/assets/api/page.js
index 7307342c..c2a8e9ae 100644
--- a/zyplayer-doc-ui/wiki-ui/src/assets/api/page.js
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/api/page.js
@@ -1,5 +1,5 @@
-import Qs from 'qs'
-import request from './request'
+import Qs from 'qs';
+import request from './request';
 
 export default {
 	pageUpdate: (data) => request({url: '/zyplayer-doc-wiki/page/update', method: 'post', data: Qs.stringify(data)}),
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/api/request.js b/zyplayer-doc-ui/wiki-ui/src/assets/api/request.js
index 8ba0ed63..86bf3bca 100644
--- a/zyplayer-doc-ui/wiki-ui/src/assets/api/request.js
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/api/request.js
@@ -1,54 +1,54 @@
-import axios from 'axios'
-import {ElMessageBox, ElMessage} from 'element-plus'
+import axios from 'axios';
+import {ElMessageBox, ElMessage} from 'element-plus';
 
 const service = axios.create({
 	baseURL: import.meta.env.VITE_APP_BASE_API, // url = base url + request url process.env.APP_BASE_API
 	timeout: 10000,
 	headers: {'Content-type': 'application/x-www-form-urlencoded'},
 	withCredentials: true,
-})
+});
 // 增加不需要验证结果的标记
 const noValidate = {
 	'/zyplayer-doc-db/executor/execute': true,
 }
 
 service.interceptors.request.use((config) => {
-		config.needValidateResult = true
+		config.needValidateResult = true;
 		// 增加不需要验证结果的标记
 		if (noValidate[config.url]) {
-			config.needValidateResult = false
+			config.needValidateResult = false;
 		}
-		return config
+		return config;
 	}, (error) => {
-		console.log(error)
-		return Promise.reject(error)
+		console.log(error);
+		return Promise.reject(error);
 	}
-)
+);
 let lastToastLoginTime = new Date().getTime();
 service.interceptors.response.use(
 	(response) => {
 		if (!!response.message) {
-			ElMessage.error('请求错误：' + response.message)
+			ElMessage.error('请求错误：' + response.message);
 		} else {
 			if (!response.config.needValidateResult || response.data.errCode === 200) {
-				return response.data
+				return response.data;
 			} else if (response.data.errCode === 400) {
 				// 两秒钟只提示一次
 				if (new Date().getTime() - lastToastLoginTime > 2000) {
 					ElMessage.warning('请先登录');
 					lastToastLoginTime = new Date().getTime();
 				}
-				let href = encodeURIComponent(window.location.href)
-				window.location = import.meta.env.VITE_APP_BASE_API + '#/user/login?redirect=' + href
+				let href = encodeURIComponent(window.location.href);
+				window.location = import.meta.env.VITE_APP_BASE_API + '#/user/login?redirect=' + href;
 			} else if (response.data.errCode !== 200) {
-				ElMessage.error(response.data.errMsg || '未知错误')
+				ElMessage.error(response.data.errMsg || '未知错误');
 			}
 		}
-		return Promise.reject('请求错误')
+		return Promise.reject('请求错误');
 	}, (error) => {
-		console.log('err' + error)
-		ElMessage.info('请求错误：' + error.message)
-		return Promise.reject(error)
+		console.log('err' + error);
+		ElMessage.info('请求错误：' + error.message);
+		return Promise.reject(error);
 	}
-)
+);
 export default service
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/api/system.js b/zyplayer-doc-ui/wiki-ui/src/assets/api/system.js
index 9f3390bc..7d9a27f3 100644
--- a/zyplayer-doc-ui/wiki-ui/src/assets/api/system.js
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/api/system.js
@@ -1,5 +1,5 @@
-import Qs from 'qs'
-import request from './request'
+import Qs from 'qs';
+import request from './request';
 
 export default {
 	systemUpgradeInfo: (data) => request({url: '/system/info/upgrade', method: 'post', data: Qs.stringify(data)}),
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/api/user.js b/zyplayer-doc-ui/wiki-ui/src/assets/api/user.js
index 1275a3dc..1a46ad32 100644
--- a/zyplayer-doc-ui/wiki-ui/src/assets/api/user.js
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/api/user.js
@@ -1,5 +1,5 @@
-import Qs from 'qs'
-import request from './request'
+import Qs from 'qs';
+import request from './request';
 
 export default {
 	userLogin: (data) => request({url: '/login', method: 'post', data: Qs.stringify(data)}),
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/lib/HtmlUtil.js b/zyplayer-doc-ui/wiki-ui/src/assets/lib/HtmlUtil.js
index fde780cf..ef528bbf 100644
--- a/zyplayer-doc-ui/wiki-ui/src/assets/lib/HtmlUtil.js
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/lib/HtmlUtil.js
@@ -1,25 +1,25 @@
 export default {
 	createNavigationHeading() {
-		let headArr = []
-		let headNode = document.querySelector('.wiki-page-content')
+		let headArr = [];
+		let headNode = document.querySelector('.wiki-page-content');
 		if (null === headNode){
-			return headArr
+			return headArr;
 		}
-		let headNodeArr = headNode.querySelectorAll('h1,h2,h3,h4,h5,h6')
+		let headNodeArr = headNode.querySelectorAll('h1,h2,h3,h4,h5,h6');
 		if (headNodeArr.length <= 0) {
-			return []
+			return [];
 		}
 		headNodeArr.forEach((node) => {
 			let text = node.innerHTML
 				.replace(/^\s+/g, '')
 				.replace(/\s+$/g, '')
-				.replace(/<\/?[^>]+(>|$)/g, '')
+				.replace(/<\/?[^>]+(>|$)/g, '');
 			headArr.push({
 				node: node,
 				level: parseInt(node.tagName.replace(/[h]/i, ''), 10),
 				text: text,
-			})
-		})
-		return headArr
+			});
+		});
+		return headArr;
 	},
 }
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/lib/UnitUtil.js b/zyplayer-doc-ui/wiki-ui/src/assets/lib/UnitUtil.js
index 1e730dd9..4a2b7d7a 100644
--- a/zyplayer-doc-ui/wiki-ui/src/assets/lib/UnitUtil.js
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/lib/UnitUtil.js
@@ -3,7 +3,7 @@ export default {
 		if (!fileSize) {
 			return '-'
 		}
-		let size = ''
+		let size = '';
 		if (fileSize < 0.1 * 1024) {
 			size = fileSize.toFixed(2) + 'B'
 		} else if (fileSize < 0.1 * 1024 * 1024) {
@@ -14,11 +14,11 @@ export default {
 			size = (fileSize / (1024 * 1024 * 1024)).toFixed(2) + 'GB'
 		}
 		let sizeStr = size + ''
-		let index = sizeStr.indexOf('.')
-		let dou = sizeStr.substr(index + 1, 2)
+		let index = sizeStr.indexOf('.');
+		let dou = sizeStr.substr(index + 1, 2);
 		if (dou == '00') {
-			return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2)
+			return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2);
 		}
-		return size
+		return size;
 	},
 }
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/lib/wangEditor.css b/zyplayer-doc-ui/wiki-ui/src/assets/lib/wangEditor.css
deleted file mode 100644
index 4cebe382..00000000
--- a/zyplayer-doc-ui/wiki-ui/src/assets/lib/wangEditor.css
+++ /dev/null
@@ -1,46 +0,0 @@
-/**展示内容的样式*/
-.wang-editor-body {
-	font-size: 14px;
-	padding: 6px;
-	overflow-y: auto;
-}
-
-.wang-editor-body table {
-	border-top: 1px solid #ccc;
-	border-left: 1px solid #ccc;
-}
-
-.wang-editor-body table td, .wang-editor-body table th {
-	border-bottom: 1px solid #ccc;
-	border-right: 1px solid #ccc;
-	padding: 3px 5px;
-}
-
-.wang-editor-body table th {
-	border-bottom: 2px solid #ccc;
-	text-align: center;
-}
-
-.wang-editor-body blockquote {
-	display: block;
-	border-left: 8px solid #d0e5f2;
-	padding: 5px 10px;
-	margin: 10px 0;
-	line-height: 1.4;
-	font-size: 100%;
-	background-color: #f1f1f1;
-}
-
-.wang-editor-body code {
-	display: inline-block;
-	*display: inline;
-	*zoom: 1;
-	background-color: #f1f1f1;
-	border-radius: 3px;
-	padding: 3px 5px;
-	margin: 0 3px;
-}
-
-.wang-editor-body pre code {
-	display: block;
-}
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/scss/base.scss b/zyplayer-doc-ui/wiki-ui/src/assets/scss/base.scss
index 5171f77b..6a41b5cc 100644
--- a/zyplayer-doc-ui/wiki-ui/src/assets/scss/base.scss
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/scss/base.scss
@@ -1,21 +1,3 @@
 .i-icon {
   vertical-align: middle;
 }
-
-// 样式覆盖
-ul {
-	list-style-type: disc;
-
-	ul {
-		list-style-type: circle;
-
-		ul {
-			list-style-type: square;
-		}
-	}
-}
-
-ol {
-	list-style-type: decimal;
-	padding-left: 1em;
-}
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/scss/highlight.scss b/zyplayer-doc-ui/wiki-ui/src/assets/scss/highlight.scss
new file mode 100644
index 00000000..4f57d3ac
--- /dev/null
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/scss/highlight.scss
@@ -0,0 +1,66 @@
+// https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/styles/github-dark.min.css
+.hljs {
+	color: #c9d1d9;
+	background: #0d1117;
+}
+
+.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
+	color: #ff7b72;
+}
+
+.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
+	color: #d2a8ff;
+}
+
+.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
+	color: #79c0ff;
+}
+
+.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
+	color: #a5d6ff;
+}
+
+.hljs-built_in, .hljs-symbol {
+	color: #ffa657;
+}
+
+.hljs-code, .hljs-comment, .hljs-formula {
+	color: #8b949e;
+}
+
+.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
+	color: #7ee787;
+}
+
+.hljs-subst {
+	color: #c9d1d9;
+}
+
+.hljs-section {
+	color: #1f6feb;
+	font-weight: 700;
+}
+
+.hljs-bullet {
+	color: #f2cc60;
+}
+
+.hljs-emphasis {
+	color: #c9d1d9;
+	font-style: italic;
+}
+
+.hljs-strong {
+	color: #c9d1d9;
+	font-weight: 700;
+}
+
+.hljs-addition {
+	color: #aff5b4;
+	background-color: #033a16;
+}
+
+.hljs-deletion {
+	color: #ffdcd7;
+	background-color: #67060c;
+}
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/scss/markdown.scss b/zyplayer-doc-ui/wiki-ui/src/assets/scss/markdown.scss
new file mode 100644
index 00000000..a01f950f
--- /dev/null
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/scss/markdown.scss
@@ -0,0 +1,269 @@
+.markdown-body {
+	-ms-text-size-adjust: 100%;
+	-webkit-text-size-adjust: 100%;
+	color: #24292e;
+	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
+	word-wrap: break-word;
+
+	.pl-c {
+		color: #6a737d;
+	}
+
+	.pl-ent {
+		color: #22863a;
+	}
+
+	.pl-k {
+		color: #d73a49;
+	}
+
+	.pl-bu {
+		color: #b31d28;
+	}
+
+	.pl-ii {
+		color: #fafbfc;
+		background-color: #b31d28;
+	}
+
+	.pl-c2 {
+		color: #fafbfc;
+		background-color: #d73a49;
+
+		&::before {
+			content: "^M";
+		}
+	}
+
+	.pl-sr {
+		.pl-cce {
+			font-weight: 700;
+			color: #22863a;
+		}
+	}
+
+	.pl-ml {
+		color: #735c0f;
+	}
+
+	.pl-mi {
+		font-style: italic;
+		color: #24292e;
+	}
+
+	.pl-mb {
+		font-weight: 700;
+		color: #24292e;
+	}
+
+	.pl-md {
+		color: #b31d28;
+		background-color: #ffeef0;
+	}
+
+	.pl-mi1 {
+		color: #22863a;
+		background-color: #f0fff4;
+	}
+
+	.pl-mc {
+		color: #e36209;
+		background-color: #ffebda;
+	}
+
+	.pl-mi2 {
+		color: #f6f8fa;
+		background-color: #005cc5;
+	}
+
+	.pl-mdr {
+		font-weight: 700;
+		color: #6f42c1;
+	}
+
+	.pl-ba {
+		color: #586069;
+	}
+
+	.pl-sg {
+		color: #959da5;
+	}
+
+	.pl-corl {
+		text-decoration: underline;
+		color: #032f62;
+	}
+
+	.octicon {
+		display: inline-block;
+		fill: currentColor;
+		vertical-align: text-bottom;
+	}
+
+	svg {
+		&:not(:root) {
+			overflow: hidden;
+		}
+	}
+
+	input {
+		font: inherit;
+		margin: 0;
+		overflow: visible;
+		line-height: inherit;
+	}
+
+	[type=checkbox] {
+		box-sizing: border-box;
+		padding: 0;
+	}
+
+	dd {
+		margin-left: 0;
+	}
+
+	.pl-0 {
+		padding-left: 0 !important;
+	}
+
+	.pl-1 {
+		padding-left: 4px !important;
+	}
+
+	.pl-2 {
+		padding-left: 8px !important;
+	}
+
+	.pl-3 {
+		padding-left: 16px !important;
+	}
+
+	.pl-4 {
+		padding-left: 24px !important;
+	}
+
+	.pl-5 {
+		padding-left: 32px !important;
+	}
+
+	.pl-6 {
+		padding-left: 40px !important;
+	}
+
+	&::before {
+		display: table;
+		content: "";
+	}
+
+	&::after {
+		display: table;
+		clear: both;
+		content: "";
+	}
+
+	& > :first-child {
+		margin-top: 0 !important;
+	}
+
+	& > :last-child {
+		margin-bottom: 0 !important;
+	}
+
+	.anchor {
+		float: left;
+		padding-right: 4px;
+		margin-left: -20px;
+		line-height: 1;
+
+		&:focus {
+			outline: 0;
+		}
+	}
+
+	kbd {
+		line-height: 10px;
+		display: inline-block;
+		padding: 3px 5px;
+		font: 11px SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
+		line-height: 10px;
+		color: #444d56;
+		vertical-align: middle;
+		background-color: #fafbfc;
+		border: solid 1px #d1d5da;
+		border-bottom-color: #c6cbd1;
+		border-radius: 3px;
+		box-shadow: inset 0 -1px 0 #c6cbd1;
+	}
+
+	dl {
+		padding: 0;
+
+		dt {
+			padding: 0;
+			margin-top: 16px;
+			font-size: 1em;
+			font-style: italic;
+			font-weight: 600;
+		}
+
+		dd {
+			padding: 0 16px;
+			margin-bottom: 16px;
+		}
+	}
+
+	.full-commit {
+		.btn-outline {
+			&:not(:disabled):hover {
+				color: #005cc5;
+				border-color: #005cc5;
+			}
+		}
+	}
+
+	:checked {
+		& + .radio-label {
+			position: relative;
+			z-index: 1;
+			border-color: #0366d6;
+		}
+	}
+
+	.task-list-item {
+		list-style-type: none;
+
+		& + .task-list-item {
+			margin-top: 3px;
+		}
+
+		input {
+			margin: 0 .2em .25em 0;
+			vertical-align: middle;
+		}
+	}
+
+	.pl-c1, .pl-s .pl-v {
+		color: #005cc5;
+	}
+
+	.pl-e, .pl-en {
+		color: #6f42c1;
+	}
+
+	.pl-s .pl-s1, .pl-smi {
+		color: #24292e;
+	}
+
+	.pl-pds, .pl-s, .pl-s .pl-pse .pl-s1, .pl-sr, .pl-sr .pl-cce, .pl-sr .pl-sra, .pl-sr .pl-sre {
+		color: #032f62;
+	}
+
+	.pl-smw, .pl-v {
+		color: #e36209;
+	}
+
+	.pl-mh, .pl-mh .pl-en, .pl-ms {
+		font-weight: 700;
+		color: #005cc5;
+	}
+}
diff --git a/zyplayer-doc-ui/wiki-ui/src/assets/scss/pageView.scss b/zyplayer-doc-ui/wiki-ui/src/assets/scss/pageView.scss
new file mode 100644
index 00000000..96e09ae4
--- /dev/null
+++ b/zyplayer-doc-ui/wiki-ui/src/assets/scss/pageView.scss
@@ -0,0 +1,294 @@
+/**展示内容的样式*/
+.wang-editor-body {
+	font-size: 14px;
+	padding: 6px;
+	overflow-y: auto;
+
+	table {
+		border-top: 1px solid #ccc;
+		border-left: 1px solid #ccc;
+
+		td, th {
+			border-bottom: 1px solid #ccc;
+			border-right: 1px solid #ccc;
+			padding: 3px 5px;
+		}
+
+		th {
+			border-bottom: 2px solid #ccc;
+			text-align: center;
+		}
+
+		blockquote {
+			display: block;
+			border-left: 8px solid #d0e5f2;
+			padding: 5px 10px;
+			margin: 10px 0;
+			line-height: 1.4;
+			font-size: 100%;
+			background-color: #f1f1f1;
+		}
+
+		code {
+			display: inline-block;
+			*display: inline;
+			*zoom: 1;
+			background-color: #f1f1f1;
+			border-radius: 3px;
+			padding: 3px 5px;
+			margin: 0 3px;
+		}
+
+		pre {
+			code {
+				display: block;
+			}
+		}
+	}
+}
+
+.page-view-content {
+	word-wrap: break-word;
+
+	strong {
+		font-weight: bolder;
+	}
+
+	.hljs-center {
+		text-align: center;
+	}
+
+	.hljs-right {
+		text-align: right;
+	}
+
+	.hljs-left {
+		text-align: left;
+	}
+
+	table {
+		overflow: auto;
+		width: 100%;
+		max-width: 100%;
+		border-spacing: 0;
+		border-collapse: collapse;
+		word-break: break-all;
+	}
+
+	table th {
+		font-weight: 600;
+	}
+
+	table td, table th {
+		padding: 6px 13px;
+		border: 1px solid #dfe2e5;
+	}
+
+	table tr {
+		background-color: #fff;
+		border-top: 1px solid #c6cbd1;
+	}
+
+	table tr:nth-child(2n) {
+		background-color: #f6f8fa;
+	}
+
+	blockquote {
+		display: block;
+		border-left: 2px solid #bac0c3;
+		padding: 8px 10px;
+		margin: 10px 0;
+		line-height: 1.4;
+		font-size: 100%;
+		background-color: #f6f6f6;
+
+		& > :first-child {
+			margin-top: 0;
+		}
+
+		& > :last-child {
+			margin-bottom: 0;
+		}
+	}
+
+	/*样式覆盖*/
+	ol {
+		list-style-type: decimal;
+		padding-left: 1em;
+	}
+
+	ul {
+		list-style-type: disc;
+		padding-left: 1em;
+	}
+
+	code {
+		font-size: 1em;
+		padding: .15em .5em;
+		border-radius: 4px;
+		background-color: #eee;
+		color: #444;
+	}
+
+	pre {
+		padding: 0;
+		tab-size: 4;
+		font-size: 100% !important;
+		position: relative;
+		background-color: #292d3e !important;
+		border-radius: 10px !important;
+		font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
+
+		code {
+			background-color: transparent;
+			padding: 16px 10px !important;
+			font-size: 100% !important;
+			color: #fff;
+			display: inline-block !important;
+			line-height: 24px !important;
+			font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
+			max-width: unset;
+			margin: 0;
+			overflow: visible;
+			word-wrap: normal;
+			border: 0;
+		}
+	}
+
+	.katex .katex-mathml {
+		display: none;
+	}
+
+	iframe {
+		border: none;
+	}
+
+	a {
+		font-weight: 500;
+		color: #3eaf7c;
+		text-decoration: none;
+		overflow-wrap: break-word;
+
+		&:hover {
+			text-decoration: underline;
+		}
+
+		&:not([href]) {
+			color: inherit;
+			text-decoration: none;
+		}
+
+		span {
+			vertical-align: middle;
+		}
+	}
+
+	img {
+		cursor: pointer;
+		max-width: 100%;
+		box-sizing: content-box;
+		background-color: #fff;
+	}
+
+	// 样式覆盖
+	ul {
+		list-style-type: disc;
+
+		ul {
+			list-style-type: circle;
+
+			ul {
+				list-style-type: square;
+			}
+		}
+	}
+
+	audio {
+		width: 100%;
+	}
+
+	video {
+		max-width: 100%;
+	}
+
+	video[width="0"] {
+		width: auto;
+	}
+
+	video[height="0"] {
+		height: auto;
+	}
+
+	.video-js {
+		border-radius: 8px;
+		overflow: hidden;
+	}
+
+	//----------------------
+	h1, h2, h3, h4, h5, h6 {
+		margin: 0.5em 0;
+		font-weight: bolder;
+	}
+
+	h1 {
+		padding-bottom: .3em;
+		font-size: 1.6em;
+		border-bottom: 1px solid #eaecef;
+	}
+
+	h2 {
+		padding-bottom: .3em;
+		font-size: 1.5em;
+		border-bottom: 1px solid #eaecef;
+	}
+
+	h3 {
+		font-size: 1.4em;
+	}
+
+	h4 {
+		font-size: 1.3em;
+	}
+
+	h5 {
+		font-size: 1.2em;
+	}
+
+	h6 {
+		font-size: 1.1em;
+	}
+
+	img, audio, video {
+		max-width: 100%;
+	}
+
+	blockquote, dl, ol, p, pre, table, ul {
+		margin-top: 0;
+		margin-bottom: 16px;
+	}
+
+	table {
+		p {
+			margin-bottom: 0;
+		}
+
+		p + p {
+			margin-top: 16px;
+		}
+	}
+
+	hr {
+		box-sizing: content-box;
+		overflow: hidden;
+		height: 0;
+		padding: 0;
+		border: 0;
+		border-bottom: 2px solid #eee;
+		margin: 24px 0;
+	}
+
+	mark {
+		padding: 0;
+		background-color: #ffff00;
+	}
+}
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/base/ImageViewer.vue b/zyplayer-doc-ui/wiki-ui/src/components/base/ImageViewer.vue
index 5505a476..b41642db 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/base/ImageViewer.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/base/ImageViewer.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import {onBeforeUnmount, ref, h, shallowRef, nextTick, onMounted, watch, defineProps, defineExpose} from 'vue'
+import {onBeforeUnmount, ref, h, shallowRef, nextTick, onMounted, watch, defineProps, defineExpose} from 'vue';
 import {showImagePreview} from 'vant';
 import {useStoreDisplay} from "@/store/wikiDisplay";
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/layouts/LeftSidebar.vue b/zyplayer-doc-ui/wiki-ui/src/components/layouts/LeftSidebar.vue
index 1afdc9b9..fb8d03fb 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/layouts/LeftSidebar.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/layouts/LeftSidebar.vue
@@ -36,7 +36,7 @@
 						<a-tag color="warning" style="margin-inline-end: 4px;padding-inline: 4px;">{{filterShareStatus(data.shareStatus)}}</a-tag>
 					</el-tooltip>
 					<a-input v-if="data.renaming" v-model:value="data.name" class="rename-input" placeholder="请输入文档名称" @blur="doRename(node,data)" @click.stop/>
-					<span v-else style="vertical-align: middle;margin-right: 5px">
+					<span v-else style="vertical-align: middle;margin-right: 5px;">
 						<el-tooltip :content="node.label" placement="top-start" :show-after="700">{{ node.label }}</el-tooltip>
 					</span>
 					<!--操作-->
@@ -119,14 +119,14 @@ import {
 } from '@icon-park/vue-next'
 import {ref, onMounted,} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import pageApi from '../../assets/api/page'
-import CreateSpace from '../space/CreateSpace.vue'
-import TemplateManage from '../template/TemplateManage.vue'
-import AddMenu from '../leftSideBar/AddMenu.vue'
-import IconDocument from '@/components/base/IconDocument.vue'
-import LeftSidebarCli from '../leftSideBar/LeftSidebarCli.vue'
-import {useStoreDisplay} from '@/store/wikiDisplay.js'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import pageApi from '../../assets/api/page';
+import CreateSpace from '../space/CreateSpace.vue';
+import TemplateManage from '../template/TemplateManage.vue';
+import AddMenu from '../leftSideBar/AddMenu.vue';
+import IconDocument from '@/components/base/IconDocument.vue';
+import LeftSidebarCli from '../leftSideBar/LeftSidebarCli.vue';
+import {useStoreDisplay} from '@/store/wikiDisplay.js';
 import {useStorePageData} from "@/store/pageData";
 import {DownOutlined, BuildOutlined, BlockOutlined} from '@ant-design/icons-vue';
 import {useStoreSpaceData} from "@/store/spaceData";
@@ -151,21 +151,21 @@ let optionPageId = ref('');
 let visibleMoveMenu = ref(false);
 let onlyMoveMode = ref(false);
 let aModalWaiting = ref(false);
-let templateManageRef = ref(null)
+let templateManageRef = ref(null);
 
 onMounted(() => {
-	init()
-})
+	init();
+});
 const init = () => {
-	loadSpaceList()
+	loadSpaceList();
 }
 
 const openTemplateCreate = (exsit) => {
-	templateManageRef.value.showTemplateCreate(exsit)
+	templateManageRef.value.showTemplateCreate(exsit);
 }
 
 const createWikiByTemplate = () => {
-	templateManageRef.value.showTemplateManage()
+	templateManageRef.value.showTemplateManage();
 }
 
 const filterShareStatus = (data) => {
@@ -176,52 +176,52 @@ const filterShareStatus = (data) => {
 }
 
 const openMoveMenu = (onlyMove) => {
-	onlyMoveMode.value = onlyMove
-	visibleMoveMenu.value = true
-	moveToPageId.value = storePage.choosePageId
-	moveToSpaceId.value = storeSpace.chooseSpaceId
-	moveToWikiPageList.value = storePage.wikiPageList
+	onlyMoveMode.value = onlyMove;
+	visibleMoveMenu.value = true;
+	moveToPageId.value = storePage.choosePageId;
+	moveToSpaceId.value = storeSpace.chooseSpaceId;
+	moveToWikiPageList.value = storePage.wikiPageList;
 }
 const handleOk = (onlyMove) => {
-	aModalWaiting.value = true
+	aModalWaiting.value = true;
 	if (onlyMoveMode.value) {
 		pageApi.movePage({
 				"id": storePage.optionPageId,
 				"spaceId": storeSpace.chooseSpaceId,
 				"moveToPageId": moveToPageId.value,
 				"moveToSpaceId": moveToSpaceId.value
-			})
+			});
 			.then((json) => {
-				doGetPageList(null)
-				ElMessage.success('迁移成功')
-				handleCancel()
-				aModalWaiting.value = false
+				doGetPageList(null);
+				ElMessage.success('迁移成功');
+				handleCancel();
+				aModalWaiting.value = false;
 			}).catch((e) => {
-			aModalWaiting.value = false
-		})
-		return
+			aModalWaiting.value = false;
+		});
+		return;
 	}
 	pageApi.copyPage({
 			"id": storePage.optionPageId,
 			"spaceId": storeSpace.chooseSpaceId,
 			"moveToPageId": moveToPageId.value,
 			"moveToSpaceId": moveToSpaceId.value
-		})
+		});
 		.then((json) => {
-			doGetPageList(null)
-			ElMessage.success('复制成功')
-			handleCancel()
-			aModalWaiting.value = false
+			doGetPageList(null);
+			ElMessage.success('复制成功');
+			handleCancel();
+			aModalWaiting.value = false;
 		}).catch((e) => {
-		aModalWaiting.value = false
-	})
-	return
+		aModalWaiting.value = false;
+	});
+	return;
 }
 const handleCancel = () => {
-	visibleMoveMenu.value = false
-	moveToPageId.value = 0
-	moveToSpaceId.value = 0
-	moveToWikiPageList.value = []
+	visibleMoveMenu.value = false;
+	moveToPageId.value = 0;
+	moveToSpaceId.value = 0;
+	moveToWikiPageList.value = [];
 }
 
 
@@ -237,53 +237,53 @@ const deleteWikiPage = (share) => {
 	}).then(() => {
 		let param = {pageId: optionPageId.value};
 		pageApi.pageDelete(param).then(() => {
-			ElMessage.success('已删除')
-			doGetPageList(null)
+			ElMessage.success('已删除');
+			doGetPageList(null);
 		});
 	}).catch(() => {
 	});
 }
 
 const choosePageIdFunc = (id) => {
-	storePage.optionPageId = id
+	storePage.optionPageId = id;
 }
 
 const setNowPageId = (id, readOnly) => {
 	if (readOnly) {
-		moveToPageId.value = id
-		return
+		moveToPageId.value = id;
+		return;
 	}
-	storePage.choosePageId = id
+	storePage.choosePageId = id;
 }
 
 const rename = (node, data) => {
-	data.renaming = true
+	data.renaming = true;
 }
 const doRename = (node, data) => {
-	pageApi.renamePage({"id": data.id, "name": data.name})
+	pageApi.renamePage({"id": data.id, "name": data.name});
 		.then((json) => {
-			doGetPageList(null)
-			ElMessage.success('重命名成功')
-			data.renaming = false
-		})
+			doGetPageList(null);
+			ElMessage.success('重命名成功');
+			data.renaming = false;
+		});
 
 }
 
 const changeNodeOptionStatus = (param) => {
-	optionPageId.value = param.id
+	optionPageId.value = param.id;
 }
 
 let createSpaceRef = ref();
 const spaceChangeEvents = (data, readonly) => {
-	storePage.pageInfo = {}
+	storePage.pageInfo = {};
 	if (readonly) {
-		moveToSpaceId.value = data
-		setNowPageId(0, readonly)
+		moveToSpaceId.value = data;
+		setNowPageId(0, readonly);
 		let param = {spaceId: moveToSpaceId.value}
 		pageApi.pageList(param).then((json) => {
-			moveToWikiPageList.value = json.data || []
-		})
-		return
+			moveToWikiPageList.value = json.data || [];
+		});
+		return;
 	}
 	if (data === 0) {
 		// 新建空间
@@ -327,16 +327,16 @@ const loadSpaceList = (spaceId) => {
 				console.log(e);
 			}
 		}
-	})
+	});
 }
 
 const doGetPageList = (parentId, node) => {
 	let param = {spaceId: storeSpace.chooseSpaceId}
 	pageApi.pageList(param).then((json) => {
-		storePage.wikiPageList = json.data || []
-	})
+		storePage.wikiPageList = json.data || [];
+	});
 }
-defineExpose({init})
+defineExpose({init});
 </script>
 
 <style lang="scss">
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareLayout.vue b/zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareLayout.vue
index cac152fa..cb40783f 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareLayout.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareLayout.vue
@@ -1,5 +1,5 @@
 <template>
-	<div style="height: 100%">
+	<div style="height: 100%;">
 		<el-container>
 			<el-aside width="300px" style="background-color: #fafafa" :style="{ width: rightAsideWidth + 'px' }" v-show="leftCollapse">
 				<div class="logo">{{ nowSpaceShow.name }}</div>
@@ -57,11 +57,11 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import {FolderClose, FolderOpen, Word as IconParkWord,} from '@icon-park/vue-next'
-import {Search as ElIconSearch,} from '@element-plus/icons-vue'
-import pageApi from '../../assets/api/page'
-import RightResize from '../../views/page/aside/RightResize.vue'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import {FolderClose, FolderOpen, Word as IconParkWord,} from '@icon-park/vue-next';
+import {Search as ElIconSearch,} from '@element-plus/icons-vue';
+import pageApi from '../../assets/api/page';
+import RightResize from '../../views/page/aside/RightResize.vue';
 import IconDocument from "@/components/base/IconDocument.vue";
 
 let leftCollapse = ref(true);
@@ -81,40 +81,40 @@ let route = useRoute();
 let router = useRouter();
 onMounted(() => {
 	spaceUuid.value = route.query.space || ''
-	getSpaceInfo()
-	doGetPageList(null)
+	getSpaceInfo();
+	doGetPageList(null);
 });
 const filterPageNode = (value, data) => {
-	if (!value || !data.name) return true
+	if (!value || !data.name) return true;
 	// issues:I2CG72 忽略大小写
-	let name = data.name.toLowerCase()
+	let name = data.name.toLowerCase();
 	return name.indexOf(value.toLowerCase()) !== -1
 }
 const handleNodeClick = (data) => {
 	if (nowPageId.value == data.id) {
-		return
+		return;
 	}
-	// console.log('点击节点：', data)
-	nowPageId.value = data.id
+	// console.log('点击节点：', data);
+	nowPageId.value = data.id;
 	router.push({
 		path: '/page/share/view',
 		query: {pageId: data.id, space: spaceUuid.value}
-	})
+	});
 }
 let wikiPageTreeRef = ref();
 const searchByKeywords = () => {
-	wikiPageTreeRef.value.filter(searchKeywords.value)
+	wikiPageTreeRef.value.filter(searchKeywords.value);
 }
 const doGetPageList = () => {
 	pageApi.openPageList({space: spaceUuid.value}).then((json) => {
-		wikiPageList.value = json.data || []
-		nowPageId.value = ''
-	})
+		wikiPageList.value = json.data || [];
+		nowPageId.value = '';
+	});
 }
 const getSpaceInfo = () => {
 	pageApi.openSpaceInfo({space: spaceUuid.value}).then((json) => {
-		nowSpaceShow.value = json.data
-	})
+		nowSpaceShow.value = json.data;
+	});
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareMobileLayout.vue b/zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareMobileLayout.vue
index 649a3669..89c223c4 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareMobileLayout.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/layouts/ShareMobileLayout.vue
@@ -16,9 +16,9 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import pageApi from '../../assets/api/page'
-import PageTree from '../shareLayout/PageTree.vue'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import pageApi from '../../assets/api/page';
+import PageTree from '../shareLayout/PageTree.vue';
 import 'vant/es/icon/style/index';
 import 'vant/es/popup/style/index';
 import 'vant/es/cell/style/index';
@@ -42,35 +42,35 @@ let route = useRoute();
 let router = useRouter();
 onMounted(() => {
 	spaceUuid.value = route.query.space || ''
-	getSpaceInfo()
-	doGetPageList(null)
+	getSpaceInfo();
+	doGetPageList(null);
 });
 const filterPageNode = (value, data) => {
-	if (!value) return true
+	if (!value) return true;
 	return data.name.indexOf(value) !== -1
 }
 const pageSelectChange = (value) => {
-	// console.log('页面修改：' + value)
-	popupShow.value = false
+	// console.log('页面修改：' + value);
+	popupShow.value = false;
 	router.replace({
 		path: '/page/share/mobile/view',
 		query: {pageId: value, space: spaceUuid.value}
-	})
+	});
 }
 const popupShowChange = (value) => {
-	popupShow.value = value
-	// console.log(pageSelect.value)
+	popupShow.value = value;
+	// console.log(pageSelect.value);
 }
 const doGetPageList = () => {
 	pageApi.openPageList({space: spaceUuid.value}).then((json) => {
-		wikiPageList.value = json.data || []
-		nowPageId.value = ''
-	})
+		wikiPageList.value = json.data || [];
+		nowPageId.value = '';
+	});
 }
 const getSpaceInfo = () => {
 	pageApi.openSpaceInfo({space: spaceUuid.value}).then((json) => {
-		nowSpaceShow.value = json.data
-	})
+		nowSpaceShow.value = json.data;
+	});
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/layouts/UserMessagePopover.vue b/zyplayer-doc-ui/wiki-ui/src/components/layouts/UserMessagePopover.vue
index 7df08c03..e6362d4a 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/layouts/UserMessagePopover.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/layouts/UserMessagePopover.vue
@@ -13,12 +13,12 @@
 				<el-link v-if="notReadMessageNum > 0" :icon="ElIconCheck" type="primary" @click="readAllUserMessage">本页标记已读</el-link>
 			</div>
 			<div class="header-user-message">
-				<el-table :data="userMessageList" stripe max-height="400" style="width: 100%; margin-bottom: 5px">
+				<el-table :data="userMessageList" stripe max-height="400" style="width: 100%; margin-bottom: 5px;">
 					<el-table-column label="操作时间" prop="creationTime" width="150px"></el-table-column>
 					<el-table-column label="内容" prop="msgContent" show-overflow-tooltip></el-table-column>
 					<el-table-column width="60px">
 						<template v-slot="scope">
-							<el-badge :is-dot="scope.row.msgStatus === 0" style="line-height: 10px; padding-right: 5px">
+							<el-badge :is-dot="scope.row.msgStatus === 0" style="line-height: 10px; padding-right: 5px;">
 								<el-link type="primary" @click="showUserMessage(scope.row)">查看</el-link>
 							</el-badge>
 						</template>
@@ -51,10 +51,10 @@ import {
 import {BellOutlined, CheckOutlined} from '@ant-design/icons-vue';
 import {onBeforeUnmount, toRefs, ref, reactive, onMounted, watch, h, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
+import {ElMessageBox, ElMessage} from 'element-plus';
 import pageApi from "@/assets/api/page";
 import userApi from "@/assets/api/user";
-import {useStoreDisplay} from '@/store/wikiDisplay.js'
+import {useStoreDisplay} from '@/store/wikiDisplay.js';
 
 let route = useRoute();
 let router = useRouter();
@@ -88,28 +88,28 @@ const loadUserMessageList = () => {
 const showUserMessage = (row) => {
 	if (row.msgStatus === 0) {
 		userApi.readUserMessage({ids: row.id}).then(() => {
-			loadUserMessageList()
-		})
+			loadUserMessageList();
+		});
 	}
 	if (row.msgType >= 2 && row.msgType <= 14) {
-		router.push({path: '/page/show', query: {pageId: row.dataId}})
-		userMessagePopVisible.value = false
+		router.push({path: '/page/show', query: {pageId: row.dataId}});
+		userMessagePopVisible.value = false;
 	}
 }
 const readAllUserMessage = () => {
-	let msgIds = []
+	let msgIds = [];
 	userMessageList.value.filter((item) => item.msgStatus === 0).forEach((item) => {
-		msgIds.push(item.id)
-	})
-	if (msgIds.length <= 0) return
+		msgIds.push(item.id);
+	});
+	if (msgIds.length <= 0) return;
 	userApi.readUserMessage({ids: msgIds.join(',')}).then(() => {
-		ElMessage.success('标记成功')
-		loadUserMessageList()
-	})
+		ElMessage.success('标记成功');
+		loadUserMessageList();
+	});
 }
 const handleCurrentChange = (val) => {
-	userMsgParam.value.pageNum = val
-	loadUserMessageList()
+	userMsgParam.value.pageNum = val;
+	loadUserMessageList();
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/AddMenu.vue b/zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/AddMenu.vue
index 64b1d04d..af68145d 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/AddMenu.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/AddMenu.vue
@@ -39,15 +39,15 @@ import {
 } from '@icon-park/vue-next'
 import {ref, defineProps, defineEmits} from 'vue';
 import {useRouter} from "vue-router";
-import {ElMessage} from 'element-plus'
-import pageApi from '../../assets/api/page'
+import {ElMessage} from 'element-plus';
+import pageApi from '../../assets/api/page';
 import axios from "axios";
-import IconDocument from '@/components/base/IconDocument.vue'
+import IconDocument from '@/components/base/IconDocument.vue';
 
 let router = useRouter();
 let uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + '/zyplayer-doc-wiki/page/file/import/upload');
 let fileList = ref([]);
-let emit = defineEmits(['choosePageIdFunc', 'doGetPageList', 'createWikiByTemplate'])
+let emit = defineEmits(['choosePageIdFunc', 'doGetPageList', 'createWikiByTemplate']);
 let props = defineProps({
 	choiceSpace: Number,
 	choosePageId: Number,
@@ -86,10 +86,10 @@ const doAUpload = (data) => {
 	});
 }
 const choosePageIdFunc = (id) => {
-	emit('choosePageIdFunc', id)
+	emit('choosePageIdFunc', id);
 }
 const createWikiByTemplate = (id) => {
-	emit('createWikiByTemplate', id)
+	emit('createWikiByTemplate', id);
 }
 const createWiki = (editorType, parentId) => {
 	if (props.choiceSpace > 0) {
@@ -105,17 +105,17 @@ const createWiki = (editorType, parentId) => {
 			content: '',
 			preview: ''
 		}).then((json) => {
-			emit('doGetPageList', null)
-			ElMessage.success('创建成功')
+			emit('doGetPageList', null);
+			ElMessage.success('创建成功');
 			if (editorType !== 0) {
 				router.push({
 					path: '/page/edit',
 					query: {parentId: props.nowPageId.value, pageId: json.data.id}
-				})
+				});
 			}
-		})
+		});
 	} else {
-		ElMessage.warning('请先选择或创建空间')
+		ElMessage.warning('请先选择或创建空间');
 	}
 }
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/LeftSidebarCli.vue b/zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/LeftSidebarCli.vue
index e4b92a4a..13097896 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/LeftSidebarCli.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/leftSideBar/LeftSidebarCli.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="padding: 10px;height: 100%;box-sizing: border-box;background: #fafafa;">
-		<div style="margin-bottom: 5px">
-			<el-select :model-value="choiceSpace" filterable placeholder="选择空间" @change="spaceChangeEvents" style="width: 100%">
+		<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="-1" label="空间管理" :value="-1"></el-option>
 				</el-option-group>
@@ -60,11 +60,11 @@
 <script setup>
 import {ref, defineProps, defineEmits, defineExpose} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import pageApi from '../../assets/api/page'
+import pageApi from '../../assets/api/page';
 import {useStoreDisplay} from "@/store/wikiDisplay";
 import {useStorePageData} from "@/store/pageData";
 
-let emit = defineEmits(['doGetPageList', 'spaceChangeEvents', 'setNowPageId'])
+let emit = defineEmits(['doGetPageList', 'spaceChangeEvents', 'setNowPageId']);
 let searchKeywords = ref('');
 let descriptorForTree = ref("点击收起目录");
 let explan = ref(false);
@@ -82,13 +82,13 @@ let props = defineProps({
 	nowPageId: Number,
 	choiceSpace: Number,
 	readOnly: Boolean
-})
+});
 
 
 const assisSetCurrentKey = () => {
-	emit('setNowPageId', route.query.pageId, props.readOnly)
+	emit('setNowPageId', route.query.pageId, props.readOnly);
 	if (props.nowPageId) {
-		wikiPageTreeRef.value.setCurrentKey(nowPageId.value)
+		wikiPageTreeRef.value.setCurrentKey(nowPageId.value);
 	}
 }
 
@@ -98,35 +98,35 @@ const changeWikiPageExpandedKeys = (pageId) => {
 }
 
 const spaceChangeEvents = (data) => {
-	emit('spaceChangeEvents', data, props.readOnly)
+	emit('spaceChangeEvents', data, props.readOnly);
 }
 
 const doSearchByKeywords = (queryString, callback) => {
 	if (!queryString || !queryString.trim()) {
-		callback([])
-		return
+		callback([]);
+		return;
 	}
 	pageApi
-		.pageNews({spaceId: props.choiceSpace, keywords: queryString})
+		.pageNews({spaceId: props.choiceSpace, keywords: queryString});
 		.then((json) => {
-			let spacePageNews = json.data || []
-			callback(spacePageNews)
-		})
+			let spacePageNews = json.data || [];
+			callback(spacePageNews);
+		});
 }
 const handleSearchKeywordsSelect = (item) => {
-	searchKeywords.value = ''
-	router.push({path: '/page/show', query: {pageId: item.pageId}})
+	searchKeywords.value = '';
+	router.push({path: '/page/show', query: {pageId: item.pageId}});
 }
 
 const changeDropWownStatus = () => {
 	if (explan.value) {
 		explanClass.value = "el-tree"
 		descriptorForTree.value = "点击收起目录"
-		explan.value = false
+		explan.value = false;
 	} else {
 		explanClass.value = "hidTree"
 		descriptorForTree.value = "点击展开目录"
-		explan.value = true
+		explan.value = true;
 	}
 }
 
@@ -137,37 +137,37 @@ const filterPageNode = (value, data) => {
 	return name.indexOf(value.toLowerCase()) !== -1;
 }
 const searchByKeywords = () => {
-	wikiPageTreeRef.value.filter(searchKeywords.value)
+	wikiPageTreeRef.value.filter(searchKeywords.value);
 }
 let storePage = useStorePageData();
 const handleNodeClick = (data) => {
-	//console.log('点击节点：', data, props.nowPageId)
-	storeDisplay.showHeader = true
-	emit('setNowPageId', data.id, props.readOnly)
+	//console.log('点击节点：', data, props.nowPageId);
+	storeDisplay.showHeader = true;
+	emit('setNowPageId', data.id, props.readOnly);
 	if (props.readOnly) {
-		return
+		return;
 	}
 	if (data.editorType !== 0) {
-		router.push({path: '/page/show', query: {pageId: data.id}})
+		router.push({path: '/page/show', query: {pageId: data.id}});
 	}
 }
 const handlePageDrop = (draggingNode, dropNode, dropType, ev) => {
-	console.log('tree drop: ', draggingNode.data, dropNode.data, dropType)
+	console.log('tree drop: ', draggingNode.data, dropNode.data, dropType);
 	// 'prev'、'inner'、'next'
 	// before、after、inner
 	var param = {id: draggingNode.data.id, parentId: dropNode.data.parentId}
 	if (dropType == 'inner') {
-		param.parentId = dropNode.data.id
+		param.parentId = dropNode.data.id;
 	} else if (dropType == 'before') {
-		param.beforeSeq = dropNode.data.seqNo
+		param.beforeSeq = dropNode.data.seqNo;
 	} else if (dropType == 'after') {
-		param.afterSeq = dropNode.data.seqNo
+		param.afterSeq = dropNode.data.seqNo;
 	}
 	pageApi.pageChangeParent(param).then((res) => {
-		emit('doGetPageList', node.id, node)
-	})
+		emit('doGetPageList', node.id, node);
+	});
 }
-defineExpose({searchByKeywords})
+defineExpose({searchByKeywords});
 </script>
 
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/space/CreateSpace.vue b/zyplayer-doc-ui/wiki-ui/src/components/space/CreateSpace.vue
index 8191e7e0..beb9dcac 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/space/CreateSpace.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/space/CreateSpace.vue
@@ -13,18 +13,18 @@
 					<el-switch v-model="newSpaceForm.openDoc" inactive-text="需要登录" :inactive-value="0" active-text="开放访问" :active-value="1"></el-switch>
 				</el-form-item>
 				<el-form-item label="空间类型：">
-					<el-select v-model="newSpaceForm.type" filterable placeholder="选择类型" style="width: 100%">
+					<el-select v-model="newSpaceForm.type" filterable placeholder="选择类型" style="width: 100%;">
 						<el-option :key="1" label="公共空间" :value="1">
 							<span style="float: left">公共空间</span>
-							<span style="float: right; color: #8492a6; font-size: 13px">属于公共，登录用户可访问、编辑</span>
+							<span style="float: right; color: #8492a6; font-size: 13px;">属于公共，登录用户可访问、编辑</span>
 						</el-option>
 						<el-option :key="2" label="个人空间" :value="2">
 							<span style="float: left">个人空间</span>
-							<span style="float: right; color: #8492a6; font-size: 13px">属于个人，所有登录用户可访问</span>
+							<span style="float: right; color: #8492a6; font-size: 13px;">属于个人，所有登录用户可访问</span>
 						</el-option>
 						<el-option :key="3" label="隐私空间" :value="3">
 							<span style="float: left">隐私空间</span>
-							<span style="float: right; color: #8492a6; font-size: 13px">属于个人，仅创建者可访问</span>
+							<span style="float: right; color: #8492a6; font-size: 13px;">属于个人，仅创建者可访问</span>
 						</el-option>
 					</el-select>
 				</el-form-item>
@@ -41,8 +41,8 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import pageApi from '../../assets/api/page'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import pageApi from '../../assets/api/page';
 
 let editSpaceId = ref('');
 let newSpaceFormRules = ref({
@@ -64,7 +64,7 @@ let newSpaceForm = ref({
 	openDoc: 0,
 	uuid: '',
 	type: 1,
-})
+});
 let newSpaceDialogVisible = ref(false);
 let manageSpaceDialogVisible = ref(false);
 let emit = defineEmits(['success']);
@@ -81,13 +81,13 @@ const show = (spaceId) => {
 	editSpaceId.value = spaceId || ''
 	if (!!editSpaceId.value) {
 		pageApi.spaceList({id: editSpaceId.value}).then((json) => {
-			let spaceList = json.data || []
+			let spaceList = json.data || [];
 			if (spaceList.length > 0) {
-				newSpaceForm.value = spaceList[0]
+				newSpaceForm.value = spaceList[0];
 			}
-		})
+		});
 	}
-	newSpaceDialogVisible.value = true
+	newSpaceDialogVisible.value = true;
 }
 let newSpaceFormRef = ref();
 const onNewSpaceSubmit = () => {
@@ -102,15 +102,15 @@ const onNewSpaceSubmit = () => {
 				treeLazyLoad: newSpaceForm.value.treeLazyLoad,
 			}
 			pageApi.updateSpace(param).then((json) => {
-				ElMessage.success('创建成功')
-				newSpaceDialogVisible.value = false
-				emit('success', json.data.id)
-			})
+				ElMessage.success('创建成功');
+				newSpaceDialogVisible.value = false;
+				emit('success', json.data.id);
+			});
 		}
-	})
+	});
 }
 const onNewSpaceCancel = () => {
-	newSpaceDialogVisible.value = false
+	newSpaceDialogVisible.value = false;
 }
 defineExpose({show});
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/components/template/TemplateManage.vue b/zyplayer-doc-ui/wiki-ui/src/components/template/TemplateManage.vue
index 840fbc9e..bc41fba0 100644
--- a/zyplayer-doc-ui/wiki-ui/src/components/template/TemplateManage.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/components/template/TemplateManage.vue
@@ -90,38 +90,38 @@ import {
 } from 'vue';
 import {AlertOutlined, AimOutlined, BorderOutlined} from '@ant-design/icons-vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import pageApi from '../../assets/api/page'
-import {mavonEditor} from 'mavon-editor'
-import 'mavon-editor/dist/markdown/github-markdown.min.css'
-import 'mavon-editor/dist/css/index.css'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import pageApi from '../../assets/api/page';
+import {mavonEditor} from 'mavon-editor';
+import 'mavon-editor/dist/markdown/github-markdown.min.css';
+import 'mavon-editor/dist/css/index.css';
 
 let emit = defineEmits('doGetPageList');
-let router = useRouter()
-let nowTemplateNum = ref(1)
-let totalTemplate = ref(0)
-let exsit = ref(false)
+let router = useRouter();
+let nowTemplateNum = ref(1);
+let totalTemplate = ref(0);
+let exsit = ref(false);
 
 let props = defineProps({
 	pageId: Number,
 	spaceId: Number
-})
+});
 let templateNewForm = ref({
 	pageId: 0,
 	spaceId: 0,
 	tagName: '',
 	shareStatus: false
-})
+});
 let newTemplateDialogVisible = ref(false);
 const showTemplateCreate = (exsited) => {
-	exsit.value = exsited
+	exsit.value = exsited;
 	templateNewForm.value = {
 		pageId: props.pageId,
 		spaceId: props.spaceId,
 		tagName: '',
 		shareStatus: false
 	}
-	newTemplateDialogVisible.value = true
+	newTemplateDialogVisible.value = true;
 }
 const filterShareStatus = (data) => {
 	if (data === 1) {
@@ -131,33 +131,33 @@ const filterShareStatus = (data) => {
 }
 const onNewTemplateSubmit = () => {
 	pageApi.addTemplate(templateNewForm.value).then((json) => {
-		ElMessage.success('模板记录成功')
-		emit('doGetPageList', null)
-	})
-	newTemplateDialogVisible.value = false
+		ElMessage.success('模板记录成功');
+		emit('doGetPageList', null);
+	});
+	newTemplateDialogVisible.value = false;
 }
 const onNewTemplateCancel = () => {
-	newTemplateDialogVisible.value = false
+	newTemplateDialogVisible.value = false;
 }
 
-let templateChooseDialogVisible = ref(false)
-let previewVisible = ref(false)
-let aModalWaiting = ref(false)
-let tags = ref([])
-let filterTags = ref([])
-let open = ref(false)
-let name = ref('')
-let templateList = ref()
-let editorType = ref(1)
+let templateChooseDialogVisible = ref(false);
+let previewVisible = ref(false);
+let aModalWaiting = ref(false);
+let tags = ref([]);
+let filterTags = ref([]);
+let open = ref(false);
+let name = ref('');
+let templateList = ref();
+let editorType = ref(1);
 
 
 const showTemplateManage = () => {
-	templateChooseDialogVisible.value = true
-	filterTags.value = [{show: true, tagName: ''}]
-	totalTemplate.value = 0
-	nowTemplateNum.value = 1
-	templateList.value = []
-	filterByOpen()
+	templateChooseDialogVisible.value = true;
+	filterTags.value = [{show: true, tagName: ''}];
+	totalTemplate.value = 0;
+	nowTemplateNum.value = 1;
+	templateList.value = [];
+	filterByOpen();
 }
 const chooseTemplate = (item) => {
 	pageApi.useTemplate({
@@ -165,24 +165,24 @@ const chooseTemplate = (item) => {
 		parentId: props.pageId,
 		templateId: item.templateId
 	}).then((json) => {
-		templateChooseDialogVisible.value = false
-		emit('doGetPageList', null)
-		ElMessage.success('创建成功')
+		templateChooseDialogVisible.value = false;
+		emit('doGetPageList', null);
+		ElMessage.success('创建成功');
 		router.push({
 			path: '/page/edit',
 			query: {parentId: props.pageId, pageId: json.data.id}
-		})
-	})
+		});
+	});
 }
 const turnToSource = (item) => {
-	templateChooseDialogVisible.value = false
+	templateChooseDialogVisible.value = false;
 	router.push({
 		path: '/page/show',
 		query: {spaceId: item.spaceId, pageId: item.id}
-	})
+	});
 }
 const pageUpDown = () => {
-	templateList.value = []
+	templateList.value = [];
 	pageApi.getTemplate({
 		name: name.value,
 		open: open.value,
@@ -190,68 +190,68 @@ const pageUpDown = () => {
 		pageNum: nowTemplateNum.value
 	}).then((json) => {
 		totalTemplate.value = json.total || 0
-		templateList.value = json.data || []
-	})
+		templateList.value = json.data || [];
+	});
 }
 const simpleQryTemplate = () => {
-	templateList.value = []
+	templateList.value = [];
 	pageApi.getTemplate({
 		name: name.value,
 		open: open.value,
 		tags: filterTags.value,
 	}).then((json) => {
 		totalTemplate.value = json.total || 0
-		templateList.value = json.data || []
-		nowTemplateNum.value = 1
-	})
+		templateList.value = json.data || [];
+		nowTemplateNum.value = 1;
+	});
 }
 const filterByOpen = () => {
 	pageApi.getTags({open: open.value}).then((json) => {
-		tags.value = json.data || []
-		filterTags.value = json.data || []
-		simpleQryTemplate()
-	})
+		tags.value = json.data || [];
+		filterTags.value = json.data || [];
+		simpleQryTemplate();
+	});
 }
 const filterByTags = () => {
 	filterTags.value = tags.value.filter((item) => {
 		return item.show
-	})
+	});
 	if (filterTags.value.length === 0) {
-		filterTags.value = ['']
+		filterTags.value = [''];
 	}
-	setTimeout(simpleQryTemplate(), 200)
+	setTimeout(simpleQryTemplate(), 200);
 }
 const filterByName = () => {
-	simpleQryTemplate()
+	simpleQryTemplate();
 }
 
-let pageShowDetail = ref('')
-let pageContentRef = ref(null)
+let pageShowDetail = ref('');
+let pageContentRef = ref(null);
 const showPreview = (item) => {
-	editorType.value = item.editorType
+	editorType.value = item.editorType;
 	if (item.editorType === 1) {
-		pageShowDetail.value = item.content
+		pageShowDetail.value = item.content;
 	}
 	if (item.editorType === 2) {
-		pageShowDetail.value = mavonEditor.getMarkdownIt().render(item.content)
+		pageShowDetail.value = mavonEditor.getMarkdownIt().render(item.content);
 	}
 	setTimeout(previewPageImage(), 500);
-	previewVisible.value = true
+	previewVisible.value = true;
 }
 const previewPageImage = () => {
-	const imgArr = []
+	const imgArr = [];
 	if (pageContentRef.value !== undefined || pageContentRef.value !== '') {
-		return
+		return;
 	}
-	const imgSelector = pageContentRef.value.querySelectorAll('img')
+	const imgSelector = pageContentRef.value.querySelectorAll('img');
 	imgSelector.forEach((item, index) => {
-		imgArr.push(item.src)
+		imgArr.push(item.src);
 		item.onclick = () => {
-			previewInitialIndex.value = index
-			showImagePreviewList.value = imgArr
-			showImagePreview.value = true
+			previewInitialIndex.value = index;
+			showImagePreviewList.value = imgArr;
+			showImagePreview.value = true;
 		}
-	})
+	});
 }
 defineExpose({showTemplateCreate, showTemplateManage});
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/composable/windowsScroll.js b/zyplayer-doc-ui/wiki-ui/src/composable/windowsScroll.js
index b3c00787..88bf17b2 100644
--- a/zyplayer-doc-ui/wiki-ui/src/composable/windowsScroll.js
+++ b/zyplayer-doc-ui/wiki-ui/src/composable/windowsScroll.js
@@ -1,6 +1,6 @@
-import {ref, onMounted, onUnmounted, watch} from 'vue'
+import {ref, onMounted, onUnmounted, watch} from 'vue';
 import {useStoreDisplay} from "@/store/wikiDisplay";
-import { useWindowSize, useWindowScroll } from '@vueuse/core'
+import { useWindowSize, useWindowScroll } from '@vueuse/core';
 
 export function useScroll(callback) {
 	const {x, y} = useWindowScroll();
diff --git a/zyplayer-doc-ui/wiki-ui/src/main.js b/zyplayer-doc-ui/wiki-ui/src/main.js
index c89a6f2d..06719778 100644
--- a/zyplayer-doc-ui/wiki-ui/src/main.js
+++ b/zyplayer-doc-ui/wiki-ui/src/main.js
@@ -1,19 +1,19 @@
-import hljs from 'highlight.js'
-import 'highlight.js/styles/googlecode.css'
-// import 'highlight.js/styles/monokai-sublime.css'
-
-import {createApp} from 'vue'
-import App from './App.vue'
-import {createRouter, createWebHashHistory} from 'vue-router'
-
-import ElementUI from 'element-plus'
+import hljs from 'highlight.js';
+import {createApp} from 'vue';
+import App from './App.vue';
+import {createRouter, createWebHashHistory} from 'vue-router';
+import ElementUI from 'element-plus';
 import Antd from 'ant-design-vue';
-import zhCn from 'element-plus/es/locale/lang/zh-cn'
-import routes from './routes'
-import Vant from 'vant'
-import {createPinia} from 'pinia'
-import 'element-plus/dist/index.css'
-import './assets/scss/base.scss'
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import routes from './routes';
+import Vant from 'vant';
+import {createPinia} from 'pinia';
+import 'highlight.js/styles/googlecode.css';
+import 'element-plus/dist/index.css';
+import './assets/scss/highlight.scss';
+import './assets/scss/markdown.scss';
+import './assets/scss/pageView.scss';
+import './assets/scss/base.scss';
 
 const router = createRouter({
 	history: createWebHashHistory(),
@@ -21,7 +21,7 @@ const router = createRouter({
 });
 const app = createApp(App);
 app.config.productionTip = false;
-app.use(Antd)
+app.use(Antd);
 app.use(ElementUI, {
 	locale: zhCn,
 });
diff --git a/zyplayer-doc-ui/wiki-ui/src/routes.js b/zyplayer-doc-ui/wiki-ui/src/routes.js
index 0c90a041..80ea1196 100644
--- a/zyplayer-doc-ui/wiki-ui/src/routes.js
+++ b/zyplayer-doc-ui/wiki-ui/src/routes.js
@@ -1,20 +1,20 @@
-import PageLayout from './views/view/PageLayout.vue'
-// import ShareLayout from './components/layouts/ShareLayout.vue'
-// import ShareMobileLayout from './components/layouts/ShareMobileLayout.vue'
+import PageLayout from './views/view/PageLayout.vue';
+// import ShareLayout from './components/layouts/ShareLayout.vue';
+// import ShareMobileLayout from './components/layouts/ShareMobileLayout.vue';
 
-// import Search from './views/page/Search.vue'
-import NoAuth from './views/common/NoAuth.vue'
+// import Search from './views/page/Search.vue';
+import NoAuth from './views/common/NoAuth.vue';
 
-// import Home from './views/home/Home.vue'
-// import MyInfo from './views/user/MyInfo.vue'
-import Show from './views/view/View.vue'
-// import Edit from './views/page/Edit.vue'
+// import Home from './views/home/Home.vue';
+// import MyInfo from './views/user/MyInfo.vue';
+import Show from './views/view/View.vue';
+// import Edit from './views/page/Edit.vue';
 
-// import spaceManage from './views/space/Manage.vue'
+// import spaceManage from './views/space/Manage.vue';
 
-// import sharePcHome from './views/page/share/pc/Home.vue'
-// import sharePcView from './views/page/share/pc/View.vue'
-// import shareMobileView from './views/page/share/mobile/View.vue'
+// import sharePcHome from './views/page/share/pc/Home.vue';
+// import sharePcView from './views/page/share/pc/View.vue';
+// import shareMobileView from './views/page/share/mobile/View.vue';
 
 let routes = [
 	{path: '/', redirect: '/home'},
@@ -61,6 +61,6 @@ let routes = [
 			},
 		],
 	},
-]
+];
 
-export default routes
+export default routes;
diff --git a/zyplayer-doc-ui/wiki-ui/src/store/pageData.js b/zyplayer-doc-ui/wiki-ui/src/store/pageData.js
index e15c0df0..82401a38 100644
--- a/zyplayer-doc-ui/wiki-ui/src/store/pageData.js
+++ b/zyplayer-doc-ui/wiki-ui/src/store/pageData.js
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import {defineStore} from 'pinia';
 
 export const useStorePageData = defineStore('pageData', {
 	state: () => {
diff --git a/zyplayer-doc-ui/wiki-ui/src/store/spaceData.js b/zyplayer-doc-ui/wiki-ui/src/store/spaceData.js
index 1c3146e8..af81a655 100644
--- a/zyplayer-doc-ui/wiki-ui/src/store/spaceData.js
+++ b/zyplayer-doc-ui/wiki-ui/src/store/spaceData.js
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import {defineStore} from 'pinia';
 
 export const useStoreSpaceData = defineStore('spaceData', {
 	state: () => {
diff --git a/zyplayer-doc-ui/wiki-ui/src/store/userData.js b/zyplayer-doc-ui/wiki-ui/src/store/userData.js
index 909a318f..2df1d13c 100644
--- a/zyplayer-doc-ui/wiki-ui/src/store/userData.js
+++ b/zyplayer-doc-ui/wiki-ui/src/store/userData.js
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import {defineStore} from 'pinia';
 
 export const useStoreUserData = defineStore('userData', {
 	state: () => {
@@ -8,4 +8,4 @@ export const useStoreUserData = defineStore('userData', {
 			upgradeInfo: {},
 		}
 	},
-})
+});
diff --git a/zyplayer-doc-ui/wiki-ui/src/store/wikiDisplay.js b/zyplayer-doc-ui/wiki-ui/src/store/wikiDisplay.js
index 6ba96854..85d140fe 100644
--- a/zyplayer-doc-ui/wiki-ui/src/store/wikiDisplay.js
+++ b/zyplayer-doc-ui/wiki-ui/src/store/wikiDisplay.js
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia'
+import {defineStore} from 'pinia';
 
 export const useStoreDisplay = defineStore('wikiDisplay', {
 	state: () => {
@@ -16,4 +16,4 @@ export const useStoreDisplay = defineStore('wikiDisplay', {
 			isMobile: false,
 		}
 	},
-})
+});
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/common/AboutDialog.vue b/zyplayer-doc-ui/wiki-ui/src/views/common/AboutDialog.vue
index 69cbc12e..ee3981a6 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/common/AboutDialog.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/common/AboutDialog.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script setup>
-import {onBeforeUnmount, ref, shallowRef, watch, onMounted, defineProps, defineEmits, defineExpose} from 'vue'
+import {onBeforeUnmount, ref, shallowRef, watch, onMounted, defineProps, defineEmits, defineExpose} from 'vue';
 import {useRouter, useRoute} from "vue-router";
 import {useStoreUserData} from "@/store/userData";
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/common/NoAuth.vue b/zyplayer-doc-ui/wiki-ui/src/views/common/NoAuth.vue
index 6ad2c4e1..6b483a99 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/common/NoAuth.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/common/NoAuth.vue
@@ -5,5 +5,5 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
+import {ElMessageBox, ElMessage} from 'element-plus';
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/home/Home.vue b/zyplayer-doc-ui/wiki-ui/src/views/home/Home.vue
index 1c61f843..a48f1e7d 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/home/Home.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/home/Home.vue
@@ -30,9 +30,9 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import {View as ElIconView} from '@element-plus/icons-vue'
-import pageApi from '../../assets/api/page'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import {View as ElIconView} from '@element-plus/icons-vue';
+import pageApi from '../../assets/api/page';
 
 let totalCount = ref(0);
 let searchParam = ref({spaceId: '', newsType: 1, pageNum: 1, pageSize: 20,});
@@ -57,20 +57,20 @@ onMounted(() => {
 });
 const getSpacePageNews = () => {
 	pageApi.pageNews(searchParam.value).then((json) => {
-		spacePageNews.value = json.data || []
-	})
+		spacePageNews.value = json.data || [];
+	});
 }
 const handleSizeChange = (val) => {
-	searchParam.value.pageSize = val
-	getSpacePageNews()
+	searchParam.value.pageSize = val;
+	getSpacePageNews();
 }
 const showPageDetail = (row) => {
 	let nowClickPath = {pageId: row.pageId}
-	router.push({path: '/page/show', query: nowClickPath})
+	router.push({path: '/page/show', query: nowClickPath});
 }
 const handleCurrentChange = (val) => {
-	searchParam.value.pageNum = val
-	getSpacePageNews()
+	searchParam.value.pageNum = val;
+	getSpacePageNews();
 }
 const initQueryParam = (to) => {
 	searchParam.value = {
@@ -81,12 +81,12 @@ const initQueryParam = (to) => {
 		dirId: to.query.dirId
 	}
 	if (!!searchParam.value.spaceId) {
-		getSpacePageNews()
+		getSpacePageNews();
 	}
-	newsTypesMap.value = {}
+	newsTypesMap.value = {};
 	newsTypesArr.value.forEach(
-		(item) => (newsTypesMap.value[item.key] = item.val)
-	)
+		(item) => (newsTypesMap.value[item.key] = item.val);
+	);
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/Edit.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/Edit.vue
index 4400f776..f7adea2d 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/Edit.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/Edit.vue
@@ -10,7 +10,7 @@
 			</el-col>
 			<el-col style="flex: 0 0 180px;text-align: right;">
 				<el-button type="primary" @click="createWikiSave(1)" :icon="ElIconDocumentChecked">保存</el-button>
-				<el-button @click="createWikiCancel" :icon="ElIconBack" style="margin-right: 5px">取消</el-button>
+				<el-button @click="createWikiCancel" :icon="ElIconBack" style="margin-right: 5px;">取消</el-button>
 			</el-col>
 		</el-row>
 		<div style="box-sizing: border-box;background: #f5f5f5;overflow: hidden">
@@ -37,7 +37,7 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, onUnmounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
+import {ElMessageBox, ElMessage} from 'element-plus';
 import {
 	DocumentChecked as ElIconDocumentChecked,
 	Fold as ElIconFold,
@@ -45,12 +45,12 @@ import {
 	Check as ElIconCheck,
 	Back as ElIconBack,
 } from '@element-plus/icons-vue'
-import pageApi from '../../assets/api/page'
-import {mavonEditor} from 'mavon-editor'
-import 'mavon-editor/dist/markdown/github-markdown.min.css'
-import 'mavon-editor/dist/css/index.css'
-import axios from 'axios'
-import WangEditor from './editor/WangEditor.vue'
+import pageApi from '../../assets/api/page';
+import {mavonEditor} from 'mavon-editor';
+import 'mavon-editor/dist/markdown/github-markdown.min.css';
+import 'mavon-editor/dist/css/index.css';
+import axios from 'axios';
+import WangEditor from './editor/WangEditor.vue';
 import {useStoreSpaceData} from "@/store/spaceData";
 import {useStorePageData} from "@/store/pageData";
 import {useStoreDisplay} from "@/store/wikiDisplay";
@@ -105,9 +105,9 @@ let toolbars = {
 const props = defineProps({
 	spaceId: Number,
 });
-let storeSpace = useStoreSpaceData()
-let storePage = useStorePageData()
-let storeDisplay = useStoreDisplay()
+let storeSpace = useStoreSpaceData();
+let storePage = useStorePageData();
+let storeDisplay = useStoreDisplay();
 let emit = defineEmits(['loadPageList']);
 onBeforeRouteUpdate((to) => {
 	initQueryParam(to);
@@ -115,35 +115,35 @@ onBeforeRouteUpdate((to) => {
 let route = useRoute();
 let router = useRouter();
 onUnmounted(() => {
-	unlockPage()
+	unlockPage();
 });
 onMounted(() => {
-	initEditor()
-	initQueryParam(route)
-	let that = this
+	initEditor();
+	initQueryParam(route);
+	let that = this;
 	window.onunload = function () {
-		that.unlockPage()
+		that.unlockPage();
 	}
 	window.onbeforeunload = function () {
-		that.unlockPage()
+		that.unlockPage();
 	}
-	storeDisplay.showHeader = false
-})
+	storeDisplay.showHeader = false;
+});
 const turnLeftCollapse = () => {
-	storeDisplay.showMenu = !storeDisplay.showMenu
+	storeDisplay.showMenu = !storeDisplay.showMenu;
 	setTimeout(() => {
 		if (storeDisplay.showMenu) {
-			storeDisplay.rightAsideWidth = 301
+			storeDisplay.rightAsideWidth = 301;
 		} else {
-			storeDisplay.rightAsideWidth = 1
+			storeDisplay.rightAsideWidth = 1;
 		}
-	}, 100)
+	}, 100);
 }
 const unlockPage = () => {
 	// 防止各种事件重复调这个接口，只需要调一次就好了
-	if (isUnlock.value) return
-	isUnlock.value = true
-	pageApi.pageUnlock({pageId: pageId.value})
+	if (isUnlock.value) return;
+	isUnlock.value = true;
+	pageApi.pageUnlock({pageId: pageId.value});
 }
 const createWikiCancel = () => {
 	ElMessageBox.confirm('确定要取消编辑吗？您编辑的内容将不会被保存哦~', '提示', {
@@ -151,32 +151,32 @@ const createWikiCancel = () => {
 		cancelButtonText: '继续编辑',
 		type: 'warning',
 	}).then(() => {
-		unlockPage()
-		router.back()
-		storeDisplay.showHeader = true
-	})
+		unlockPage();
+		router.back();
+		storeDisplay.showHeader = true;
+	});
 }
 let wangEditorRef = ref();
 const createWikiSave = (saveAfter) => {
 	let content = '',
-		preview = ''
+		preview = '';
 	if (wikiPageEdit.value.editorType === 2) {
-		content = markdownContent.value
-		preview = markdownContent.value
+		content = markdownContent.value;
+		preview = markdownContent.value;
 	} else {
-		let pageData = wangEditorRef.value.getPageData()
-		content = pageData.html
-		preview = pageData.text
-		wikiPageEdit.value.pageTitle = pageData.title
+		let pageData = wangEditorRef.value.getPageData();
+		content = pageData.html;
+		preview = pageData.text;
+		wikiPageEdit.value.pageTitle = pageData.title;
 	}
 	if (!wikiPageEdit.value.pageTitle) {
-		ElMessage.warning('标题不能为空')
-		return
+		ElMessage.warning('标题不能为空');
+		return;
 	}
 	// 修改内容时强制不能修改父路径，只能在目录上拖动修改
-	let parentIdVal = pageId.value > 0 ? '' : parentId.value
+	let parentIdVal = pageId.value > 0 ? '' : parentId.value;
 	if (!!pageId.value){
-		wikiPage.value.id = pageId.value
+		wikiPage.value.id = pageId.value;
 	}
 	let param = {
 		spaceId: props.spaceId,
@@ -189,91 +189,91 @@ const createWikiSave = (saveAfter) => {
 	}
 
 	pageApi.updatePage(param).then((json) => {
-		ElMessage.success('保存成功！')
+		ElMessage.success('保存成功！');
 		// 重新加载左侧列表，跳转到展示页面
-		doGetPageList()
-		pageId.value = json.data.id
+		doGetPageList();
+		pageId.value = json.data.id;
 		if (saveAfter == 1) {
 			router.push({
 				path: '/page/show',
 				query: {pageId: pageId.value},
 			}).then(()=>{
-				storeDisplay.showHeader = true
-			})
+				storeDisplay.showHeader = true;
+			});
 		} else {
-			loadPageDetail(pageId.value)
+			loadPageDetail(pageId.value);
 		}
-	})
+	});
 }
 
 const doGetPageList = () => {
 	let param = {spaceId: storeSpace.chooseSpaceId}
 	pageApi.pageList(param).then((json) => {
-		storePage.wikiPageList = json.data || []
-	})
+		storePage.wikiPageList = json.data || [];
+	});
 }
 const loadPageDetail = (pageId) => {
 	pageApi.pageDetail({id: pageId}).then((json) => {
 		wikiPage.value = json.data.wikiPage || {}
 		pageContent.value = json.data.pageContent || {}
-		pageFileList.value = json.data.fileList || []
+		pageFileList.value = json.data.fileList || [];
 		// 内容
-		wikiPageEdit.value.pageTitle = wikiPage.value.name
-		wikiPageEdit.value.editorType = wikiPage.value.editorType
+		wikiPageEdit.value.pageTitle = wikiPage.value.name;
+		wikiPageEdit.value.editorType = wikiPage.value.editorType;
 		if (wikiPageEdit.value.editorType === 2) {
 			markdownContent.value = pageContent.value.content || ''
 		} else {
 			// editor.value.txt.html(pageContent.value.content || "");
 			setTimeout(() => {
-				wangEditorRef.value.setTitle(wikiPage.value.name || '')
-				wangEditorRef.value.setHtml(pageContent.value.content || '')
-			}, 0)
+				wangEditorRef.value.setTitle(wikiPage.value.name || '');
+				wangEditorRef.value.setHtml(pageContent.value.content || '');
+			}, 0);
 		}
-	})
+	});
 }
 const loadParentPageDetail = (pageId) => {
-	if (!pageId) return
+	if (!pageId) return;
 	pageApi.pageDetail({id: pageId}).then((json) => {
 		parentWikiPage.value = json.data.wikiPage || {}
-	})
+	});
 }
 const cleanPage = () => {
-	wikiPage.value = {}
-	pageContent.value = {}
-	pageFileList.value = []
-	wikiPageEdit.value.pageTitle = ''
+	wikiPage.value = {};
+	pageContent.value = {};
+	pageFileList.value = [];
+	wikiPageEdit.value.pageTitle = '';
 	if (!!editor.value.txt) {
-		editor.value.txt.html('')
+		editor.value.txt.html('');
 	}
 }
 const initQueryParam = (to) => {
 	// pageId和parentId二选一，传了pageId代表编辑页面，否则代表新建页面
-	pageId.value = to.query.pageId
-	parentId.value = to.query.parentId
+	pageId.value = to.query.pageId;
+	parentId.value = to.query.parentId;
 	if (!!pageId.value){
-		wangEditorRef.value.setPageId(pageId.value)
+		wangEditorRef.value.setPageId(pageId.value);
 	}
 	if (!!pageId.value) {
-		loadPageDetail(pageId.value)
+		loadPageDetail(pageId.value);
 		pageApi.pageLock({pageId: pageId.value}).catch((json) => {
 			ElMessageBox.alert(json.errMsg || '未知错误', '错误', {
 				confirmButtonText: '确定',
 				callback: () => {
-					router.back()
+					router.back();
 				},
-			})
-		})
+			});
+		});
 	} else {
-		loadParentPageDetail(parentId.value)
-		cleanPage()
+		loadParentPageDetail(parentId.value);
+		cleanPage();
 	}
 }
 let mavonEditorRef = ref();
 const addMarkdownImage = (pos, file) => {
-	let formData = new FormData()
-	formData.append('files', file)
+	let formData = new FormData();
+	formData.append('files', file);
 	if (!!pageId.value){
-		formData.append('pageId', pageId.value)
+		formData.append('pageId', pageId.value);
 	}
 
 	axios({
@@ -286,13 +286,13 @@ const addMarkdownImage = (pos, file) => {
 	}).then((res) => {
 		let urlObj = res.data.data || {}
 		if (urlObj.url) {
-			mavonEditorRef.value.$img2Url(pos, urlObj.url)
+			mavonEditorRef.value.$img2Url(pos, urlObj.url);
 		} else {
-			ElMessage.warning('上传失败，返回数据为空')
+			ElMessage.warning('上传失败，返回数据为空');
 		}
 	}).catch((e) => {
-		ElMessage.warning('上传失败：' + e.message)
-	})
+		ElMessage.warning('上传失败：' + e.message);
+	});
 }
 const initEditor = () => {
 }
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/PageLayout.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/PageLayout.vue
index 50aefe06..dfd56576 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/PageLayout.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/PageLayout.vue
@@ -19,10 +19,10 @@
 
 <script setup>
 import {toRefs, ref, reactive, onMounted, onBeforeUnmount, defineProps, watch, defineEmits, computed, defineExpose} from 'vue';
-import {useStoreDisplay} from '@/store/wikiDisplay.js'
-import LeftAside from './aside/LeftAside.vue'
-import RightHeader from './aside/RightHeader.vue'
-import RightResize from './aside/RightResize.vue'
+import {useStoreDisplay} from '@/store/wikiDisplay.js';
+import LeftAside from './aside/LeftAside.vue';
+import RightHeader from './aside/RightHeader.vue';
+import RightResize from './aside/RightResize.vue';
 import userApi from "@/assets/api/user";
 import {useStoreUserData} from "@/store/userData";
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/Search.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/Search.vue
index 2e288bea..7e02395c 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/Search.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/Search.vue
@@ -1,10 +1,10 @@
 <template>
 	<div style="background: #f1f1f1; min-height: 100%" class="page-search-vue">
 		<div style="max-width: 1200px;margin: 0 auto;background: #fff;padding: 20px;min-height: 100%;box-sizing: border-box;">
-			<div style="margin-bottom: 20px">
+			<div style="margin-bottom: 20px;">
 				<el-row :gutter="20" style="max-width: 700px; margin: 0 auto">
 					<el-col :span="20">
-						<el-input v-model="searchParam.keywords" @keyup.enter="getSpacePageNews" placeholder="" style="width: 100%"></el-input>
+						<el-input v-model="searchParam.keywords" @keyup.enter="getSpacePageNews" placeholder="" style="width: 100%;"></el-input>
 					</el-col>
 					<el-col :span="4">
 						<el-button type="primary" @click="getSpacePageNews" :icon="ElIconSearch">搜索一下</el-button>
@@ -45,9 +45,9 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import {View as ElIconView, Search as ElIconSearch} from '@element-plus/icons-vue'
-import pageApi from '../../assets/api/page'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import {View as ElIconView, Search as ElIconSearch} from '@element-plus/icons-vue';
+import pageApi from '../../assets/api/page';
 
 let route = useRoute();
 let router = useRouter();
@@ -65,20 +65,20 @@ let searchParam = ref({
 let spacePageNews = ref([]);
 const getSpacePageNews = () => {
 	pageApi.pageSearchByEs(searchParam.value).then((json) => {
-		spacePageNews.value = json.data || []
-		totalCount.value = json.total
-	})
+		spacePageNews.value = json.data || [];
+		totalCount.value = json.total;
+	});
 }
 const handleSizeChange = (val) => {
-	searchParam.value.pageSize = val
-	getSpacePageNews()
+	searchParam.value.pageSize = val;
+	getSpacePageNews();
 }
 const showPageDetail = (row) => {
-	window.open('#/page/show?pageId=' + row.pageId)
+	window.open('#/page/show?pageId=' + row.pageId);
 }
 const handleCurrentChange = (val) => {
-	searchParam.value.pageNum = val
-	getSpacePageNews()
+	searchParam.value.pageNum = val;
+	getSpacePageNews();
 }
 const initQueryParam = (to) => {
 	searchParam.value = {
@@ -88,7 +88,7 @@ const initQueryParam = (to) => {
 		pageNum: 1,
 		pageSize: 20,
 	}
-	getSpacePageNews()
+	getSpacePageNews();
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/View.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/View.vue
index 1b01a40b..7b360541 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/View.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/View.vue
@@ -46,19 +46,19 @@ import { CloseOutlined } from '@ant-design/icons-vue';
 import {toRefs, ref, reactive, onMounted, watch, defineProps, h, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRoute, useRouter} from "vue-router";
 import { ElMessageBox, ElMessage, ElNotification } from 'element-plus';
-import QRCode from 'qrcode'
-import unitUtil from '../../assets/lib/UnitUtil.js'
-import htmlUtil from '../../assets/lib/HtmlUtil.js'
-import pageApi from '../../assets/api/page'
-import userApi from '../../assets/api/user'
-import Navigation from './show/Navigation.vue'
-import Annex from './show/Annex.vue'
-import PageHistory from './show/PageHistory.vue'
-import Comment from './show/Comment.vue'
-import PageZan from './show/PageZan.vue'
-import {mavonEditor} from 'mavon-editor'
-import 'mavon-editor/dist/markdown/github-markdown.min.css'
-import 'mavon-editor/dist/css/index.css'
+import QRCode from 'qrcode';
+import unitUtil from '../../assets/lib/UnitUtil.js';
+import htmlUtil from '../../assets/lib/HtmlUtil.js';
+import pageApi from '../../assets/api/page';
+import userApi from '../../assets/api/user';
+import Navigation from './show/Navigation.vue';
+import Annex from './show/Annex.vue';
+import PageHistory from './show/PageHistory.vue';
+import Comment from './show/Comment.vue';
+import PageZan from './show/PageZan.vue';
+import {mavonEditor} from 'mavon-editor';
+import 'mavon-editor/dist/markdown/github-markdown.min.css';
+import 'mavon-editor/dist/css/index.css';
 import {useStorePageData} from "@/store/pageData";
 import {useStoreDisplay} from "@/store/wikiDisplay";
 import ImageViewer from "@/components/base/ImageViewer.vue";
@@ -126,30 +126,30 @@ const previewPageImage = () => {
 }
 
 const getSearchUserList = (query) => {
-	if (query == '') return
-	pageAuthUserLoading.value = true
+	if (query == '') return;
+	pageAuthUserLoading.value = true;
 	userApi.getUserBaseInfo({search: query}).then((json) => {
-		searchUserList.value = json.data || []
-		pageAuthUserLoading.value = false
-	})
+		searchUserList.value = json.data || [];
+		pageAuthUserLoading.value = false;
+	});
 }
 const addPageAuthUser = () => {
 	if (pageAuthNewUser.value.length <= 0) {
-		ElMessage.warning('请先选择用户')
-		return
+		ElMessage.warning('请先选择用户');
+		return;
 	}
 	if (
 		!!searchUserList.value.find(
-			(item) => item.userId == pageAuthNewUser.value
-		)
+			(item) => item.userId == pageAuthNewUser.value;
+		);
 	) {
-		pageAuthNewUser.value = ''
-		return
+		pageAuthNewUser.value = '';
+		return;
 	}
-	let userName = ''
+	let userName = '';
 	for (let i = 0; i < searchUserList.value.length; i++) {
 		if (pageAuthNewUser.value == searchUserList.value[i].id) {
-			userName = searchUserList.value[i].userName
+			userName = searchUserList.value[i].userName;
 			break
 		}
 	}
@@ -162,8 +162,8 @@ const addPageAuthUser = () => {
 		pageFileUpload: 0,
 		pageFileDelete: 0,
 		pageAuthManage: 0,
-	})
-	pageAuthNewUser.value = ''
+	});
+	pageAuthNewUser.value = '';
 }
 const saveUserPageAuth = () => {
 	let param = {
@@ -171,11 +171,11 @@ const saveUserPageAuth = () => {
 		authList: JSON.stringify(pageAuthUserList.value),
 	}
 	pageApi.assignPageUserAuth(param).then(() => {
-		ElMessage.success('保存成功！')
-	})
+		ElMessage.success('保存成功！');
+	});
 }
 const notOpen = () => {
-	ElMessage.warning('暂未开放')
+	ElMessage.warning('暂未开放');
 }
 const deleteUserPageAuth = (row) => {
 	let pageAuthUserList = [];
@@ -212,7 +212,7 @@ const getPageHistory = (pageId, pageNum) => {
 			historyList.forEach((item) => (item.loading = 0));
 			pageHistoryList.value = pageHistoryList.value.concat(historyList);
 		}
-	})
+	});
 }
 const historyClickHandle = (history) => {
 	pageHistoryChoice.value.loading = 0;
@@ -228,10 +228,10 @@ const clearHistory = () => {
 	pageShowDetail.value = pageContent.value.content;
 }
 const computeFileSize = (fileSize) => {
-	return unitUtil.computeFileSize(fileSize)
+	return unitUtil.computeFileSize(fileSize);
 }
 const loadPageDetail = (pageId) => {
-	clearHistory()
+	clearHistory();
 	pageApi.pageDetail({id: pageId}).then(async (json) => {
 		let result = json.data || {};
 		let wikiPageRes = result.wikiPage || {};
@@ -267,12 +267,12 @@ const loadPageDetail = (pageId) => {
 		}, 500);
 		storePage.pageInfo = wikiPageRes;
 		storePage.pageAuth = wikiPageAuth.value;
-	})
-	getPageHistory(pageId, 1)
+	});
+	getPageHistory(pageId, 1);
 }
 let wikiTitleRef = ref();
 const createNavigationHeading = () => {
-	let navigationListVal = htmlUtil.createNavigationHeading()
+	let navigationListVal = htmlUtil.createNavigationHeading();
 	// 标题加到导航里面去
 	if (navigationListVal.length > 0) {
 		let wikiTile = wikiPage.value.name || 'WIKI-内容展示'
@@ -280,28 +280,28 @@ const createNavigationHeading = () => {
 			level: 1,
 			node: wikiTitleRef.value,
 			text: wikiTile,
-		})
+		});
 	}
 	navigationList.value = navigationListVal;
 }
 const closeImagePreview = () => {
-	showImagePreview.value = false
+	showImagePreview.value = false;
 }
 let pageContentRef = ref();
 
 const getUserHeadBgColor = (userId) => {
-	let color = page.userHeadColor[userId]
+	let color = page.userHeadColor[userId];
 	if (!color) {
 		color =
-			page.colorArr[Math.ceil(Math.random() * page.colorArr.length) - 1]
-		page.userHeadColor[userId] = color
+			page.colorArr[Math.ceil(Math.random() * page.colorArr.length) - 1];
+		page.userHeadColor[userId] = color;
 	}
-	return color
+	return color;
 }
 const initQueryParam = (to) => {
 	parentPath.value = {pageId: to.query.pageId}
 	if (!!parentPath.value.pageId) {
-		loadPageDetail(parentPath.value.pageId)
+		loadPageDetail(parentPath.value.pageId);
 	}
 }
 </script>
@@ -339,7 +339,7 @@ const initQueryParam = (to) => {
 </style>
 
 <style>
-@import '../../assets/lib/wangEditor.css';
+@import '../../assets/scss/wangEditor.css';
 
 .page-show-vue .icon-collapse {
 	float: left;
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/aside/AddMenu.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/aside/AddMenu.vue
index 0ede1657..ad5c711b 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/aside/AddMenu.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/aside/AddMenu.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script setup>
-import {Plus as ElIconPlus,} from '@element-plus/icons-vue'
+import {Plus as ElIconPlus,} from '@element-plus/icons-vue';
 import {
 	FolderOpen,
 	Word as IconParkWord,
@@ -37,10 +37,10 @@ import {
 } from '@icon-park/vue-next'
 import {ref, defineProps, defineEmits} from 'vue';
 import {useRouter} from "vue-router";
-import {ElMessage} from 'element-plus'
-import pageApi from '@/assets/api/page'
+import {ElMessage} from 'element-plus';
+import pageApi from '@/assets/api/page';
 import axios from "axios";
-import IconDocument from '@/components/base/IconDocument.vue'
+import IconDocument from '@/components/base/IconDocument.vue';
 import {useStorePageData} from "@/store/pageData";
 
 let router = useRouter();
@@ -102,16 +102,16 @@ const createWiki = (editorType) => {
 			preview: ''
 		}).then((json) => {
 			storePage.eventPageListUpdate = !storePage.eventPageListUpdate;
-			ElMessage.success('创建成功')
+			ElMessage.success('创建成功');
 			if (editorType !== 0) {
 				router.push({
 					path: '/page/edit',
 					query: {parentId: props.nowPageId.value, pageId: json.data.id}
-				})
+				});
 			}
-		})
+		});
 	} else {
-		ElMessage.warning('请先选择或创建空间')
+		ElMessage.warning('请先选择或创建空间');
 	}
 }
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/aside/LeftAside.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/aside/LeftAside.vue
index ffa8e247..e2ff7f62 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/aside/LeftAside.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/aside/LeftAside.vue
@@ -115,15 +115,15 @@ import {
 	EditTwo as IconParkEditTwo,
 	PageTemplate as IconParkPageTemplate,
 } from '@icon-park/vue-next'
-import {MoreFilled} from '@element-plus/icons-vue'
+import {MoreFilled} from '@element-plus/icons-vue';
 import {ref, defineProps, defineEmits, defineExpose, onMounted, watch} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import pageApi from '@/assets/api/page'
+import pageApi from '@/assets/api/page';
 import {useStoreDisplay} from "@/store/wikiDisplay";
 import {useStorePageData} from "@/store/pageData";
 import AddMenu from "./AddMenu.vue";
 import IconDocument from "@/components/base/IconDocument.vue";
-import {ElMessageBox, ElMessage} from 'element-plus'
+import {ElMessageBox, ElMessage} from 'element-plus';
 import {useStoreSpaceData} from "@/store/spaceData";
 import Navigation from "@/views/page/show/Navigation.vue";
 import PageZan from "@/views/page/show/PageZan.vue";
@@ -184,16 +184,16 @@ const loadSpaceList = (spaceId) => {
 				console.log(e);
 			}
 		}
-	})
+	});
 }
 let optionPageId = ref('');
 const changeNodeOptionStatus = (param) => {
 	optionPageId.value = param.id;
 }
 const assisSetCurrentKey = () => {
-	emit('setNowPageId', route.query.pageId, props.readOnly)
+	emit('setNowPageId', route.query.pageId, props.readOnly);
 	if (props.nowPageId) {
-		wikiPageTreeRef.value.setCurrentKey(nowPageId.value)
+		wikiPageTreeRef.value.setCurrentKey(nowPageId.value);
 	}
 }
 
@@ -203,7 +203,7 @@ const changeWikiPageExpandedKeys = (pageId) => {
 }
 const createWikiByTemplate = () => {
 	// TODO
-	// templateManageRef.value.showTemplateManage()
+	// templateManageRef.value.showTemplateManage();
 }
 const choosePageIdFunc = (id) => {
 	storePage.optionPageId = id;
@@ -213,15 +213,15 @@ const rename = (node, data) => {
 }
 const openMoveMenu = (onlyMove) => {
 	// TODO
-	// onlyMoveMode.value = onlyMove
-	// visibleMoveMenu.value = true
+	// onlyMoveMode.value = onlyMove;
+	// visibleMoveMenu.value = true;
 	// moveToPageId.value = storePage.choosePageId
 	// moveToSpaceId.value = storeSpace.chooseSpaceId
 	// moveToWikiPageList.value = storePage.wikiPageList
 }
 const openTemplateCreate = (exsit) => {
 	// TODO
-	// templateManageRef.value.showTemplateCreate(exsit)
+	// templateManageRef.value.showTemplateCreate(exsit);
 }
 const deleteWikiPage = (data) => {
 	let msg = '确定要删除此页面及其所有子页面吗？'
@@ -239,10 +239,10 @@ const deleteWikiPage = (data) => {
 	});
 }
 const spaceChangeEvents = (data) => {
-	emit('spaceChangeEvents', data, props.readOnly)
+	emit('spaceChangeEvents', data, props.readOnly);
 }
 const doRename = (node, data) => {
-	pageApi.renamePage({"id": data.id, "name": data.name})
+	pageApi.renamePage({"id": data.id, "name": data.name});
 		.then((json) => {
 			doGetPageList();
 			ElMessage.success('重命名成功');
@@ -252,35 +252,35 @@ const doRename = (node, data) => {
 const doGetPageList = () => {
 	let param = {spaceId: storeSpace.chooseSpaceId}
 	pageApi.pageList(param).then((json) => {
-		storePage.wikiPageList = json.data || []
-	})
+		storePage.wikiPageList = json.data || [];
+	});
 }
 const doSearchByKeywords = (queryString, callback) => {
 	if (!queryString || !queryString.trim()) {
-		callback([])
-		return
+		callback([]);
+		return;
 	}
 	pageApi
-		.pageNews({spaceId: props.choiceSpace, keywords: queryString})
+		.pageNews({spaceId: props.choiceSpace, keywords: queryString});
 		.then((json) => {
-			let spacePageNews = json.data || []
-			callback(spacePageNews)
-		})
+			let spacePageNews = json.data || [];
+			callback(spacePageNews);
+		});
 }
 const handleSearchKeywordsSelect = (item) => {
-	searchKeywords.value = ''
-	router.push({path: '/page/show', query: {pageId: item.pageId}})
+	searchKeywords.value = '';
+	router.push({path: '/page/show', query: {pageId: item.pageId}});
 }
 
 const changeDropWownStatus = () => {
 	if (explan.value) {
 		explanClass.value = "el-tree"
 		descriptorForTree.value = "点击收起目录"
-		explan.value = false
+		explan.value = false;
 	} else {
 		explanClass.value = "hidTree"
 		descriptorForTree.value = "点击展开目录"
-		explan.value = true
+		explan.value = true;
 	}
 }
 
@@ -291,36 +291,36 @@ const filterPageNode = (value, data) => {
 	return name.indexOf(value.toLowerCase()) !== -1;
 }
 const searchByKeywords = () => {
-	wikiPageTreeRef.value.filter(searchKeywords.value)
+	wikiPageTreeRef.value.filter(searchKeywords.value);
 }
 const handleNodeClick = (data) => {
-	//console.log('点击节点：', data, props.nowPageId)
-	storeDisplay.showHeader = true
-	emit('setNowPageId', data.id, props.readOnly)
+	//console.log('点击节点：', data, props.nowPageId);
+	storeDisplay.showHeader = true;
+	emit('setNowPageId', data.id, props.readOnly);
 	if (props.readOnly) {
-		return
+		return;
 	}
 	if (data.editorType !== 0) {
-		router.push({path: '/page/show', query: {pageId: data.id}})
+		router.push({path: '/page/show', query: {pageId: data.id}});
 	}
 }
 const handlePageDrop = (draggingNode, dropNode, dropType, ev) => {
-	console.log('tree drop: ', draggingNode.data, dropNode.data, dropType)
+	console.log('tree drop: ', draggingNode.data, dropNode.data, dropType);
 	// 'prev'、'inner'、'next'
 	// before、after、inner
 	var param = {id: draggingNode.data.id, parentId: dropNode.data.parentId}
 	if (dropType == 'inner') {
-		param.parentId = dropNode.data.id
+		param.parentId = dropNode.data.id;
 	} else if (dropType == 'before') {
-		param.beforeSeq = dropNode.data.seqNo
+		param.beforeSeq = dropNode.data.seqNo;
 	} else if (dropType == 'after') {
-		param.afterSeq = dropNode.data.seqNo
+		param.afterSeq = dropNode.data.seqNo;
 	}
 	pageApi.pageChangeParent(param).then((res) => {
 		doGetPageList();
 	});
 }
-defineExpose({searchByKeywords})
+defineExpose({searchByKeywords});
 </script>
 
 <style lang="scss">
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/aside/RightHeader.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/aside/RightHeader.vue
index 356c1248..f81ec8f4 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/aside/RightHeader.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/aside/RightHeader.vue
@@ -83,17 +83,17 @@ import {
 import {UserOutlined, EditOutlined, MessageOutlined, CheckOutlined, EllipsisOutlined} from '@ant-design/icons-vue';
 import {toRefs, ref, reactive, onMounted, watch, defineEmits, h, computed} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import { ElMessageBox, ElMessage } from 'element-plus'
-import { useStoreDisplay } from '@/store/wikiDisplay.js'
-import { useStorePageData } from '@/store/pageData.js'
-import { useStoreUserData } from '@/store/userData.js'
+import { ElMessageBox, ElMessage } from 'element-plus';
+import { useStoreDisplay } from '@/store/wikiDisplay.js';
+import { useStorePageData } from '@/store/pageData.js';
+import { useStoreUserData } from '@/store/userData.js';
 import pageApi from "@/assets/api/page";
 import {useStoreSpaceData} from "@/store/spaceData";
 import userApi from "@/assets/api/user";
-import PageAuthDialog from '@/views/page/show/PageAuthDialog.vue'
-import MobileQrScanDialog from '@/views/page/show/MobileQrScanDialog.vue'
-import AboutDialog from "@/views/common/AboutDialog.vue"
-import UserMessagePopover from "../../../components/layouts/UserMessagePopover.vue"
+import PageAuthDialog from '@/views/page/show/PageAuthDialog.vue';
+import MobileQrScanDialog from '@/views/page/show/MobileQrScanDialog.vue';
+import AboutDialog from "@/views/common/AboutDialog.vue";
+import UserMessagePopover from "../../../components/layouts/UserMessagePopover.vue";
 import {fixRequestUrl} from "@/assets/api/hostUtils";
 
 let router = useRouter();
@@ -154,13 +154,13 @@ const deleteWikiPage = () => {
 	}).then(() => {
 		pageApi.pageDelete({pageId: storePage.pageInfo.id}).then(() => {
 			pageApi.pageList({spaceId: storeSpace.chooseSpaceId}).then((json) => {
-				storePage.wikiPageList = json.data || []
+				storePage.wikiPageList = json.data || [];
 			}).then(()=>{
 				router.push({path: '/home', query: {spaceId: storePage.pageInfo.spaceId}});
-			})
+			});
 		});
 	}).catch((e) => {
-		console.log(e)
+		console.log(e);
 	});
 }
 // 下载为Word
@@ -194,7 +194,7 @@ const showAbout = () => {
 	aboutDialogVisible.value = true;
 }
 const showConsole = () => {
-	window.open(import.meta.env.VITE_APP_BASE_API, '_blank')
+	window.open(import.meta.env.VITE_APP_BASE_API, '_blank');
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/components/Navigation.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/components/Navigation.vue
index 4815cc3f..80be0f7e 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/components/Navigation.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/components/Navigation.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="navigation">
-		<div ref="navigationRef" style="display: inline-block; width: 100%"></div>
+		<div ref="navigationRef" style="display: inline-block; width: 100%;"></div>
 		<div class="navigation-heading" :style="{ width: navigationWidth }">
 			<div v-for="item in heading" :class="'heading-item heading-' + item.level" @click="headingItemClick(item)">
 				{{ item.text }}
@@ -20,30 +20,30 @@ import {
 	defineProps,
 	defineExpose,
 } from 'vue'
-import {useStoreDisplay} from '@/store/wikiDisplay.js'
+import {useStoreDisplay} from '@/store/wikiDisplay.js';
 import {useStorePageData} from "@/store/pageData";
 
 let storePage = useStorePageData();
-const storeDisplay = useStoreDisplay()
-let navigationWidth = ref('100px')
+const storeDisplay = useStoreDisplay();
+let navigationWidth = ref('100px');
 const props = defineProps({
 	heading: {
 		type: Array,
 		default: [],
 	},
-})
+});
 onMounted(() => {
 	window.onresize = () => {
 		computeNavigationWidth();
 	}
 	setTimeout(() => computeNavigationWidth(), 100);
-})
+});
 watch(() => storeDisplay.viewMenuWidth, (newVal) => {
 	computeNavigationWidth();
-})
+});
 watch(() => storePage.commentShow, (newVal) => {
 	computeNavigationWidth();
-})
+});
 let navigationRef = ref();
 const computeNavigationWidth = () => {
 	navigationWidth.value = window.getComputedStyle(
@@ -59,7 +59,7 @@ const headingItemClick = (item) => {
 		inline: 'nearest',
 	});
 	// 距离顶部高度
-	//console.log(item.node.offsetTop - item.node.scrollHeight)
+	//console.log(item.node.offsetTop - item.node.scrollHeight);
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/editor/WangEditor.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/editor/WangEditor.vue
index 018ac26c..999e48c2 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/editor/WangEditor.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/editor/WangEditor.vue
@@ -21,10 +21,10 @@
 </template>
 
 <script setup>
-import '@wangeditor/editor/dist/css/style.css'
-import {DomEditor} from '@wangeditor/editor'
-import {onBeforeUnmount, ref, shallowRef, onMounted, watch, defineProps, defineExpose} from 'vue'
-import {Editor, Toolbar} from '@wangeditor/editor-for-vue'
+import '@wangeditor/editor/dist/css/style.css';
+import {DomEditor} from '@wangeditor/editor';
+import {onBeforeUnmount, ref, shallowRef, onMounted, watch, defineProps, defineExpose} from 'vue';
+import {Editor, Toolbar} from '@wangeditor/editor-for-vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
 
 const props = defineProps({
@@ -65,7 +65,7 @@ let editorConfig = ref({
 });
 let mode = 'default';
 let defaultHtml = '';
-const editorRef = shallowRef()
+const editorRef = shallowRef();
 let pageTitle = ref('');
 
 const handleCreated = (editor) => {
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/share/mobile/View.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/share/mobile/View.vue
index c61a1086..4af5c9e9 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/share/mobile/View.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/share/mobile/View.vue
@@ -12,7 +12,7 @@
 					<span v-else>创建时间：{{ wikiPage.createTime }}</span>
 				</div>
 				<div class="wiki-files">
-					<el-table v-show="pageFileList.length > 0" :data="pageFileList" border style="width: 100%; margin-bottom: 5px">
+					<el-table v-show="pageFileList.length > 0" :data="pageFileList" border style="width: 100%; margin-bottom: 5px;">
 						<el-table-column label="文件名">
 							<template v-slot="scope">
 								<a target="_blank" :href="scope.row.fileUrl">{{scope.row.fileName }}</a>
@@ -37,12 +37,12 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import pageApi from '../../../../assets/api/page'
-import {mavonEditor} from 'mavon-editor'
-import {ImagePreview} from 'vant'
-import 'mavon-editor/dist/markdown/github-markdown.min.css'
-import 'mavon-editor/dist/css/index.css'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import pageApi from '../../../../assets/api/page';
+import {mavonEditor} from 'mavon-editor';
+import {ImagePreview} from 'vant';
+import 'mavon-editor/dist/markdown/github-markdown.min.css';
+import 'mavon-editor/dist/css/index.css';
 
 let spaceUuid = ref('');
 let nowPageId = ref('');
@@ -64,36 +64,36 @@ onMounted(() => {
 	initQueryParam(route);
 });
 const popupShowChange = () => {
-	emit('popupShow', true)
+	emit('popupShow', true);
 }
 const loadPageDetail = (pageId) => {
 	let param = {pageId: pageId, space: spaceUuid.value}
 	pageApi.openPageDetail(param).then((json) => {
 		let wikiPageRes = json.data.wikiPage || {}
 		wikiPageRes.selfZan = json.data.selfZan || 0
-		wikiPage.value = wikiPageRes
+		wikiPage.value = wikiPageRes;
 		let pageContent = json.data.pageContent || {}
-		pageFileList.value = json.data.fileList || []
+		pageFileList.value = json.data.fileList || [];
 		if (wikiPage.value.editorType === 2) {
-			pageContent.content = mavonEditor.getMarkdownIt().render(pageContent.content)
+			pageContent.content = mavonEditor.getMarkdownIt().render(pageContent.content);
 		}
-		pageShowDetail.value = pageContent.content
+		pageShowDetail.value = pageContent.content;
 		document.title = wikiPageRes.name || 'WIKI-内容展示'
-		setTimeout(() => previewPageImage(), 500)
-	})
+		setTimeout(() => previewPageImage(), 500);
+	});
 }
 const initQueryParam = (to) => {
-	spaceUuid.value = to.query.space
-	nowPageId.value = to.query.pageId
+	spaceUuid.value = to.query.space;
+	nowPageId.value = to.query.pageId;
 	if (!!nowPageId.value) {
-		loadPageDetail(nowPageId.value)
+		loadPageDetail(nowPageId.value);
 	}
 }
 const computeFileSize = (fileSize) => {
 	if (!fileSize) {
 		return '-'
 	}
-	let size = ''
+	let size = '';
 	if (fileSize < 0.1 * 1024) {
 		size = fileSize.toFixed(2) + 'B'
 	} else if (fileSize < 0.1 * 1024 * 1024) {
@@ -104,33 +104,33 @@ const computeFileSize = (fileSize) => {
 		size = (fileSize / (1024 * 1024 * 1024)).toFixed(2) + 'GB'
 	}
 	let sizeStr = size + ''
-	let index = sizeStr.indexOf('.')
-	let dou = sizeStr.substr(index + 1, 2)
+	let index = sizeStr.indexOf('.');
+	let dou = sizeStr.substr(index + 1, 2);
 	if (dou == '00') {
-		return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2)
+		return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2);
 	}
-	return size
+	return size;
 }
 let pageContentRef = ref();
 const previewPageImage = () => {
-	const imgArr = []
-	const imgSelector = pageContentRef.value.querySelectorAll('img')
+	const imgArr = [];
+	const imgSelector = pageContentRef.value.querySelectorAll('img');
 	imgSelector.forEach((item, index) => {
-		imgArr.push(item.src)
+		imgArr.push(item.src);
 		item.onclick = () => {
-			previewInitialIndex.value = index
-			showImagePreviewList.value = imgArr
+			previewInitialIndex.value = index;
+			showImagePreviewList.value = imgArr;
 			ImagePreview({
 				images: imgArr,
 				startPosition: index,
-			})
+			});
 		}
-	})
+	});
 }
 </script>
 
 <style>
-@import '../../../../assets/lib/wangEditor.css';
+@import '../../../../assets/scss/wangEditor.css';
 
 .mobile-share-view-vue {
 }
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/Home.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/Home.vue
index 231ca69b..4b57058e 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/Home.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/Home.vue
@@ -35,9 +35,9 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import {View as ElIconView} from '@element-plus/icons-vue'
-import pageApi from '../../../../assets/api/page'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import {View as ElIconView} from '@element-plus/icons-vue';
+import pageApi from '../../../../assets/api/page';
 
 let totalCount = ref(0);
 let searchParam = ref({spaceId: '', newsType: 1, pageNum: 1, pageSize: 20,});
@@ -52,21 +52,21 @@ onMounted(() => {
 });
 const getSpacePageNews = () => {
 	pageApi.openPageNews(searchParam.value).then((json) => {
-		spacePageNews.value = json.data || []
-		totalCount.value = json.total
-	})
+		spacePageNews.value = json.data || [];
+		totalCount.value = json.total;
+	});
 }
 const handleSizeChange = (val) => {
-	searchParam.value.pageSize = val
-	getSpacePageNews()
+	searchParam.value.pageSize = val;
+	getSpacePageNews();
 }
 const showPageDetail = (row) => {
 	let nowClickPath = {space: row.space, pageId: row.pageId}
-	router.push({path: '/page/share/view', query: nowClickPath})
+	router.push({path: '/page/share/view', query: nowClickPath});
 }
 const handleCurrentChange = (val) => {
-	searchParam.value.pageNum = val
-	getSpacePageNews()
+	searchParam.value.pageNum = val;
+	getSpacePageNews();
 }
 const initQueryParam = (to) => {
 	searchParam.value = {
@@ -76,7 +76,7 @@ const initQueryParam = (to) => {
 		pageSize: 20,
 	}
 	if (!!searchParam.value.space) {
-		getSpacePageNews()
+		getSpacePageNews();
 	}
 }
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/View.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/View.vue
index ba13e8db..6e5c643b 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/View.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/View.vue
@@ -9,7 +9,7 @@
 						<span v-else>创建时间：{{ wikiPage.createTime }}</span>
 					</div>
 					<div class="wiki-files">
-						<el-table v-show="pageFileList.length > 0" :data="pageFileList" border style="width: 100%; margin-bottom: 5px">
+						<el-table v-show="pageFileList.length > 0" :data="pageFileList" border style="width: 100%; margin-bottom: 5px;">
 							<el-table-column label="文件名">
 								<template v-slot="scope">
 									<a target="_blank" :href="scope.row.fileUrl">{{scope.row.fileName }}</a>
@@ -45,14 +45,14 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import pageApi from '../../../../assets/api/page'
-import {mavonEditor} from 'mavon-editor'
-import unitUtil from '../../../../assets/lib/UnitUtil.js'
-import htmlUtil from '../../../../assets/lib/HtmlUtil.js'
-import Navigation from '../../components/Navigation.vue'
-import 'mavon-editor/dist/markdown/github-markdown.min.css'
-import 'mavon-editor/dist/css/index.css'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import pageApi from '../../../../assets/api/page';
+import {mavonEditor} from 'mavon-editor';
+import unitUtil from '../../../../assets/lib/UnitUtil.js';
+import htmlUtil from '../../../../assets/lib/HtmlUtil.js';
+import Navigation from '../../components/Navigation.vue';
+import 'mavon-editor/dist/markdown/github-markdown.min.css';
+import 'mavon-editor/dist/css/index.css';
 
 let spaceUuid = ref('');
 let nowPageId = ref('');
@@ -80,29 +80,29 @@ const loadPageDetail = (pageId) => {
 	pageApi.openPageDetail(param).then((json) => {
 		let wikiPageRes = json.data.wikiPage || {}
 		wikiPageRes.selfZan = json.data.selfZan || 0
-		wikiPage.value = wikiPageRes
+		wikiPage.value = wikiPageRes;
 		let pageContent = json.data.pageContent || {}
-		pageFileList.value = json.data.fileList || []
+		pageFileList.value = json.data.fileList || [];
 		if (wikiPage.value.editorType === 2) {
-			pageContent.content = mavonEditor.getMarkdownIt().render(pageContent.content)
+			pageContent.content = mavonEditor.getMarkdownIt().render(pageContent.content);
 		}
-		pageShowDetail.value = pageContent.content
+		pageShowDetail.value = pageContent.content;
 		let wikiTile = wikiPageRes.name || 'WIKI-内容展示'
-		document.title = wikiTile
+		document.title = wikiTile;
 		setTimeout(() => {
-			previewPageImage()
-			let navigationListVal = htmlUtil.createNavigationHeading()
+			previewPageImage();
+			let navigationListVal = htmlUtil.createNavigationHeading();
 			// 标题加到导航里面去
 			if (navigationList.length > 0) {
 				navigationListVal.unshift({
 					level: 1,
 					node: wikiTitleRef.value,
 					text: wikiTile,
-				})
+				});
 			}
-			navigationList.value = navigationListVal
-		}, 500)
-	})
+			navigationList.value = navigationListVal;
+		}, 500);
+	});
 }
 const initQueryParam = (to) => {
 	spaceUuid.value = to.query.space;
@@ -147,12 +147,12 @@ const previewPageImage = () => {
 			showImagePreviewList.value = imgArr;
 			showImagePreview.value = true;
 		}
-	})
+	});
 }
 </script>
 
 <style>
-@import '../../../../assets/lib/wangEditor.css';
+@import '../../../../assets/scss/wangEditor.css';
 
 .page-share-view-vue .wiki-title {
 	font-size: 2em;
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/show/Annex.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/show/Annex.vue
index 2e6d9436..f3811e5a 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/show/Annex.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/show/Annex.vue
@@ -8,10 +8,10 @@
 				   :data="uploadFormData"
 				   :with-credentials="true" class="action-btn upload-page-file" name="files"
 				   show-file-list multiple :limit="999">
-			<el-button type="primary" :underline="false" :icon="ElIconUpload" style="margin: 10px;width: 100%"> 上传附件</el-button>
+			<el-button type="primary" :underline="false" :icon="ElIconUpload" style="margin: 10px;width: 100%;"> 上传附件</el-button>
 		</el-upload>
 			<el-table v-show="storePage.fileList.length > 0" :data="storePage.fileList" border
-					  style="width: 100%; margin-bottom: 5px">
+					  style="width: 100%; margin-bottom: 5px;">
 				<el-table-column label="文件名" show-overflow-tooltip>
 					<template v-slot="scope">
 						<el-link target="_blank" :href="scope.row.fileUrl" type="primary">{{scope.row.fileName }}
@@ -37,7 +37,7 @@
 </template>
 
 <script setup>
-	import {Upload as ElIconUpload} from '@element-plus/icons-vue'
+	import {Upload as ElIconUpload} from '@element-plus/icons-vue';
 	import {useStorePageData} from "@/store/pageData";
 
 	let storePage = useStorePageData();
@@ -72,9 +72,9 @@
 			pageApi.deletePageFile(param).then(() => {
 				storePage.fileList = storePage.fileList.filter(item => item.id !== row.id);
 			});
-		})
+		});
 	}
 	const computeFileSize = (fileSize) => {
-		return unitUtil.computeFileSize(fileSize)
+		return unitUtil.computeFileSize(fileSize);
 	}
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/show/Comment.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/show/Comment.vue
index de56895a..9489beb4 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/show/Comment.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/show/Comment.vue
@@ -45,7 +45,7 @@ import {
 import {toRefs, ref, reactive, onMounted, watch, defineProps, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRoute, useRouter} from "vue-router";
 import { ElMessageBox, ElMessage, ElNotification } from 'element-plus';
-import pageApi from '@/assets/api/page'
+import pageApi from '@/assets/api/page';
 import {useStorePageData} from "@/store/pageData";
 import {useStoreUserData} from "@/store/userData";
 
@@ -67,55 +67,55 @@ watch(() => storePage.pageInfo, (newVal) => {
 	if (storePage.pageInfo.editorType !== 0){
 		loadCommentList();
 	}
-})
+});
 onMounted(() => {
 	loadCommentList();
 });
 let actionTabCommentRef = ref();
 const scrollActionTabComment = () => {
 	setTimeout(() => {
-		let actionTabComment = actionTabCommentRef.value
-		actionTabComment.scrollTop = actionTabComment.scrollHeight
-	}, 0)
+		let actionTabComment = actionTabCommentRef.value;
+		actionTabComment.scrollTop = actionTabComment.scrollHeight;
+	}, 0);
 }
 const loadCommentList = () => {
 	if (!storePage.pageInfo || !storePage.pageInfo.id) {
 		return;
 	}
-	cancelCommentUser()
+	cancelCommentUser();
 	pageApi.pageCommentList({pageId: storePage.pageInfo.id}).then((json) => {
-		let commentListRes = json.data || []
+		let commentListRes = json.data || [];
 		for (let i = 0; i < commentListRes.length; i++) {
-			commentListRes[i].color = getUserHeadBgColor(commentListRes[i].createUserId)
-			let subCommentList = commentListRes[i].commentList || []
+			commentListRes[i].color = getUserHeadBgColor(commentListRes[i].createUserId);
+			let subCommentList = commentListRes[i].commentList || [];
 			for (let j = 0; j < subCommentList.length; j++) {
-				let subItem = subCommentList[j]
-				subItem.color = getUserHeadBgColor(subItem.createUserId)
+				let subItem = subCommentList[j];
+				subItem.color = getUserHeadBgColor(subItem.createUserId);
 			}
-			commentListRes[i].commentList = subCommentList
-			commentListRes[i].visible = false
+			commentListRes[i].commentList = subCommentList;
+			commentListRes[i].visible = false;
 		}
-		commentList.value = commentListRes
-		scrollActionTabComment()
-	})
+		commentList.value = commentListRes;
+		scrollActionTabComment();
+	});
 }
 let canDeleteComment = (row) => {
 	return storeUser.userInfo.id === row.createUserId
-		|| storeUser.userInfo.id === storePage.pageInfo.createUserId
+		|| storeUser.userInfo.id === storePage.pageInfo.createUserId;
 }
 const deleteComment = (id) => {
 	pageApi.deletePageComment({id: id}).then(() => {
 		// ElMessage.success("删除成功！");
-		loadCommentList()
-	})
+		loadCommentList();
+	});
 }
 const cancelCommentUser = () => {
-	recommentInfo.value = {}
+	recommentInfo.value = {};
 }
 const submitPageComment = () => {
 	if (commentTextInput.value.length <= 0) {
-		ElMessage.error('请输入评论内容')
-		return
+		ElMessage.error('请输入评论内容');
+		return;
 	}
 	let param = {
 		pageId: storePage.pageInfo.id,
@@ -123,19 +123,19 @@ const submitPageComment = () => {
 		parentId: recommentInfo.value.id,
 	}
 	pageApi.updatePageComment(param).then((json) => {
-		let data = json.data
-		data.color = getUserHeadBgColor(data.createUserId)
-		commentTextInput.value = ''
-		loadCommentList()
-	})
+		let data = json.data;
+		data.color = getUserHeadBgColor(data.createUserId);
+		commentTextInput.value = '';
+		loadCommentList();
+	});
 }
 const getUserHeadBgColor = (userId) => {
-	let color = page.userHeadColor[userId]
+	let color = page.userHeadColor[userId];
 	if (!color) {
-		color = page.colorArr[Math.ceil(Math.random() * page.colorArr.length) - 1]
-		page.userHeadColor[userId] = color
+		color = page.colorArr[Math.ceil(Math.random() * page.colorArr.length) - 1];
+		page.userHeadColor[userId] = color;
 	}
-	return color
+	return color;
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/show/MobileQrScanDialog.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/show/MobileQrScanDialog.vue
index fbe02854..deda2512 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/show/MobileQrScanDialog.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/show/MobileQrScanDialog.vue
@@ -15,14 +15,14 @@
 import {
 	Search as ElIconSearch,
 } from '@element-plus/icons-vue'
-import {markRaw} from 'vue'
+import {markRaw} from 'vue';
 import {toRefs, ref, reactive, onMounted, onBeforeUnmount, defineProps, watch, defineEmits, computed, defineExpose} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage, ElLoading, ElNotification} from 'element-plus'
+import {ElMessageBox, ElMessage, ElLoading, ElNotification} from 'element-plus';
 import pageApi from "@/assets/api/page";
 import {useStorePageData} from "@/store/pageData";
 import userApi from "@/assets/api/user";
-import QRCode from 'qrcode'
+import QRCode from 'qrcode';
 import {useStoreSpaceData} from "@/store/spaceData";
 
 let storePage = useStorePageData();
@@ -59,13 +59,13 @@ const initMobileQrScan = () => {
 	});
 	let hostPath = window.location.href.split('#')[0];
 	setTimeout(() => {
-		qrCodeUrl.value = hostPath + routeUrl.href
+		qrCodeUrl.value = hostPath + routeUrl.href;
 		QRCode.toCanvas(qrCodeDivRef.value, qrCodeUrl.value, {
 				scale: 5, height: 250, wight: 250,
 			}, (error) => {
 				if (error) console.error(error);
 			}
-		)
+		);
 	}, 0);
 }
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/show/Navigation.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/show/Navigation.vue
index 166d9dc5..94477646 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/show/Navigation.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/show/Navigation.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script setup>
-import {toRefs, ref, reactive, onMounted, watch, defineEmits, defineProps, defineExpose,} from 'vue'
-import {useStoreDisplay} from '@/store/wikiDisplay.js'
+import {toRefs, ref, reactive, onMounted, watch, defineEmits, defineProps, defineExpose,} from 'vue';
+import {useStoreDisplay} from '@/store/wikiDisplay.js';
 import {useStorePageData} from "@/store/pageData";
 import {useResizeEvent} from "@/composable/windowsScroll";
 
@@ -40,7 +40,7 @@ const headingItemClick = (item) => {
 		inline: 'nearest',
 	});
 	// 距离顶部高度
-	//console.log(item.node.offsetTop - item.node.scrollHeight)
+	//console.log(item.node.offsetTop - item.node.scrollHeight);
 }
 </script>
 
@@ -58,7 +58,6 @@ const headingItemClick = (item) => {
 		border-radius: 8px;
 		padding: 16px;
 		margin-left: -40px;
-		box-shadow: var(--el-box-shadow-lighter);
 	}
 
 	.nav-heading {
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageAuthDialog.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageAuthDialog.vue
index b19e399a..b5a8fd20 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageAuthDialog.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageAuthDialog.vue
@@ -2,7 +2,7 @@
 	<!--人员权限弹窗-->
 	<el-dialog title="页面权限" v-model="dataItemEditVisible" width="800px" class="page-auth-dialog">
 		<el-row>
-			<el-select v-model="pageAuthNewUser" filterable remote reserve-keyword autoComplete="new-password" placeholder="请输入名字、邮箱、账号搜索用户" :remote-method="getSearchUserList" :loading="pageAuthUserLoading" style="width: 690px; margin-right: 10px">
+			<el-select v-model="pageAuthNewUser" filterable remote reserve-keyword autoComplete="new-password" placeholder="请输入名字、邮箱、账号搜索用户" :remote-method="getSearchUserList" :loading="pageAuthUserLoading" style="width: 690px; margin-right: 10px;">
 				<el-option v-for="item in searchUserList" :key="item.id" :label="item.userName" :value="item.id"></el-option>
 			</el-select>
 			<el-button @click="addPageAuthUser">添加</el-button>
@@ -35,10 +35,10 @@
 import {
 	Search as ElIconSearch,
 } from '@element-plus/icons-vue'
-import {markRaw} from 'vue'
+import {markRaw} from 'vue';
 import {toRefs, ref, reactive, onMounted, onBeforeUnmount, defineProps, watch, defineEmits, computed, defineExpose} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage, ElLoading, ElNotification} from 'element-plus'
+import {ElMessageBox, ElMessage, ElLoading, ElNotification} from 'element-plus';
 import pageApi from "@/assets/api/page";
 import {useStorePageData} from "@/store/pageData";
 import userApi from "@/assets/api/user";
@@ -106,7 +106,7 @@ const addPageAuthUser = () => {
 		pageFileUpload: 0,
 		pageFileDelete: 0,
 		pageAuthManage: 0,
-	})
+	});
 	pageAuthNewUser.value = '';
 }
 const getSearchUserList = (query) => {
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageHistory.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageHistory.vue
index 71e55876..43d102e2 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageHistory.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageHistory.vue
@@ -31,7 +31,7 @@ import {
 	Loading as ElIconLoading,
 } from '@element-plus/icons-vue'
 
-import pageApi from '@/assets/api/page'
+import pageApi from '@/assets/api/page';
 import {mavonEditor} from "mavon-editor";
 import {ref, defineProps, defineEmits} from 'vue';
 import {useStorePageData} from "@/store/pageData";
@@ -41,8 +41,8 @@ let props= defineProps({
 	pageHistoryList:Array,
 	pageHistoryChoice:Object,
 	pageHistoryDetail:String,
-})
-let emit = defineEmits(['historyClickHandle','previewPageImage','createNavigationHeading'])
+});
+let emit = defineEmits(['historyClickHandle','previewPageImage','createNavigationHeading']);
 
 const historyClick = (history) => {
 	if (props.pageHistoryChoice.id === history.id && !!props.pageHistoryDetail.value) {
@@ -51,23 +51,23 @@ const historyClick = (history) => {
 	// 缓存一下，但如果历史页面多了而且很大就占内存，也可以每次去拉取，先这样吧
 	if (history.content) {
 		history.loading = 2;
-		emit('historyClickHandle',history)
+		emit('historyClickHandle',history);
 		setTimeout(() => {
-			emit('previewPageImage',history)
-			emit('createNavigationHeading',history)
-		}, 500)
+			emit('previewPageImage',history);
+			emit('createNavigationHeading',history);
+		}, 500);
 	} else {
-		history.loading = 1
+		history.loading = 1;
 		pageApi.pageHistoryDetail({id: history.id}).then((json) => {
 			history.loading = 2;
 			history.content = json.data || '--';
 			if (storePage.pageInfo.editorType === 2) {
 				history.content = mavonEditor.getMarkdownIt().render(history.content);
 			}
-			emit('historyClickHandle',history)
+			emit('historyClickHandle',history);
 			setTimeout(() => {
-				emit('previewPageImage',history)
-				emit('createNavigationHeading',history)
+				emit('previewPageImage',history);
+				emit('createNavigationHeading',history);
 			}, 500);
 		}).catch(() => {
 			history.loading = 3;
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageZan.vue b/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageZan.vue
index 4ea9878e..267d4a61 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageZan.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/page/show/PageZan.vue
@@ -1,5 +1,5 @@
 <template>
-	<div style="margin-top: 40px; font-size: 14px">
+	<div style="margin-top: 40px; font-size: 14px;">
 		<span style="vertical-align: top" class="is-link">
 		  <span v-show="storePage.pageInfo.selfZan == 0" @click="zanPage(1)"><img src="../../../assets/img/zan.png" style="vertical-align: middle"/> 赞</span>
 		  <span v-show="storePage.pageInfo.selfZan == 1" @click="zanPage(0)"><img src="../../../assets/img/zan.png" style="vertical-align: middle; transform: rotateX(180deg)"/> 踩</span>
@@ -14,12 +14,12 @@
 			<span class="is-link" @click="showZanPageUser">我和{{ storePage.pageInfo.zanNum - 1 }}个其他人</span>赞了它
 		  </span>
 		</span>
-		<span style="margin-left: 10px">
+		<span style="margin-left: 10px;">
 			<el-icon style="font-size: 16px; color: #666;vertical-align: middle;"><el-icon-view/></el-icon> {{ storePage.pageInfo.viewNum }}次阅读
 		</span>
 	</div>
 	<el-dialog title="赞了它的人" v-model="zanUserDialogVisible" width="600px">
-		<el-table :data="zanUserList" border :show-header="false" style="width: 100%; margin-bottom: 5px">
+		<el-table :data="zanUserList" border :show-header="false" style="width: 100%; margin-bottom: 5px;">
 			<el-table-column prop="createUserName" label="用户"></el-table-column>
 			<el-table-column prop="createTime" label="时间"></el-table-column>
 		</el-table>
@@ -27,7 +27,7 @@
 </template>
 
 <script setup>
-import pageApi from '../../../assets/api/page'
+import pageApi from '../../../assets/api/page';
 import {ref} from 'vue';
 import {useStorePageData} from "@/store/pageData";
 import {
@@ -40,16 +40,16 @@ let storePage = useStorePageData();
 const zanPage = (yn) => {
 	let param = {yn: yn, pageId: storePage.pageInfo.id}
 	pageApi.updatePageZan(param).then(() => {
-		storePage.pageInfo.selfZan = yn
-		storePage.pageInfo.zanNum = storePage.pageInfo.zanNum + (yn == 1 ? 1 : -1)
-	})
+		storePage.pageInfo.selfZan = yn;
+		storePage.pageInfo.zanNum = storePage.pageInfo.zanNum + (yn == 1 ? 1 : -1);
+	});
 }
 const showZanPageUser = () => {
-	zanUserDialogVisible.value = true
-	zanUserList.value = []
+	zanUserDialogVisible.value = true;
+	zanUserList.value = [];
 	let param = {pageId: storePage.pageInfo.id}
 	pageApi.pageZanList(param).then((json) => {
-		zanUserList.value = json.data
-	})
+		zanUserList.value = json.data;
+	});
 }
 </script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/space/Manage.vue b/zyplayer-doc-ui/wiki-ui/src/views/space/Manage.vue
index ded43a2a..6352bcf1 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/space/Manage.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/space/Manage.vue
@@ -1,8 +1,8 @@
 <template>
 	<div style="min-height: 100%;" class="space-manage-vue">
 		<div style="max-width: 1200px;margin: 0 auto;background: #fff;padding: 20px;min-height: 100%;box-sizing: border-box;">
-			<div style="text-align: right; margin-bottom: 10px">
-		        <span style="float: left; line-height: 40px">
+			<div style="text-align: right; margin-bottom: 10px;">
+		        <span style="float: left; line-height: 40px;">
 		          仅展示我收藏的空间：
 		          <el-switch v-model="userSetting.wiki_only_show_favorite" inactive-value="0" active-value="1" @change="wikiOnlyShowFavoriteChange"></el-switch>
 		          <el-tooltip class="item" effect="dark" content="控制左上角空间下拉列表仅展示我收藏的空间" placement="top-start">
@@ -12,7 +12,7 @@
 				<el-button @click="loadSpaceList" :icon="ElIconRefresh" :loading="spaceListLoading">刷新</el-button>
 				<el-button type="primary" @click="showCreateSpace" :icon="ElIconPlus">创建空间</el-button>
 			</div>
-			<el-table :data="spaceList" border style="width: 100%; margin-bottom: 5px">
+			<el-table :data="spaceList" border style="width: 100%; margin-bottom: 5px;">
 				<el-table-column prop="id" label="ID" width="60"></el-table-column>
 				<el-table-column prop="name" label="名字"></el-table-column>
 				<el-table-column prop="spaceExplain" label="说明"></el-table-column>
@@ -59,7 +59,7 @@
 		<!--分组权限弹窗-->
 		<el-dialog title="权限管理" v-model="spaceAuthDialogVisible" width="900px" :close-on-click-modal="false">
 			<el-row>
-				<el-select v-model="spaceAuthNewGroupId" filterable placeholder="请选择分组" style="width: 750px; margin-right: 10px">
+				<el-select v-model="spaceAuthNewGroupId" filterable placeholder="请选择分组" style="width: 750px; margin-right: 10px;">
 					<el-option v-for="item in searchGroupList" :key="item.id" :label="searchGroupMap[item.id]" :value="item.id"></el-option>
 				</el-select>
 				<el-button @click="addSpaceAuthUserGroup">添加</el-button>
@@ -95,7 +95,7 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
+import {ElMessageBox, ElMessage} from 'element-plus';
 import {
 	Warning as ElIconWarningOutline,
 	StarFilled as ElIconStarOn,
@@ -103,11 +103,11 @@ import {
 	Refresh as ElIconRefresh,
 	Plus as ElIconPlus,
 } from '@element-plus/icons-vue'
-import pageApi from '../../assets/api/page'
-import userApi from '../../assets/api/user'
-import CreateSpace from '../../components/space/CreateSpace'
-import {useStoreSpaceData}from '@/store/spaceData'
-import {useStorePageData}from '@/store/pageData'
+import pageApi from '../../assets/api/page';
+import userApi from '../../assets/api/user';
+import CreateSpace from '../../components/space/CreateSpace';
+import {useStoreSpaceData}from '@/store/spaceData';
+import {useStorePageData}from '@/store/pageData';
 import {useStoreDisplay} from "@/store/wikiDisplay";
 
 let spaceListLoading = ref(false);
@@ -135,37 +135,33 @@ let storeSpace = useStoreSpaceData();
 
 onMounted(() => {
 	storeDisplay.currentPage = 'space';
-	loadSpaceList()
-	getSelfUserInfo()
-	getSpaceSettingList()
+	loadSpaceList();
+	getSelfUserInfo();
+	getSpaceSettingList();
 });
 
 const showOpenSpace = (space) => {
 	let routeUrl = router.resolve({
 		path: '/page/share/home',
 		query: {space: space}
-	})
-	window.open(routeUrl.href, '_blank')
+	});
+	window.open(routeUrl.href, '_blank');
 }
 let createSpaceRef = ref();
 const showCreateSpace = () => {
-	createSpaceRef.value.show()
+	createSpaceRef.value.show();
 }
 const editSpaceInfo = (row) => {
-	createSpaceRef.value.show(row.id)
+	createSpaceRef.value.show(row.id);
 }
 const addSpaceAuthUserGroup = () => {
 	if (!spaceAuthNewGroupId.value) {
-		ElMessage.warning('请先选择分组')
-		return
+		ElMessage.warning('请先选择分组');
+		return;
 	}
-	if (
-		!!spaceAuthGroupList.value.find(
-			(item) => item.groupId == spaceAuthNewGroupId.value
-		)
-	) {
-		spaceAuthNewGroupId.value = ''
-		return
+	if (!!spaceAuthGroupList.value.find((item) => item.groupId == spaceAuthNewGroupId.value)) {
+		spaceAuthNewGroupId.value = '';
+		return;
 	}
 	spaceAuthGroupList.value.push({
 		groupId: spaceAuthNewGroupId.value,
@@ -175,14 +171,14 @@ const addSpaceAuthUserGroup = () => {
 		pageFileUpload: 0,
 		pageFileDelete: 0,
 		pageAuthManage: 0,
-	})
-	spaceAuthNewGroupId.value = ''
+	});
+	spaceAuthNewGroupId.value = '';
 }
 const updateSpaceFavorite = (row) => {
 	let delFlag = row.favorite == 1 ? 1 : 0
 	pageApi.spaceFavoriteUpdate({spaceId: row.id, delFlag: delFlag}).then((json) => {
 		row.favorite = row.favorite == 1 ? 0 : 1
-	})
+	});
 }
 const saveGroupSpaceAuth = () => {
 	let param = {
@@ -190,30 +186,30 @@ const saveGroupSpaceAuth = () => {
 		authList: JSON.stringify(spaceAuthGroupList.value),
 	}
 	pageApi.spaceAuthAssign(param).then((json) => {
-		ElMessage.success('授权成功！')
-	})
+		ElMessage.success('授权成功！');
+	});
 }
 const manageUserGroup = () => {
 	let manageUrl = location.href.substring(0, location.href.indexOf('/doc-wiki')) + '#/console/userGroupList'
-	window.open(manageUrl, '_blank')
+	window.open(manageUrl, '_blank');
 }
 const deleteGroupSpaceAuth = (row) => {
 	spaceAuthGroupList.value = spaceAuthGroupList.value.filter(
 		(item) => item.groupId != row.groupId
-	)
+	);
 }
 const editSpaceAuth = (row) => {
-	editSpaceId.value = row.id
-	spaceAuthNewGroupId.value = ''
-	spaceAuthGroupList.value = []
+	editSpaceId.value = row.id;
+	spaceAuthNewGroupId.value = '';
+	spaceAuthGroupList.value = [];
 	userApi.userGroupList().then((json) => {
-		searchGroupList.value = json.data || []
-		searchGroupList.value.forEach((item) => (searchGroupMap.value[item.id] = item.name))
-	})
+		searchGroupList.value = json.data || [];
+		searchGroupList.value.forEach((item) => (searchGroupMap.value[item.id] = item.name));
+	});
 	pageApi.spaceAuthList({spaceId: row.id}).then((json) => {
-		spaceAuthGroupList.value = json.data || []
-		spaceAuthDialogVisible.value = true
-	})
+		spaceAuthGroupList.value = json.data || [];
+		spaceAuthDialogVisible.value = true;
+	});
 }
 const deleteSpaceInfo = (row) => {
 	ElMessageBox.confirm('确定要删除此空间及下面的所有文档吗？', '提示', {
@@ -223,11 +219,11 @@ const deleteSpaceInfo = (row) => {
 	}).then(() => {
 		let param = {id: row.id, delFlag: 1}
 		pageApi.updateSpace(param).then(() => {
-			ElMessage.success('删除成功')
-			loadSpaceList()
-			loadSpace()
-		})
-	})
+			ElMessage.success('删除成功');
+			loadSpaceList();
+			loadSpace();
+		});
+	});
 }
 let totalCount = ref(0);
 let searchParam = ref({
@@ -236,22 +232,22 @@ let searchParam = ref({
 	pageSize: 10,
 });
 const loadSpaceList = () => {
-	spaceListLoading.value = true
+	spaceListLoading.value = true;
 	pageApi.spaceList(searchParam.value).then((json) => {
-		spaceList.value = json.data || []
+		spaceList.value = json.data || [];
 		if (searchParam.value.pageNum === 1) {
 			totalCount.value = json.total;
 		}
-		setTimeout(() => (spaceListLoading.value = false), 500)
-	})
+		setTimeout(() => (spaceListLoading.value = false), 500);
+	});
 }
 const handleSizeChange = (val) => {
-	searchParam.value.pageSize = val
-	loadSpaceList()
+	searchParam.value.pageSize = val;
+	loadSpaceList();
 }
 const handleCurrentChange = (val) => {
-	searchParam.value.pageNum = val
-	loadSpaceList()
+	searchParam.value.pageNum = val;
+	loadSpaceList();
 }
 const wikiOnlyShowFavoriteChange = () => {
 	let param = {
@@ -259,8 +255,8 @@ const wikiOnlyShowFavoriteChange = () => {
 		value: userSetting.value.wiki_only_show_favorite,
 	}
 	pageApi.spaceSettingUpdate(param).then((json) => {
-		loadSpace()
-	})
+		loadSpace();
+	});
 }
 const getSpaceSettingList = () => {
 	pageApi.spaceSettingList().then((json) => {
@@ -268,12 +264,12 @@ const getSpaceSettingList = () => {
 		userSetting.value = {
 			wiki_only_show_favorite: result.wiki_only_show_favorite || 0,
 		}
-	})
+	});
 }
 const getSelfUserInfo = () => {
 	userApi.getSelfUserInfo().then((json) => {
-		userSelfInfo.value = json.data
-	})
+		userSelfInfo.value = json.data;
+	});
 }
 
 const loadSpace = (spaceId) => {
@@ -303,13 +299,13 @@ const loadSpace = (spaceId) => {
 				console.log(e);
 			}
 		}
-	})
+	});
 }
 const doGetPageList = (parentId, node) => {
 	let param = {spaceId: storeSpace.chooseSpaceId}
 	pageApi.pageList(param).then((json) => {
-		storePage.wikiPageList = json.data || []
-	})
+		storePage.wikiPageList = json.data || [];
+	});
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/user/MyInfo.vue b/zyplayer-doc-ui/wiki-ui/src/views/user/MyInfo.vue
index d6455047..b021b6fc 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/user/MyInfo.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/user/MyInfo.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="my-info-vue">
-		<div style="margin: 0 auto; max-width: 1000px">
+		<div style="margin: 0 auto; max-width: 1000px;">
 			<el-card class="box-card">
 				<template v-slot:header>
 					<div class="clearfix">我的信息</div>
@@ -21,8 +21,8 @@
 <script setup>
 import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage} from 'element-plus'
-import userApi from '../../assets/api/user'
+import {ElMessageBox, ElMessage} from 'element-plus';
+import userApi from '../../assets/api/user';
 
 let userInfo = ref({});
 onMounted(() => {
@@ -30,8 +30,8 @@ onMounted(() => {
 });
 const getUserInfo = () => {
 	userApi.getSelfUserInfo().then((json) => {
-		userInfo.value = json.data
-	})
+		userInfo.value = json.data;
+	});
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/PageLayout.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/PageLayout.vue
index 5e07fb25..191371e8 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/PageLayout.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/PageLayout.vue
@@ -19,10 +19,10 @@
 
 <script setup>
 import {toRefs, ref, reactive, onMounted, onBeforeUnmount, defineProps, watch, defineEmits, computed, defineExpose} from 'vue';
-import {useStoreDisplay} from '@/store/wikiDisplay.js'
-import LeftAside from './aside/LeftAside.vue'
-import RightHeader from './aside/RightHeader.vue'
-import RightResize from './aside/RightResize.vue'
+import {useStoreDisplay} from '@/store/wikiDisplay.js';
+import LeftAside from './aside/LeftAside.vue';
+import RightHeader from './aside/RightHeader.vue';
+import RightResize from './aside/RightResize.vue';
 import userApi from "@/assets/api/user";
 import {useStoreUserData} from "@/store/userData";
 
@@ -50,82 +50,21 @@ const getSelfUserInfo = () => {
 	border-right: 1px solid #eee;
 	background: #fafafa;
 }
-</style>
 
-<style>
-html,
-body {
+html, body {
 	margin: 0;
 	padding: 0;
 	height: 100%;
 }
 
-.global-layout-vue {
-	height: 100%;
-}
-
-.hidTree {
-	display: none;
-}
-
-#app, .el-container, .el-menu {
+#app, .el-container, .el-menu, .global-layout-vue {
 	height: 100%;
 }
 
 .el-header {
 	background-color: #fff !important;
-}
-
-.header-right-user-name {
-	color: #000000;
-	vertical-align: middle;
-}
-
-.el-header {
 	color: #333;
 	height: 60px !important;
-	background-color: #fff !important;
 	border-bottom: 1px solid #eee;
 }
-
-.head-icon {
-	margin-right: 15px;
-	margin-top: 15px;
-	font-size: 16px;
-	cursor: pointer;
-	color: #000000;
-	vertical-align: middle;
-}
-
-.header-user-message .page-info-box {
-	text-align: right;
-	margin-top: 10px;
-}
-
-.upgrade-info {
-	max-height: 150px;
-	overflow-y: auto;
-	word-break: break-all;
-	white-space: pre-wrap;
-	line-height: 26px;
-}
-
-.search-option-item {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.search-option-item .title {
-	font-weight: bold;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.search-option-item .content {
-	font-size: 12px;
-	color: #888;
-}
-
 </style>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/View.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/View.vue
index e7b944e4..c508b045 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/View.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/View.vue
@@ -1,12 +1,12 @@
 <template>
 	<div class="page-show-vue" v-if="storePage.pageInfo.editorType !== 0">
 		<a-row class="view-body-comment-box">
-			<a-col flex="auto" class="view-body-outer-box">
+			<a-col id="pageContentScrollBox" flex="auto" class="view-body-outer-box">
 				<div class="view-body-box">
 					<div class="wiki-title" ref="wikiTitleRef">{{ storePage.pageInfo.name }}</div>
 					<div id="pageContentBox" ref="pageContentRef" class="wiki-page-content">
-						<div v-if="wikiPage.editorType === 2" v-html="pageShowDetail" class="markdown-body" v-highlight></div>
-						<div v-else v-html="pageShowDetail" class="wang-editor-body"></div>
+						<div v-if="wikiPage.editorType === 2" v-html="pageContentShow" class="page-view-content markdown-body" v-highlight></div>
+						<div v-else v-html="pageContentShow" class="page-view-content wang-editor-body"></div>
 					</div>
 					<PageZan></PageZan>
 				</div>
@@ -18,16 +18,10 @@
 						<Comment></Comment>
 					</a-tab-pane>
 					<a-tab-pane tab="附件" key="files">
-						<Annex/>
+						<Files/>
 					</a-tab-pane>
 					<a-tab-pane tab="修改历史" key="history">
-						<PageHistory
-							:pageHistoryList="pageHistoryList"
-							:pageHistoryChoice="pageHistoryChoice"
-							:pageHistoryDetail="pageHistoryDetail"
-							@historyClickHandle="historyClickHandle"
-							@previewPageImage="previewPageImage"
-							@createNavigationHeading="createNavigationHeading"/>
+						<PageHistory :history="pageHistoryList" @choice="historyClickHandle"/>
 					</a-tab-pane>
 					<template #rightExtra>
 						<el-tooltip content="关闭" placement="top">
@@ -46,19 +40,18 @@ import { CloseOutlined } from '@ant-design/icons-vue';
 import {toRefs, ref, reactive, onMounted, watch, defineProps, h, nextTick, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRoute, useRouter} from "vue-router";
 import { ElMessageBox, ElMessage, ElNotification } from 'element-plus';
-import QRCode from 'qrcode'
-import unitUtil from '../../assets/lib/UnitUtil.js'
-import htmlUtil from '../../assets/lib/HtmlUtil.js'
-import pageApi from '../../assets/api/page'
-import userApi from '../../assets/api/user'
-import Navigation from './show/Navigation.vue'
-import Annex from './show/Annex.vue'
-import PageHistory from './show/PageHistory.vue'
-import Comment from './show/Comment.vue'
-import PageZan from './show/PageZan.vue'
-import {mavonEditor} from 'mavon-editor'
-import 'mavon-editor/dist/markdown/github-markdown.min.css'
-import 'mavon-editor/dist/css/index.css'
+import QRCode from 'qrcode';
+import unitUtil from '../../assets/lib/UnitUtil.js';
+import htmlUtil from '../../assets/lib/HtmlUtil.js';
+import pageApi from '../../assets/api/page';
+import userApi from '../../assets/api/user';
+import Navigation from './show/Navigation.vue';
+import Files from './show/Files.vue';
+import PageHistory from './show/PageHistory.vue';
+import Comment from './show/Comment.vue';
+import PageZan from './show/PageZan.vue';
+import {mavonEditor} from 'mavon-editor';
+import 'mavon-editor/dist/css/index.css';
 import {useStorePageData} from "@/store/pageData";
 import {useStoreDisplay} from "@/store/wikiDisplay";
 import ImageViewer from "@/components/base/ImageViewer.vue";
@@ -81,15 +74,9 @@ onBeforeRouteUpdate((to) => {
 // 页面展示相关
 let wikiPage = ref({});
 let wikiPageAuth = ref({});
-let pageContent = ref({});
-let selfUserId = ref(0);
-// 右侧标签页
-let pageHistoryDetail = ref('');
-let pageShowDetail = ref('');
-let pageHistoryChoice = ref({});
+let pageContent = ref('');
+let pageContentShow = ref('');
 let pageHistoryList = ref([]);
-let pageHistoryPageNum = ref(1);
-// 左侧导航菜单
 let navigationList = ref([]);
 let actionTabActiveName = ref('comment');
 let imageViewerRef = ref();
@@ -102,45 +89,39 @@ const closeActionTab = () => {
 	storeDisplay.commentShow = false;
 	clearHistory();
 }
-const getPageHistory = (pageId, pageNum) => {
-	if (pageNum === 1) {
-		pageHistoryList.value = [];
-		pageHistoryPageNum.value = 1;
-	}
-	let param = {pageId: pageId, pageNum: pageNum};
-	pageApi.pageHistoryList(param).then((json) => {
+const getPageHistory = (pageId) => {
+	pageHistoryList.value = [];
+	pageApi.pageHistoryList({pageId: pageId}).then((json) => {
 		let historyList = json.data || [];
-		if (historyList.length <= 0) {
-			pageHistoryPageNum.value = 0;
-		} else {
-			historyList.forEach((item) => (item.loading = 0));
-			pageHistoryList.value = pageHistoryList.value.concat(historyList);
-		}
-	})
+		historyList.forEach((item) => (item.loading = 0));
+		pageHistoryList.value = historyList;
+	});
 }
 const historyClickHandle = (history) => {
-	pageHistoryChoice.value.loading = 0;
-	pageHistoryChoice.value = history;
-	pageHistoryDetail.value = history.content;
-	pageShowDetail.value =history.content;
+	pageContentShow.value = history.content;
+	afterLoadPage();
 }
 const clearHistory = () => {
-	pageHistoryChoice.value.loading = 0;
-	pageHistoryDetail.value = '';
-	pageHistoryChoice.value = {};
 	pageHistoryList.value.forEach((item) => (item.loading = 0));
-	pageShowDetail.value = pageContent.value.content;
+	pageContentShow.value = pageContent.value;
+	afterLoadPage();
+}
+const afterLoadPage = () => {
+	setTimeout(() => {
+		previewPageImage();
+		createNavigationHeading();
+	}, 500);
 }
 const loadPageDetail = (pageId) => {
 	clearHistory();
+	pageContent.value = '';
 	pageApi.pageDetail({id: pageId}).then(async (json) => {
 		let result = json.data || {};
 		let wikiPageRes = result.wikiPage || {};
 		wikiPageRes.selfZan = result.selfZan || 0;
+		wikiPageRes.zanNum = wikiPageRes.zanNum || 0;
 		wikiPage.value = wikiPageRes;
-		pageContent.value = result.pageContent || {};
 		storePage.fileList = result.fileList || [];
-		selfUserId.value = result.selfUserId || 0;
 		wikiPageAuth.value = {
 			canEdit: result.canEdit,
 			canDelete: result.canDelete,
@@ -148,10 +129,13 @@ const loadPageDetail = (pageId) => {
 			canDeleteFile: result.canDeleteFile,
 			canConfigAuth: result.canConfigAuth,
 		}
-		if (wikiPage.value.editorType === 2) {
-			pageContent.value.content = mavonEditor.getMarkdownIt().render(pageContent.value.content);
+		if (result.pageContent) {
+			pageContent.value = result.pageContent.content || '';
 		}
-		pageShowDetail.value = pageContent.value.content;
+		if (wikiPage.value.editorType === 2) {
+			pageContent.value = mavonEditor.getMarkdownIt().render(pageContent.value);
+		}
+		pageContentShow.value = pageContent.value;
 		// 修改标题
 		document.title = wikiPageRes.name || 'WIKI-内容展示';
 		// 修改最后点击的项，保证刷新后点击编辑能展示编辑的项
@@ -162,18 +146,15 @@ const loadPageDetail = (pageId) => {
 		emit('switchSpace', wikiPage.value.spaceId);
 		// 调用父方法展开目录树
 		emit('changeExpandedKeys', pageId);
-		setTimeout(() => {
-			previewPageImage();
-			createNavigationHeading();
-		}, 500);
 		storePage.pageInfo = wikiPageRes;
 		storePage.pageAuth = wikiPageAuth.value;
-	})
-	getPageHistory(pageId, 1)
+		afterLoadPage();
+	});
+	getPageHistory(pageId);
 }
 let wikiTitleRef = ref();
 const createNavigationHeading = () => {
-	let navigationListVal = htmlUtil.createNavigationHeading()
+	let navigationListVal = htmlUtil.createNavigationHeading();
 	// 标题加到导航里面去
 	if (navigationListVal.length > 0) {
 		let wikiTile = wikiPage.value.name || 'WIKI-内容展示'
@@ -181,7 +162,7 @@ const createNavigationHeading = () => {
 			level: 1,
 			node: wikiTitleRef.value,
 			text: wikiTile,
-		})
+		});
 	}
 	navigationList.value = navigationListVal;
 }
@@ -204,6 +185,7 @@ const initQueryParam = (to) => {
 
 	.view-body-comment-box {
 		height: 100%;
+		flex-flow: row nowrap;
 
 		.view-body-outer-box {
 			height: 100%;
@@ -230,8 +212,6 @@ const initQueryParam = (to) => {
 </style>
 
 <style>
-@import '../../assets/lib/wangEditor.css';
-
 .page-show-vue .icon-collapse {
 	float: left;
 	font-size: 25px;
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/aside/AddMenu.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/aside/AddMenu.vue
index f0ec1819..b47aba02 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/aside/AddMenu.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/aside/AddMenu.vue
@@ -29,13 +29,13 @@
 
 <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 {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 {ElMessage} from 'element-plus';
+import pageApi from '@/assets/api/page';
 import axios from "axios";
-import IconDocument from '@/components/base/IconDocument.vue'
+import IconDocument from '@/components/base/IconDocument.vue';
 import {useStorePageData} from "@/store/pageData";
 import {useStoreSpaceData} from "@/store/spaceData";
 import MessagePrompt from "@/components/single/MessagePrompt";
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/aside/LeftAside.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/aside/LeftAside.vue
index 8f344a15..871dc981 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/aside/LeftAside.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/aside/LeftAside.vue
@@ -62,7 +62,7 @@
 								<el-tooltip :content="node.label" placement="top-start" :show-after="700">{{ node.label }}</el-tooltip>
 							</span>
 							<!--操作-->
-							<div class="page-action-box">
+							<div @click.stop class="page-action-box">
 								<AddMenu :pageId="data.id"/>
 								<a-dropdown :trigger="['click']" @click="choosePageIdFunc(data.id)">
 									<a-button :icon="h(EllipsisOutlined)" type="text" style="color: #888;"></a-button>
@@ -115,12 +115,12 @@ import {
 import { EllipsisOutlined } from '@ant-design/icons-vue';
 import {ref, defineProps, defineEmits, defineExpose, onMounted, h, watch} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import pageApi from '@/assets/api/page'
+import pageApi from '@/assets/api/page';
 import {useStoreDisplay} from "@/store/wikiDisplay";
 import {useStorePageData} from "@/store/pageData";
 import AddMenu from "./AddMenu.vue";
 import IconDocument from "@/components/base/IconDocument.vue";
-import {ElMessageBox, ElMessage} from 'element-plus'
+import {ElMessageBox, ElMessage} from 'element-plus';
 import {useStoreSpaceData} from "@/store/spaceData";
 import Navigation from "@/views/page/show/Navigation.vue";
 import PageZan from "@/views/page/show/PageZan.vue";
@@ -181,7 +181,7 @@ const loadSpaceList = (spaceId) => {
 				console.log(e);
 			}
 		}
-	})
+	});
 }
 let optionPageId = ref('');
 const changeNodeOptionStatus = (param) => {
@@ -200,7 +200,7 @@ const changeWikiPageExpandedKeys = (pageId) => {
 }
 const createWikiByTemplate = () => {
 	// TODO
-	// templateManageRef.value.showTemplateManage()
+	// templateManageRef.value.showTemplateManage();
 }
 const choosePageIdFunc = (id) => {
 	storePage.optionPageId = id;
@@ -231,15 +231,15 @@ const renamePage = (node, data) => {
 }
 const openMoveMenu = (onlyMove) => {
 	// TODO
-	// onlyMoveMode.value = onlyMove
-	// visibleMoveMenu.value = true
+	// onlyMoveMode.value = onlyMove;
+	// visibleMoveMenu.value = true;
 	// moveToPageId.value = storePage.choosePageId
 	// moveToSpaceId.value = storeSpace.chooseSpaceId
 	// moveToWikiPageList.value = storePage.wikiPageList
 }
 const openTemplateCreate = (exsit) => {
 	// TODO
-	// templateManageRef.value.showTemplateCreate(exsit)
+	// templateManageRef.value.showTemplateCreate(exsit);
 }
 const deleteWikiPage = (data) => {
 	let msg = '确定要删除此页面及其所有子页面吗？'
@@ -299,7 +299,7 @@ const searchByKeywords = () => {
 	wikiPageTreeRef.value.filter(searchKeywords.value);
 }
 const handleNodeClick = (data) => {
-	//console.log('点击节点：', data, props.nowPageId)
+	//console.log('点击节点：', data, props.nowPageId);
 	if (data.editorType !== 0) {
 		router.push({path: `/view/${data.spaceId}/${data.id}`});
 	}
@@ -320,7 +320,7 @@ const handlePageDrop = (draggingNode, dropNode, dropType, ev) => {
 		doGetPageList();
 	});
 }
-defineExpose({searchByKeywords})
+defineExpose({searchByKeywords});
 </script>
 
 <style lang="scss">
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/aside/RightHeader.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/aside/RightHeader.vue
index c5a6f99f..84d5b35d 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/aside/RightHeader.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/aside/RightHeader.vue
@@ -27,10 +27,8 @@
 						<a-button class="hover-button hover-bg" @click="showCommentWiki" size="large" :icon="h(MessageOutlined)"></a-button>
 					</a-tooltip>
 					<UserMessagePopover/>
-					<a-dropdown trigger="click" placement="bottom" overlayClassName="header-action-more-dropdown">
-						<span style="display:inline-block;margin: 0 12px;">
-							<a-button class="hover-button hover-bg" size="large" :icon="h(EllipsisOutlined)"></a-button>
-						</span>
+					<a-dropdown trigger="click" placement="bottom" arrow overlayClassName="header-action-more-dropdown">
+						<a-button class="hover-button hover-bg" size="large" :icon="h(EllipsisOutlined)"></a-button>
 						<template #overlay>
 							<a-menu>
 								<a-menu-item @click="editWikiAuth" v-if="storePage.pageAuth.canConfigAuth === 1"><el-icon><ElIconSCheck/></el-icon> 权限设置</a-menu-item>
@@ -43,10 +41,8 @@
 						</template>
 					</a-dropdown>
 				</template>
-				<a-dropdown trigger="click" placement="bottom" overlayClassName="header-action-user-dropdown">
-					<span style="display:inline-block;">
-						<a-button class="hover-button hover-bg" size="large" :icon="h(UserOutlined)"></a-button>
-					</span>
+				<a-dropdown trigger="click" placement="bottomRight" arrow overlayClassName="header-action-user-dropdown">
+					<a-button class="hover-button hover-bg" size="large" :icon="h(UserOutlined)"></a-button>
 					<template #overlay>
 						<a-menu>
 							<a-menu-item @click="showAbout">关于</a-menu-item>
@@ -86,17 +82,17 @@ import {
 } from '@ant-design/icons-vue';
 import {toRefs, ref, reactive, onMounted, watch, defineEmits, h, computed} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import { ElMessageBox, ElMessage } from 'element-plus'
-import { useStoreDisplay } from '@/store/wikiDisplay.js'
-import { useStorePageData } from '@/store/pageData.js'
-import { useStoreUserData } from '@/store/userData.js'
+import { ElMessageBox, ElMessage } from 'element-plus';
+import { useStoreDisplay } from '@/store/wikiDisplay.js';
+import { useStorePageData } from '@/store/pageData.js';
+import { useStoreUserData } from '@/store/userData.js';
 import pageApi from "@/assets/api/page";
 import {useStoreSpaceData} from "@/store/spaceData";
 import userApi from "@/assets/api/user";
-import PageAuthDialog from '@/views/page/show/PageAuthDialog.vue'
-import MobileQrScanDialog from '@/views/page/show/MobileQrScanDialog.vue'
-import AboutDialog from "@/views/common/AboutDialog.vue"
-import UserMessagePopover from "../../../components/layouts/UserMessagePopover.vue"
+import PageAuthDialog from '@/views/page/show/PageAuthDialog.vue';
+import MobileQrScanDialog from '@/views/page/show/MobileQrScanDialog.vue';
+import AboutDialog from "@/views/common/AboutDialog.vue";
+import UserMessagePopover from "../../../components/layouts/UserMessagePopover.vue";
 import {fixRequestUrl} from "@/assets/api/hostUtils";
 
 let router = useRouter();
@@ -150,13 +146,13 @@ const deleteWikiPage = () => {
 	}).then(() => {
 		pageApi.pageDelete({pageId: storePage.pageInfo.id}).then(() => {
 			pageApi.pageList({spaceId: storeSpace.chooseSpaceId}).then((json) => {
-				storePage.wikiPageList = json.data || []
+				storePage.wikiPageList = json.data || [];
 			}).then(()=>{
 				router.push({path: '/home', query: {spaceId: storePage.pageInfo.spaceId}});
-			})
+			});
 		});
 	}).catch((e) => {
-		console.log(e)
+		console.log(e);
 	});
 }
 // 下载为Word
@@ -190,7 +186,7 @@ const showAbout = () => {
 	aboutDialogVisible.value = true;
 }
 const showConsole = () => {
-	window.open(import.meta.env.VITE_APP_BASE_API, '_blank')
+	window.open(import.meta.env.VITE_APP_BASE_API, '_blank');
 }
 </script>
 
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/show/Annex.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/show/Annex.vue
deleted file mode 100644
index 2e6d9436..00000000
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/show/Annex.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-	<div class="wiki-file">
-		<el-upload v-if="storePage.pageAuth.canUploadFile === 1"
-				   :on-success="uploadFileSuccess"
-				   :on-error="uploadFileError"
-				   :before-upload="beforeUpload"
-				   :action="uploadFileUrl"
-				   :data="uploadFormData"
-				   :with-credentials="true" class="action-btn upload-page-file" name="files"
-				   show-file-list multiple :limit="999">
-			<el-button type="primary" :underline="false" :icon="ElIconUpload" style="margin: 10px;width: 100%"> 上传附件</el-button>
-		</el-upload>
-			<el-table v-show="storePage.fileList.length > 0" :data="storePage.fileList" border
-					  style="width: 100%; margin-bottom: 5px">
-				<el-table-column label="文件名" show-overflow-tooltip>
-					<template v-slot="scope">
-						<el-link target="_blank" :href="scope.row.fileUrl" type="primary">{{scope.row.fileName }}
-						</el-link>
-					</template>
-				</el-table-column>
-				<el-table-column prop="createUserName" label="创建人" width="110px"
-								 show-overflow-tooltip></el-table-column>
-				<el-table-column label="文件大小" width="120px">
-					<template v-slot="scope">{{computeFileSize(scope.row.fileSize) }}</template>
-				</el-table-column>
-				<el-table-column prop="createTime" label="创建时间" width="160px"></el-table-column>
-				<el-table-column prop="downloadNum" label="下载次数" width="90px">
-					<template v-slot="scope">{{scope.row.downloadNum || 0}}</template>
-				</el-table-column>
-				<el-table-column label="操作" width="90px" v-if="storePage.pageAuth.canDeleteFile == 1">
-					<template v-slot="scope">
-						<el-button @click="deletePageFile(scope.row)">删除</el-button>
-					</template>
-				</el-table-column>
-			</el-table>
-		</div>
-</template>
-
-<script setup>
-	import {Upload as ElIconUpload} from '@element-plus/icons-vue'
-	import {useStorePageData} from "@/store/pageData";
-
-	let storePage = useStorePageData();
-	import {ref} from 'vue';
-	import {ElMessageBox, ElMessage} from 'element-plus';
-	import pageApi from "@/assets/api/page";
-	import unitUtil from "@/assets/lib/UnitUtil";
-
-	let uploadFormData = ref({pageId: 0});
-	let uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + '/zyplayer-doc-wiki/page/file/upload');
-	const beforeUpload = () => {
-		uploadFormData.value.pageId = storePage.pageInfo.id;
-	}
-	const uploadFileError = (err) => {
-		ElMessage.error('上传失败，' + err);
-	}
-	const uploadFileSuccess = (response) => {
-		if (response.errCode === 200) {
-			storePage.fileList.push(response.data);
-			ElMessage.success('上传成功！');
-		} else {
-			ElMessage('上传失败：' + (response.errMsg || '未知错误'));
-		}
-	}
-	const deletePageFile = (row) => {
-		ElMessageBox.confirm('确定要删除此文件吗？', '提示', {
-			confirmButtonText: '确定',
-			cancelButtonText: '取消',
-			type: 'warning',
-		}).then(() => {
-			let param = {id: row.id};
-			pageApi.deletePageFile(param).then(() => {
-				storePage.fileList = storePage.fileList.filter(item => item.id !== row.id);
-			});
-		})
-	}
-	const computeFileSize = (fileSize) => {
-		return unitUtil.computeFileSize(fileSize)
-	}
-</script>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/show/Comment.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/show/Comment.vue
index de56895a..69d460b9 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/show/Comment.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/show/Comment.vue
@@ -45,7 +45,7 @@ import {
 import {toRefs, ref, reactive, onMounted, watch, defineProps, defineEmits, defineExpose, computed} from 'vue';
 import {onBeforeRouteUpdate, useRoute, useRouter} from "vue-router";
 import { ElMessageBox, ElMessage, ElNotification } from 'element-plus';
-import pageApi from '@/assets/api/page'
+import pageApi from '@/assets/api/page';
 import {useStorePageData} from "@/store/pageData";
 import {useStoreUserData} from "@/store/userData";
 
@@ -67,55 +67,55 @@ watch(() => storePage.pageInfo, (newVal) => {
 	if (storePage.pageInfo.editorType !== 0){
 		loadCommentList();
 	}
-})
+});
 onMounted(() => {
 	loadCommentList();
 });
 let actionTabCommentRef = ref();
 const scrollActionTabComment = () => {
 	setTimeout(() => {
-		let actionTabComment = actionTabCommentRef.value
-		actionTabComment.scrollTop = actionTabComment.scrollHeight
-	}, 0)
+		let actionTabComment = actionTabCommentRef.value;
+		actionTabComment.scrollTop = actionTabComment.scrollHeight;
+	}, 0);
 }
 const loadCommentList = () => {
 	if (!storePage.pageInfo || !storePage.pageInfo.id) {
 		return;
 	}
-	cancelCommentUser()
+	cancelCommentUser();
 	pageApi.pageCommentList({pageId: storePage.pageInfo.id}).then((json) => {
-		let commentListRes = json.data || []
+		let commentListRes = json.data || [];
 		for (let i = 0; i < commentListRes.length; i++) {
-			commentListRes[i].color = getUserHeadBgColor(commentListRes[i].createUserId)
-			let subCommentList = commentListRes[i].commentList || []
+			commentListRes[i].color = getUserHeadBgColor(commentListRes[i].createUserId);
+			let subCommentList = commentListRes[i].commentList || [];
 			for (let j = 0; j < subCommentList.length; j++) {
-				let subItem = subCommentList[j]
-				subItem.color = getUserHeadBgColor(subItem.createUserId)
+				let subItem = subCommentList[j];
+				subItem.color = getUserHeadBgColor(subItem.createUserId);
 			}
-			commentListRes[i].commentList = subCommentList
-			commentListRes[i].visible = false
+			commentListRes[i].commentList = subCommentList;
+			commentListRes[i].visible = false;
 		}
-		commentList.value = commentListRes
-		scrollActionTabComment()
-	})
+		commentList.value = commentListRes;
+		scrollActionTabComment();
+	});
 }
 let canDeleteComment = (row) => {
 	return storeUser.userInfo.id === row.createUserId
-		|| storeUser.userInfo.id === storePage.pageInfo.createUserId
+		|| storeUser.userInfo.id === storePage.pageInfo.createUserId;
 }
 const deleteComment = (id) => {
 	pageApi.deletePageComment({id: id}).then(() => {
 		// ElMessage.success("删除成功！");
-		loadCommentList()
-	})
+		loadCommentList();
+	});
 }
 const cancelCommentUser = () => {
-	recommentInfo.value = {}
+	recommentInfo.value = {};
 }
 const submitPageComment = () => {
 	if (commentTextInput.value.length <= 0) {
-		ElMessage.error('请输入评论内容')
-		return
+		ElMessage.error('请输入评论内容');
+		return;
 	}
 	let param = {
 		pageId: storePage.pageInfo.id,
@@ -123,26 +123,26 @@ const submitPageComment = () => {
 		parentId: recommentInfo.value.id,
 	}
 	pageApi.updatePageComment(param).then((json) => {
-		let data = json.data
-		data.color = getUserHeadBgColor(data.createUserId)
-		commentTextInput.value = ''
-		loadCommentList()
-	})
+		let data = json.data;
+		data.color = getUserHeadBgColor(data.createUserId);
+		commentTextInput.value = '';
+		loadCommentList();
+	});
 }
 const getUserHeadBgColor = (userId) => {
-	let color = page.userHeadColor[userId]
+	let color = page.userHeadColor[userId];
 	if (!color) {
-		color = page.colorArr[Math.ceil(Math.random() * page.colorArr.length) - 1]
-		page.userHeadColor[userId] = color
+		color = page.colorArr[Math.ceil(Math.random() * page.colorArr.length) - 1];
+		page.userHeadColor[userId] = color;
 	}
-	return color
+	return color;
 }
 </script>
 
 <style lang="scss">
 .comment-box {
 	padding: 8px;
-	height: calc(100vh - 315px);
+	height: calc(100vh - 275px);
 	overflow: auto;
 
 	.comment-card {
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/show/Files.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/show/Files.vue
new file mode 100644
index 00000000..9ad2fb61
--- /dev/null
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/show/Files.vue
@@ -0,0 +1,196 @@
+<template>
+	<div class="files-box">
+		<div class="upload-file-box">
+			<el-upload class="upload-page-file" :action="uploadFileUrl" ref="uploadFileRef"
+			           :with-credentials="true" :before-upload="beforeUploadFile"
+			           :on-success="uploadFileSuccess" :on-error="uploadFileError"
+			           name="files" show-file-list multiple :data="uploadFormData" :limit="999"
+			           style="display: inline;vertical-align: sub;">
+				<a-button :icon="h(UploadOutlined)" type="primary" style="width: 260px;">上传附件</a-button>
+			</el-upload>
+		</div>
+		<div v-if="storePage.fileList.length <= 0" class="action-box-empty">
+			<el-empty description="暂无附件" />
+		</div>
+		<div v-else class="files-list">
+			<template v-for="file in storePage.fileList">
+				<a-card class="box-card files-card" :body-style="{ padding: '10px' }">
+					<div class="head">{{file.createUserName}}</div>
+					<div class="files-user-name">
+						<span>{{file.createUserName}}</span>
+						<el-tooltip :content="file.createTime" placement="top-start" :show-after="1000">
+							<span class="time">{{ file.createTime }}</span>
+						</el-tooltip>
+						<el-icon v-if="storePage.pageAuth.canDeleteFile === 1" @click="deleteFile(file)" class="icon-delete"><ElIconDelete /></el-icon>
+					</div>
+					<div class="files-name">
+						<a target="_blank" :href="file.fileUrl">{{file.fileName || '--'}}</a>
+					</div>
+					<div class="files-size">
+						<IconParkMemoryOne/><span class="value">{{computeFileSize(file.fileSize)}}</span>
+						<IconParkDownload style="margin-left: 15px;"/> <span class="value">{{file.downloadNum || 0}}</span>
+					</div>
+				</a-card>
+			</template>
+		</div>
+	</div>
+</template>
+
+<script setup>
+import {Delete as ElIconDelete,} from '@element-plus/icons-vue'
+import {UploadOutlined} from '@ant-design/icons-vue';
+import {toRefs, ref, reactive, onMounted, watch, h, defineEmits, computed} from 'vue';
+import {useRouter, useRoute} from "vue-router";
+import { message, Modal } from 'ant-design-vue';
+import pageApi from "@/assets/api/page";
+import {useStorePageData} from "@/store/pageData";
+import unitUtil from "@/assets/lib/UnitUtil";
+import {
+	MemoryOne as IconParkMemoryOne,
+	Download as IconParkDownload,
+} from '@icon-park/vue-next'
+
+let storePage = useStorePageData();
+
+let uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + '/zyplayer-doc-wiki/page/file/upload');
+const deleteFile = (file) => {
+	Modal.confirm({
+		maskClosable: true,
+		title: '提示',
+		content: '确定要删除此文件吗？',
+		okText: '删除',
+		cancelText: '确定',
+		onOk: () => {
+			pageApi.deletePageFile({id: file.id}).then(() => {
+				storePage.fileList = storePage.fileList.filter(item => item !== file);
+			});
+		}
+	});
+}
+let uploadFileRef = ref();
+let uploadFormData = computed(() => {
+	return {pageId: storePage.pageInfo.id};
+});
+const beforeUploadFile = (file) => {
+}
+const uploadFileError = (err) => {
+	message.error('上传失败，' + err);
+}
+let uploadOverStatus = ['success', 'fail'];
+const uploadFileSuccess = (response, file, fileList) => {
+	if (response.errCode !== 200) {
+		message('上传失败：' + (response.errMsg || '未知错误'));
+	} else {
+		storePage.fileList.push(response.data);
+	}
+	// 是否全部上传完成
+	if (fileList.every(file => uploadOverStatus.includes(file.status))) {
+		message.success('上传成功！');
+		uploadFileRef.value.clearFiles();
+	}
+}
+const computeFileSize = (fileSize) => {
+	return unitUtil.computeFileSize(fileSize);
+}
+</script>
+
+<style lang="scss">
+.files-box {
+	.upload-page-file {
+		.el-upload-list {
+			display: none;
+		}
+	}
+}
+</style>
+
+<style scoped lang="scss">
+.files-box {
+	padding: 50px 8px 8px;
+	height: calc(100vh - 130px);
+	overflow: auto;
+	box-sizing: border-box;
+	position: relative;
+
+	.upload-file-box {
+		position: absolute;
+		top: 0;
+		left: 0;
+		text-align: center;
+		background: #fff;
+		width: 100%;
+		z-index: 1;
+		padding-bottom: 5px;
+	}
+
+	ul {
+		padding-left: 0;
+	}
+
+	.files-card {
+		margin-bottom: 10px;
+	}
+
+	.files-user-name {
+		margin-bottom: 6px;
+		font-size: 13px;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		position: relative;
+	}
+
+	.files-card .files-user-name .icon-delete {
+		color: #888;
+		font-size: 13px;
+		cursor: pointer;
+		float: right;
+		display: none;
+	}
+
+	.files-card .files-user-name .icon-delete {
+		color: #888;
+		font-size: 13px;
+		cursor: pointer;
+		display: none;
+		position: absolute;
+		right: 0;
+		top: 2px;
+		background: #fff;
+	}
+
+	.files-card:hover .files-user-name .icon-delete {
+		display: inline-block;
+	}
+
+	.head {
+		float: left;
+		margin-right: 10px;
+		line-height: 40px;
+	}
+
+	.files-user-name .time {
+		color: #888;
+		margin-left: 8px;
+	}
+
+	.files-name {
+		padding: 0;
+		color: #666;
+		margin: 0;
+		line-height: 20px;
+		font-size: 14px;
+	}
+
+	.files-size {
+		margin-left: 50px;
+		margin-top: 5px;
+		font-size: 14px;
+
+		.value {
+			margin-left: 4px;
+			vertical-align: middle;
+		}
+	}
+}
+</style>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/show/MobileQrScanDialog.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/show/MobileQrScanDialog.vue
index fbe02854..06a88d0e 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/show/MobileQrScanDialog.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/show/MobileQrScanDialog.vue
@@ -15,14 +15,25 @@
 import {
 	Search as ElIconSearch,
 } from '@element-plus/icons-vue'
-import {markRaw} from 'vue'
-import {toRefs, ref, reactive, onMounted, onBeforeUnmount, defineProps, watch, defineEmits, computed, defineExpose} from 'vue';
+import {markRaw} from 'vue';
+import {
+	toRefs,
+	ref,
+	reactive,
+	onMounted,
+	onBeforeUnmount,
+	defineProps,
+	watch,
+	defineEmits,
+	computed,
+	defineExpose
+} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage, ElLoading, ElNotification} from 'element-plus'
+import {ElMessageBox, ElMessage, ElLoading, ElNotification} from 'element-plus';
 import pageApi from "@/assets/api/page";
 import {useStorePageData} from "@/store/pageData";
 import userApi from "@/assets/api/user";
-import QRCode from 'qrcode'
+import QRCode from 'qrcode';
 import {useStoreSpaceData} from "@/store/spaceData";
 
 let storePage = useStorePageData();
@@ -59,18 +70,13 @@ const initMobileQrScan = () => {
 	});
 	let hostPath = window.location.href.split('#')[0];
 	setTimeout(() => {
-		qrCodeUrl.value = hostPath + routeUrl.href
+		qrCodeUrl.value = hostPath + routeUrl.href;
 		QRCode.toCanvas(qrCodeDivRef.value, qrCodeUrl.value, {
 				scale: 5, height: 250, wight: 250,
 			}, (error) => {
 				if (error) console.error(error);
 			}
-		)
+		);
 	}, 0);
 }
 </script>
-
-<style lang="scss">
-.page-auth-dialog {
-}
-</style>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/show/Navigation.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/show/Navigation.vue
index 166d9dc5..e3c292db 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/show/Navigation.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/show/Navigation.vue
@@ -1,8 +1,13 @@
 <template>
-	<div class="navigation-box">
-		<div class="navigation-content-box">
-			<div></div>
-			<div class="nav-heading" :style="{ width: navigationWidth }">
+	<div :style="navigationStyle" class="navigation-box">
+		<div v-if="navigationMin">
+			<a-button @click="navigationToMax" class="navigation-max-btn" size="large" type="text" shape="circle">
+				<IconParkViewList :size="18"/>
+			</a-button>
+		</div>
+		<div v-else :style="navigationStyle" @mouseover="navigationMouseover" @mouseleave="navigationMouseleave"
+		     :class="navigationShow?'':'box-shadow'" class="navigation-content-box">
+			<div class="nav-heading">
 				<div v-for="item in heading" :class="'heading-item heading-' + item.level" @click="headingItemClick(item)">
 					{{ item.text }}
 				</div>
@@ -12,14 +17,10 @@
 </template>
 
 <script setup>
-import {toRefs, ref, reactive, onMounted, watch, defineEmits, defineProps, defineExpose,} from 'vue'
-import {useStoreDisplay} from '@/store/wikiDisplay.js'
-import {useStorePageData} from "@/store/pageData";
+import {ViewList as IconParkViewList} from '@icon-park/vue-next'
+import {toRefs, ref, reactive, onMounted, watch, defineEmits, defineProps, defineExpose,} from 'vue';
 import {useResizeEvent} from "@/composable/windowsScroll";
 
-let storePage = useStorePageData();
-const storeDisplay = useStoreDisplay();
-let navigationWidth = ref('100px');
 const props = defineProps({
 	heading: {type: Array, default: []},
 });
@@ -29,8 +30,44 @@ onMounted(() => {
 useResizeEvent(() => {
 	computeNavigationWidth();
 });
+let isLeave = false;
+let leaveTimer = undefined;
+const navigationMouseover = () => {
+	isLeave = false;
+	if (leaveTimer) {
+		clearTimeout(leaveTimer);
+		leaveTimer = undefined;
+	}
+}
+const navigationMouseleave = () => {
+	if (isLeave) return;
+	isLeave = true;
+	leaveTimer = setTimeout(() => {
+		isLeave = false;
+		navigationMin.value = !navigationShow.value;
+	}, 500);
+}
+const navigationToMax = () => {
+	navigationMin.value = false;
+}
+let navigationMin = ref(false);
+let navigationShow = ref(true);
+let navigationStyle = ref({width: '200px'});
 const computeNavigationWidth = () => {
-
+	let pageViewContent = document.getElementById('pageContentBox');
+	let pageContentScrollBox = document.getElementById('pageContentScrollBox');
+	// pageContentScrollBox的宽度减去pageViewContent的宽度除以2
+	if (pageViewContent && pageContentScrollBox) {
+		let outerWidth = pageContentScrollBox.clientWidth - pageViewContent.clientWidth;
+		if (outerWidth > 160) {
+			navigationShow.value = true;
+			navigationStyle.value.width = (outerWidth / 2 - 50) + 'px';
+		} else {
+			navigationStyle.value.width = '200px';
+			navigationShow.value = false;
+		}
+		navigationMin.value = !navigationShow.value;
+	}
 }
 const headingItemClick = (item) => {
 	// 滚动到指定节点
@@ -40,29 +77,43 @@ const headingItemClick = (item) => {
 		inline: 'nearest',
 	});
 	// 距离顶部高度
-	//console.log(item.node.offsetTop - item.node.scrollHeight)
+	//console.log(item.node.offsetTop - item.node.scrollHeight);
 }
 </script>
 
 <style lang="scss">
 .navigation-box {
-	width: 100px;
 	position: absolute;
-	top: 150px;
+	top: 60px;
 	right: 10px;
 	z-index: 4;
 
+	.navigation-max-btn {
+		position: fixed;
+		margin-left: 160px;
+		opacity: 0.7;
+		box-shadow: var(--el-box-shadow-light);
+
+		&:hover {
+			opacity: 1;
+			background: #fff;
+		}
+	}
+
 	.navigation-content-box {
 		position: fixed;
 		background: #fff;
 		border-radius: 8px;
 		padding: 16px;
-		margin-left: -40px;
-		box-shadow: var(--el-box-shadow-lighter);
+		margin-left: -30px;
+
+		&.box-shadow {
+			box-shadow: var(--el-box-shadow-lighter);
+		}
 	}
 
 	.nav-heading {
-		max-height: calc(100vh - 250px);
+		max-height: calc(100vh - 200px);
 		overflow-y: auto;
 
 		.heading-item {
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageAuthDialog.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageAuthDialog.vue
index b19e399a..b5a8fd20 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageAuthDialog.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageAuthDialog.vue
@@ -2,7 +2,7 @@
 	<!--人员权限弹窗-->
 	<el-dialog title="页面权限" v-model="dataItemEditVisible" width="800px" class="page-auth-dialog">
 		<el-row>
-			<el-select v-model="pageAuthNewUser" filterable remote reserve-keyword autoComplete="new-password" placeholder="请输入名字、邮箱、账号搜索用户" :remote-method="getSearchUserList" :loading="pageAuthUserLoading" style="width: 690px; margin-right: 10px">
+			<el-select v-model="pageAuthNewUser" filterable remote reserve-keyword autoComplete="new-password" placeholder="请输入名字、邮箱、账号搜索用户" :remote-method="getSearchUserList" :loading="pageAuthUserLoading" style="width: 690px; margin-right: 10px;">
 				<el-option v-for="item in searchUserList" :key="item.id" :label="item.userName" :value="item.id"></el-option>
 			</el-select>
 			<el-button @click="addPageAuthUser">添加</el-button>
@@ -35,10 +35,10 @@
 import {
 	Search as ElIconSearch,
 } from '@element-plus/icons-vue'
-import {markRaw} from 'vue'
+import {markRaw} from 'vue';
 import {toRefs, ref, reactive, onMounted, onBeforeUnmount, defineProps, watch, defineEmits, computed, defineExpose} from 'vue';
 import {useRouter, useRoute} from "vue-router";
-import {ElMessageBox, ElMessage, ElLoading, ElNotification} from 'element-plus'
+import {ElMessageBox, ElMessage, ElLoading, ElNotification} from 'element-plus';
 import pageApi from "@/assets/api/page";
 import {useStorePageData} from "@/store/pageData";
 import userApi from "@/assets/api/user";
@@ -106,7 +106,7 @@ const addPageAuthUser = () => {
 		pageFileUpload: 0,
 		pageFileDelete: 0,
 		pageAuthManage: 0,
-	})
+	});
 	pageAuthNewUser.value = '';
 }
 const getSearchUserList = (query) => {
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageHistory.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageHistory.vue
index 71e55876..97085918 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageHistory.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageHistory.vue
@@ -1,22 +1,22 @@
 <template>
 	<div class="action-tab-box">
-		<div v-if="props.pageHistoryList.length <= 0" class="action-box-empty">
+		<div v-if="history.length <= 0" class="action-box-empty">
 			暂无修改历史记录
 		</div>
 		<el-timeline v-else>
-			<el-timeline-item v-for="history in props.pageHistoryList">
-				<el-tag :type="props.pageHistoryChoice.id === history.id ? history.loading === 3 ? 'danger' : 'success' : 'info'"
+			<el-timeline-item v-for="history in history">
+				<el-tag :type="pageHistoryChoice.id === history.id ? (history.loading === 3 ? 'danger' : 'success') : 'info'"
 						class="history-item" @click="historyClick(history)">
 					<div>{{ history.createUserName }}</div>
 					<div>{{ history.createTime }}</div>
 				</el-tag>
-				<el-icon class="history-loading-status" v-show="history.loading===1">
+				<el-icon class="history-loading-status" v-if="history.loading===1">
 					<el-icon-loading/>
 				</el-icon>
-				<el-icon class="history-loading-status" v-show="history.loading===2">
+				<el-icon class="history-loading-status" v-else-if="history.loading===2">
 					<el-icon-circle-check/>
 				</el-icon>
-				<el-icon class="history-loading-status" v-show="history.loading===3">
+				<el-icon class="history-loading-status" v-else-if="history.loading===3">
 					<el-icon-circle-close/>
 				</el-icon>
 			</el-timeline-item>
@@ -31,50 +31,40 @@ import {
 	Loading as ElIconLoading,
 } from '@element-plus/icons-vue'
 
-import pageApi from '@/assets/api/page'
+import pageApi from '@/assets/api/page';
 import {mavonEditor} from "mavon-editor";
 import {ref, defineProps, defineEmits} from 'vue';
 import {useStorePageData} from "@/store/pageData";
 let storePage = useStorePageData();
 
-let props= defineProps({
-	pageHistoryList:Array,
-	pageHistoryChoice:Object,
-	pageHistoryDetail:String,
-})
-let emit = defineEmits(['historyClickHandle','previewPageImage','createNavigationHeading'])
+let props = defineProps({
+	history: Array,
+});
+let emit = defineEmits(['choice']);
 
+let pageHistoryChoice = ref({});
 const historyClick = (history) => {
-	if (props.pageHistoryChoice.id === history.id && !!props.pageHistoryDetail.value) {
+	if (pageHistoryChoice.value.id === history.id && !!pageHistoryChoice.value.content) {
 		return;
 	}
+	pageHistoryChoice.value.loading = 0;
+	pageHistoryChoice.value = history;
 	// 缓存一下，但如果历史页面多了而且很大就占内存，也可以每次去拉取，先这样吧
 	if (history.content) {
 		history.loading = 2;
-		emit('historyClickHandle',history)
-		setTimeout(() => {
-			emit('previewPageImage',history)
-			emit('createNavigationHeading',history)
-		}, 500)
+		emit('choice', history);
 	} else {
-		history.loading = 1
+		history.loading = 1;
 		pageApi.pageHistoryDetail({id: history.id}).then((json) => {
 			history.loading = 2;
 			history.content = json.data || '--';
 			if (storePage.pageInfo.editorType === 2) {
 				history.content = mavonEditor.getMarkdownIt().render(history.content);
 			}
-			emit('historyClickHandle',history)
-			setTimeout(() => {
-				emit('previewPageImage',history)
-				emit('createNavigationHeading',history)
-			}, 500);
+			emit('choice', history);
 		}).catch(() => {
 			history.loading = 3;
 		});
 	}
 }
 </script>
-
-<style lang="scss">
-</style>
diff --git a/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageZan.vue b/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageZan.vue
index 4ea9878e..65151c8b 100644
--- a/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageZan.vue
+++ b/zyplayer-doc-ui/wiki-ui/src/views/view/show/PageZan.vue
@@ -1,25 +1,29 @@
 <template>
-	<div style="margin-top: 40px; font-size: 14px">
-		<span style="vertical-align: top" class="is-link">
-		  <span v-show="storePage.pageInfo.selfZan == 0" @click="zanPage(1)"><img src="../../../assets/img/zan.png" style="vertical-align: middle"/> 赞</span>
-		  <span v-show="storePage.pageInfo.selfZan == 1" @click="zanPage(0)"><img src="../../../assets/img/zan.png" style="vertical-align: middle; transform: rotateX(180deg)"/> 踩</span>
-		</span>
-		<span style="margin-left: 10px; vertical-align: top">
-		  <span v-if="storePage.pageInfo.selfZan == 0 && storePage.pageInfo.zanNum <= 0">成为第一个赞同者</span>
-		  <span v-else-if="storePage.pageInfo.selfZan == 0 && storePage.pageInfo.zanNum > 0">
-			<span class="is-link" @click="showZanPageUser">{{ storePage.pageInfo.zanNum }}人</span>赞了它
-		  </span>
-		  <span v-else-if="storePage.pageInfo.selfZan == 1 && storePage.pageInfo.zanNum <= 1">我赞了它</span>
-		  <span v-else-if="storePage.pageInfo.selfZan == 1 && storePage.pageInfo.zanNum > 1">
-			<span class="is-link" @click="showZanPageUser">我和{{ storePage.pageInfo.zanNum - 1 }}个其他人</span>赞了它
-		  </span>
-		</span>
-		<span style="margin-left: 10px">
-			<el-icon style="font-size: 16px; color: #666;vertical-align: middle;"><el-icon-view/></el-icon> {{ storePage.pageInfo.viewNum }}次阅读
-		</span>
+	<div class="zan-box">
+		<div class="zan-btn-box">
+			<VueStarPlus v-model="starActive" animate="animated tada">
+				<template #icon>
+					<a-button @click="zanPage()" :type="starActive?'primary':'default'" shape="circle" class="zan-btn">
+						<IconParkThumbsUp :size="30"/>
+					</a-button>
+				</template>
+			</VueStarPlus>
+		</div>
+		<template v-if="storePage.pageInfo.zanNum <= 0">
+			<el-divider>为它点赞</el-divider>
+		</template>
+		<template v-else-if="storePage.pageInfo.zanNum > 0">
+			<template v-if="storePage.pageInfo.selfZan === 1">
+				<template v-if="storePage.pageInfo.zanNum === 1">
+					<el-divider>我赞了它</el-divider>
+				</template>
+				<el-divider v-else>我和<a @click="showZanPageUser">{{storePage.pageInfo.zanNum - 1}} 人</a> 赞了它</el-divider>
+			</template>
+			<el-divider v-else><a @click="showZanPageUser">{{storePage.pageInfo.zanNum}} 人</a> 赞了它</el-divider>
+		</template>
 	</div>
 	<el-dialog title="赞了它的人" v-model="zanUserDialogVisible" width="600px">
-		<el-table :data="zanUserList" border :show-header="false" style="width: 100%; margin-bottom: 5px">
+		<el-table :data="zanUserList" border :show-header="false" style="width: 100%; margin-bottom: 5px;">
 			<el-table-column prop="createUserName" label="用户"></el-table-column>
 			<el-table-column prop="createTime" label="时间"></el-table-column>
 		</el-table>
@@ -27,29 +31,69 @@
 </template>
 
 <script setup>
-import pageApi from '../../../assets/api/page'
-import {ref} from 'vue';
+import {ThumbsUp as IconParkThumbsUp} from '@icon-park/vue-next'
+import pageApi from '../../../assets/api/page';
+import {ref, watch, onMounted} from 'vue';
 import {useStorePageData} from "@/store/pageData";
-import {
-	View as ElIconView,
-} from '@element-plus/icons-vue'
-let zanUserList = ref([]);
-let zanUserDialogVisible = ref(false);
+import VueStarPlus from 'vue-star-plus'
+import 'vue-star-plus/style.css'
+
 let storePage = useStorePageData();
 
-const zanPage = (yn) => {
-	let param = {yn: yn, pageId: storePage.pageInfo.id}
+let zanUserList = ref([]);
+let zanUserDialogVisible = ref(false);
+let starActive = ref(false);
+watch(() => storePage.pageInfo, () => {
+	starActive.value = (storePage.pageInfo.selfZan === 1);
+});
+onMounted(() => {
+	starActive.value = (storePage.pageInfo.selfZan === 1);
+});
+const zanPage = () => {
+	let yn = storePage.pageInfo.selfZan === 1 ? 0 : 1;
+	let param = {yn: yn, pageId: storePage.pageInfo.id};
 	pageApi.updatePageZan(param).then(() => {
-		storePage.pageInfo.selfZan = yn
-		storePage.pageInfo.zanNum = storePage.pageInfo.zanNum + (yn == 1 ? 1 : -1)
-	})
+		starActive.value = (yn === 1);
+		storePage.pageInfo.selfZan = yn;
+		storePage.pageInfo.zanNum = storePage.pageInfo.zanNum + (yn === 1 ? 1 : -1);
+	});
 }
 const showZanPageUser = () => {
-	zanUserDialogVisible.value = true
-	zanUserList.value = []
-	let param = {pageId: storePage.pageInfo.id}
+	zanUserDialogVisible.value = true;
+	zanUserList.value = [];
+	let param = {pageId: storePage.pageInfo.id};
 	pageApi.pageZanList(param).then((json) => {
-		zanUserList.value = json.data
-	})
+		zanUserList.value = json.data || [];
+	});
 }
 </script>
+
+<style lang="scss">
+.zan-box {
+	margin-top: 50px;
+	text-align: center;
+
+	.zan-btn-box {
+		position: relative;
+
+		.vue-star-plus {
+			width: 100%;
+			position: unset;
+
+			.vue-star-plus__ground {
+				margin: 0 auto;
+			}
+		}
+
+		.zan-btn {
+			height: 60px;
+			width: 60px;
+		}
+	}
+
+	.el-divider {
+		width: 300px;
+		margin: 20px auto;
+	}
+}
+</style>
diff --git a/zyplayer-doc-wiki/src/main/java/org/dromara/zyplayer/wiki/controller/WikiPageHistoryController.java b/zyplayer-doc-wiki/src/main/java/org/dromara/zyplayer/wiki/controller/WikiPageHistoryController.java
index 66845866..7e92fd76 100644
--- a/zyplayer-doc-wiki/src/main/java/org/dromara/zyplayer/wiki/controller/WikiPageHistoryController.java
+++ b/zyplayer-doc-wiki/src/main/java/org/dromara/zyplayer/wiki/controller/WikiPageHistoryController.java
@@ -44,7 +44,7 @@ public class WikiPageHistoryController {
 	private final WikiPageService wikiPageService;
 	
 	@PostMapping("/list")
-	public ResponseJson<List<WikiPageHistory>> list(Long pageId, Integer pageNum) {
+	public ResponseJson<List<WikiPageHistory>> list(Long pageId) {
 		DocUserDetails currentUser = DocUserUtil.getCurrentUser();
 		WikiPage wikiPageSel = wikiPageService.getById(pageId);
 		// 私人空间
@@ -66,7 +66,7 @@ public class WikiPageHistoryController {
 		wrapper.orderByDesc(WikiPageHistory::getId);
 		wrapper.select(WikiPageHistory::getId, WikiPageHistory::getCreateUserId, WikiPageHistory::getCreateUserName
 				, WikiPageHistory::getPageId, WikiPageHistory::getCreateTime);
-		IPage<WikiPageHistory> page = new Page<>(pageNum, 30, false);
+		IPage<WikiPageHistory> page = new Page<>(1, 50, false);
 		wikiPageHistoryService.page(page, wrapper);
 		return DocResponseJson.ok(page);
 	}