关于页面优化

2021-07-10 19:15:49 +08:00
parent ddbadcd1e8
commit 77ff6722ab
103 changed files with 488 additions and 555 deletions
--- a/zyplayer-doc-ui/console-ui/src/views/common/AboutDialog.vue
+++ b/zyplayer-doc-ui/console-ui/src/views/common/AboutDialog.vue
@@ -0,0 +1,101 @@
+<template>
+	<!--关于弹窗-->
+	<el-dialog title="关于" :visible.sync="aboutDialogVisible" width="600px" custom-class="about-zyplayer-doc">
+		<div style="">
+			<div style="font-weight: bold;font-size: 25px;">zyplayer-doc</div>
+			<div style="line-height: 30px;font-size: 12px;color: #666;padding: 10px 0;">
+				<div>版本 {{upgradeInfo.nowVersion || '1.0.0'}}</div>
+				<div>版权所有 © 2018-2021 <a target="_blank" href="http://doc.zyplayer.com">doc.zyplayer.com</a></div>
+			</div>
+			<el-tabs type="border-card">
+				<el-tab-pane label="支持">
+					<div style="line-height: 30px;">
+						<div>文档：<a target="_blank" href="http://doc.zyplayer.com/zyplayer-doc-manage/doc-wiki#/page/share/view?pageId=1&space=23f3f59a60824d21af9f7c3bbc9bc3cb">http://doc.zyplayer.com</a></div>
+						<div>主页：<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">https://gitee.com/zyplayer/zyplayer-doc</a></div>
+						<div>反馈：<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc/issues">https://gitee.com/zyplayer/zyplayer-doc/issues</a></div>
+						<div>特性关注&技术交流QQ群：466363173</div>
+						<el-divider content-position="left">UI/设计/开发/测试</el-divider>
+						<div><a target="_blank" href="http://zyplayer.com">暮光：城中城</a></div>
+					</div>
+				</el-tab-pane>
+				<el-tab-pane label="开源软件">
+					<div style="line-height: 30px;">
+						<div>此项目基于以下开源软件构建</div>
+						<el-divider content-position="left">后端</el-divider>
+						<div>
+							<a target="_blank" href="https://spring.io/projects/spring-boot">Spring-Boot</a>、
+							<a target="_blank" href="http://www.mybatis.org">MyBatis</a>、
+							<a target="_blank" href="https://github.com/alibaba/druid">Druid</a>、
+							<a target="_blank" href="https://mp.baomidou.com">MyBatis-Plus</a>、
+							<a target="_blank" href="https://www.hutool.cn">Hutool</a>、
+							<a target="_blank" href="https://github.com/alibaba/fastjson">Fastjson</a>、
+							<a target="_blank" href="https://alibaba-easyexcel.github.io">Easy Excel</a>、
+							<a target="_blank" href="https://swagger.io">Swagger</a>、
+							<a target="_blank" href="https://dubbo.io">Dubbo</a>、
+							<a target="_blank" href="http://www.eclipse.org/jgit">JGit</a>、...
+						</div>
+						<el-divider content-position="left">前端</el-divider>
+						Vue、element-ui、wangeditor、mavon-editor、qrcodejs2、vant、vue-router、axios、vue-hljs、brace、echarts、sql-formatter、vue-clipboard2、...
+						<div>
+						</div>
+					</div>
+				</el-tab-pane>
+				<el-tab-pane label="软件更新" v-if="upgradeInfo.lastVersion">
+					<span slot="label">
+						软件更新
+						<sup class="el-badge__content el-badge__content--undefined is-fixed is-dot" style="top: 10px;right: 20px;"></sup>
+					</span>
+					<div style="line-height: 30px;">
+						<div>当前版本：{{upgradeInfo.nowVersion}}</div>
+						<div>最新版本：{{upgradeInfo.lastVersion}}</div>
+						<div>升级地址：<a target="_blank" :href="upgradeInfo.upgradeUrl">{{upgradeInfo.upgradeUrl}}</a></div>
+						<div>升级内容：</div>
+						<pre style="margin: 0; max-height: 250px; overflow: auto;">{{upgradeInfo.upgradeContent}}</pre>
+					</div>
+				</el-tab-pane>
+			</el-tabs>
+		</div>
+	</el-dialog>
+</template>
+
+<script>
+    import systemApi from "../../common/api/system";
+
+	export default {
+        data() {
+            return {
+				aboutDialogVisible: false,
+				upgradeInfo: {},
+			};
+        },
+		mounted() {
+			this.checkSystemUpgrade();
+		},
+		methods: {
+			show() {
+				this.aboutDialogVisible = true;
+			},
+			checkSystemUpgrade() {
+				systemApi.systemUpgradeInfo({}).then(json => {
+					if (!!json.data) {
+						this.upgradeInfo = json.data;
+						if (!!this.upgradeInfo.upgradeContent) {
+							this.upgradeInfo.upgradeContent = this.upgradeInfo.upgradeContent.replaceAll('；', '；\n');
+						}
+						console.log("zyplayer-doc发现新版本："
+								+ "\n升级地址：" + json.data.upgradeUrl
+								+ "\n当前版本：" + json.data.nowVersion
+								+ "\n最新版本：" + json.data.lastVersion
+								+ "\n升级内容：" + json.data.upgradeContent
+						);
+					}
+				});
+			},
+		}
+    }
+</script>
+<style>
+	.about-zyplayer-doc{text-align: left; line-height: normal;}
+	.about-zyplayer-doc .el-dialog__body{padding: 20px;}
+</style>
+