关于页面优化
This commit is contained in:
暮光：城中城
@@ -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>
|
||||
|
||||
@@ -2,9 +2,6 @@ import Qs from 'qs'
|
||||
import request from './request'
|
||||
|
||||
export default {
|
||||
systemUpgradeInfo: data => {
|
||||
return request({url: '/system/info/upgrade', method: 'post', data: Qs.stringify(data)});
|
||||
},
|
||||
userLogin: data => {
|
||||
return request({url: '/login', method: 'post', data: Qs.stringify(data)});
|
||||
},
|
||||
|
||||
8
zyplayer-doc-ui/console-ui/src/common/api/system.js
Normal file
8
zyplayer-doc-ui/console-ui/src/common/api/system.js
Normal file
@@ -0,0 +1,8 @@
|
||||
import Qs from 'qs'
|
||||
import request from './request'
|
||||
|
||||
export default {
|
||||
systemUpgradeInfo: data => {
|
||||
return request({url: '/system/info/upgrade', method: 'post', data: Qs.stringify(data)});
|
||||
},
|
||||
};
|
||||
101
zyplayer-doc-ui/console-ui/src/views/common/AboutDialog.vue
Normal file
101
zyplayer-doc-ui/console-ui/src/views/common/AboutDialog.vue
Normal file
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user