关于页面优化

zyplayer-doc-ui/console-ui/src/App.vue

@@ -43,51 +43,29 @@
 				</el-main>
 			</el-container>
 		</el-container>
-		<!--关于弹窗-->
-		<el-dialog title="关于zyplayer-doc" :visible.sync="aboutDialogVisible" width="600px">
-			<el-form>
-				<el-form-item label="项目地址：">
-					<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">zyplayer-doc</a>
-				</el-form-item>
-				<el-form-item label="开发人员：">
-					<a target="_blank" href="http://zyplayer.com">暮光：城中城</a>
-				</el-form-item>
-				<template v-if="upgradeInfo.lastVersion">
-					<el-form-item label="当前版本：">{{upgradeInfo.nowVersion}}</el-form-item>
-					<el-form-item label="最新版本：">{{upgradeInfo.lastVersion}}</el-form-item>
-					<el-form-item label="升级地址：">
-						<a target="_blank" :href="upgradeInfo.upgradeUrl">{{upgradeInfo.upgradeUrl}}</a>
-					</el-form-item>
-					<el-form-item label="升级内容：">{{upgradeInfo.upgradeContent}}</el-form-item>
-				</template>
-				<el-form-item label="">
-					欢迎加群讨论，QQ群号：466363173，欢迎提交需求，欢迎使用和加入开发！
-				</el-form-item>
-			</el-form>
-		</el-dialog>
+		<about-dialog ref="aboutDialog"></about-dialog>
 	</div>
 </template>
 
 <script>
 	import consoleApi from './common/api/console'
 	import {Peoples, People} from '@icon-park/vue';
+	import aboutDialog from './views/common/AboutDialog'
 
 	export default {
 		data() {
 			return {
 				isCollapse: false,
-				aboutDialogVisible: false,
 				userSelfInfo: {},
 				userAuth: {
 					userManage: false
 				},
-				// 升级信息
-				upgradeInfo: {},
 			}
 		},
 		components: {
 			"peoples": Peoples,
 			"people": People,
+			'about-dialog': aboutDialog
 		},
 		computed: {
 			fullscreen () {
@@ -110,7 +88,7 @@
 				if (command == 'userSignOut') {
 					this.userSignOut();
 				} else if (command == 'aboutDoc') {
-					this.aboutDialogVisible = true;
+					this.$refs.aboutDialog.show();
 				} else if (command == 'myInfo') {
 					this.$router.push({path: '/user/myInfo'});
 				} else if (command == 'console') {
@@ -135,19 +113,6 @@
 					console.log("获取用户信息失败", e);
 				});
 			},
-			checkSystemUpgrade() {
-				consoleApi.systemUpgradeInfo({}).then(json => {
-					if (!!json.data) {
-						this.upgradeInfo = json.data;
-						console.log("zyplayer-doc发现新版本："
-							+ "\n升级地址：" + json.data.upgradeUrl
-							+ "\n当前版本：" + json.data.nowVersion
-							+ "\n最新版本：" + json.data.lastVersion
-							+ "\n升级内容：" + json.data.upgradeContent
-						);
-					}
-				});
-			},
 		}
 	}
 </script>