关于页面优化

This commit is contained in:
暮光:城中城
2021-07-10 19:15:49 +08:00
parent ddbadcd1e8
commit 77ff6722ab
103 changed files with 488 additions and 555 deletions

View File

@@ -2,8 +2,8 @@
ENV = 'development'
# base api
# VUE_APP_BASE_API = 'http://local.zyplayer.com:8083/zyplayer-doc-manage'
VUE_APP_BASE_API = 'http://doc.zyplayer.com/zyplayer-doc-manage'
VUE_APP_BASE_API = 'http://local.zyplayer.com:8083/zyplayer-doc-manage'
# VUE_APP_BASE_API = 'http://doc.zyplayer.com/zyplayer-doc-manage'
VUE_CLI_BABEL_TRANSPILE_MODULES = true

View File

@@ -2081,7 +2081,7 @@
},
"babel-helper-vue-jsx-merge-props": {
"version": "2.0.3",
"resolved": "https://registry.npm.taobao.org/babel-helper-vue-jsx-merge-props/download/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"resolved": "http://registry.npm.taobao.org/babel-helper-vue-jsx-merge-props/download/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha1-Iq69OzOQIyjlEyk6jkmSs4T58bY="
},
"babel-loader": {
@@ -2120,7 +2120,7 @@
},
"babel-runtime": {
"version": "6.26.0",
"resolved": "https://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
"resolved": "http://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
"integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
"requires": {
"core-js": "^2.4.0",
@@ -7535,7 +7535,7 @@
},
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
"resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnormalize-wheel%2Fdownload%2Fnormalize-wheel-1.0.1.tgz",
"integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
},
"npm-run-path": {

View 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)});
},
};

View File

@@ -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)});
},

View File

@@ -89,29 +89,8 @@
</el-main>
</el-container>
</el-container>
<!--关于弹窗-->
<el-dialog title="关于zyplayer-doc-wiki" :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}}最新版本{{upgradeInfo.lastVersion}}<a target="_blank" :href="upgradeInfo.upgradeUrl">去升级</a></el-form-item>
<el-form-item label="升级内容:">
<pre class="upgrade-info">{{upgradeInfo.upgradeContent}}</pre>
</el-form-item>
</template>
<el-form-item label="">
<div style="line-height: 26px;">
zyplayer-doc是一款开源的在线文档工具现有WIKI文档数据库文档swagger文档dubbo文档ElasticSearch文档等不止文档期待与你一起来迭代完善欢迎加群讨论QQ群号466363173
</div>
</el-form-item>
</el-form>
</el-dialog>
<create-space ref="createSpace" @success="loadSpaceList"></create-space>
<about-dialog ref="aboutDialog"></about-dialog>
</div>
</template>
@@ -119,12 +98,12 @@
import userApi from '../../common/api/user'
import pageApi from '../../common/api/page'
import CreateSpace from '../space/CreateSpace'
import aboutDialog from "../../views/common/AboutDialog";
export default {
data() {
return {
leftCollapse: true,
aboutDialogVisible: false,
rightContentLoading: false,
pathIndex: [],
defaultProps: {
@@ -146,8 +125,6 @@
wikiPage: {},
wikiPageExpandedKeys: [],
userSelfInfo: {},
// 升级信息
upgradeInfo: {},
userMessageList: [],
haveNotReadUserMessage: false,
userMessagePopVisible: false,
@@ -161,6 +138,7 @@
},
components: {
"create-space": CreateSpace,
'about-dialog': aboutDialog
},
computed: {
},
@@ -168,7 +146,6 @@
this.loadSpaceList();
this.loadUserMessageList();
this.getSelfUserInfo();
this.checkSystemUpgrade();
},
methods: {
loadPageList(param) {
@@ -344,7 +321,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') {
@@ -371,22 +348,6 @@
}
return {};
},
checkSystemUpgrade() {
userApi.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
);
}
});
},
switchSpacePage(spaceId) {
spaceId = parseInt(spaceId);
if (this.choiceSpace == spaceId) {

View 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>
Vueelement-uiwangeditormavon-editorqrcodejs2vantvue-routeraxiosvue-hljsbraceechartssql-formattervue-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>