manager/zyplayer-doc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wiki编辑展示优化

Browse Source
This commit is contained in:
暮光：城中城
2019-07-15 23:08:06 +08:00
parent f03c8a03ac
commit cfb954854f
9 changed files with 68 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
zyplayer-doc-ui/wiki-ui/src/views/home/Home.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="padding: 10px;">
<div style="padding: 10px;" class="home-vue">
<div style="max-width: 800px;margin: 0 auto;">
<el-select v-model="searchParam.newsType" v-on:change="getSpacePageNews" placeholder="请选择查看方式" style="float: right;z-index: 1;">
<el-option :label="val" :value="index+1" v-for="(val, index) in newsTypes"></el-option>
@@ -101,21 +101,21 @@
}
</script>
<style>
.empty-news{text-align: center;padding: 100px;}
.home-vue .empty-news{text-align: center;padding: 100px;}
.text-link {
.home-vue .text-link {
color: #444;
/*cursor: pointer;*/
/*font-weight: bold;*/
}
.line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.line-title{font-size: 14px;}
.page-preview-box{}
.page-preview-title{cursor: pointer;font-size: 20px;margin: 10px 0 5px 0;color: #3a8ee6;}
.page-preview-content{font-size: 16px;margin-bottom: 5px;}
.zan-img{vertical-align: middle;margin-top: -3px;}
.view-img{font-size: 16px;color: #666;}
.home-vue .line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.home-vue .line-title{font-size: 14px;}
.home-vue .page-preview-box{}
.home-vue .page-preview-title{cursor: pointer;font-size: 20px;margin: 10px 0 5px 0;color: #3a8ee6;}
.home-vue .page-preview-content{font-size: 16px;margin-bottom: 5px;}
.home-vue .zan-img{vertical-align: middle;margin-top: -3px;}
.home-vue .view-img{font-size: 16px;color: #666;}
.page-info-box{text-align: right;margin: 20px 0 50px 0;}
.home-vue .page-info-box{text-align: right;margin: 20px 0 50px 0;}
</style>

33
zyplayer-doc-ui/wiki-ui/src/views/page/Edit.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="padding: 10px;">
<div style="padding: 10px;" class="page-edit-vue">
<el-row type="border-card">
<div style="margin-bottom: 10px;padding: 10px;" v-if="wikiPage.id > 0">
编辑：{{parentPath.path}}
@@ -12,7 +12,8 @@
</div>
<el-input v-model="newPageTitle" placeholder="请输入标题"></el-input>
<div id="newPageContentDiv" style="margin: 10px 0;"></div>
<el-button type="primary" v-on:click="createWikiSave">保存</el-button>
<el-button type="primary" v-on:click="createWikiSave(1)">保存并查看</el-button>
<el-button type="success" v-on:click="createWikiSave(0)">仅保存</el-button>
<el-button v-on:click="createWikiCancel">取消</el-button>
</el-row>
</div>
@@ -77,7 +78,7 @@
app.$router.back();
});
},
createWikiSave() {
createWikiSave(saveAfter) {
// 修改内容时强制不能修改父路径，只能在目录上拖动修改
var parentId = (this.wikiPage.id > 0) ? '' : app.parentPath.parentId;
if (this.common.isEmpty(app.newPageTitle)) {
@@ -98,7 +99,11 @@
// 重新加载左侧列表，跳转到展示页面
global.vue.$app.doGetPageList(null);
app.parentPath.pageId = json.data.id;
app.$router.push({path: '/page/show', query: app.parentPath});
if (saveAfter == 1) {
app.$router.push({path: '/page/show', query: app.parentPath});
} else {
app.loadPageDetail(app.parentPath.pageId);
}
});
},
loadPageDetail(pageId) {
@@ -159,19 +164,19 @@
</script>
<style>
.icon-collapse{float: left;font-size: 25px;color: #aaa;margin-top: 8px;cursor: pointer;}
.icon-collapse:hover{color: #eee;}
.wiki-title{font-size: 20px;}
.wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.wiki-content{font-size: 14px;}
.wiki-content.w-e-text{overflow-y: auto;}
.page-edit-vue .icon-collapse{float: left;font-size: 25px;color: #aaa;margin-top: 8px;cursor: pointer;}
.page-edit-vue .icon-collapse:hover{color: #eee;}
.page-edit-vue .wiki-title{font-size: 20px;}
.page-edit-vue .wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.page-edit-vue .wiki-content{font-size: 14px;}
.page-edit-vue .wiki-content.w-e-text{overflow-y: auto;}
.upload-page-file .el-upload-list{display: none;}
.is-link{color: #1e88e5;cursor: pointer;}
.page-edit-vue .upload-page-file .el-upload-list{display: none;}
.page-edit-vue .is-link{color: #1e88e5;cursor: pointer;}
/*编辑框高度*/
#newPageContentDiv .w-e-text-container{height: 600px !important;}
.page-edit-vue #newPageContentDiv .w-e-text-container{height: 600px !important;}
/*评论*/
.comment-box .head{
.page-edit-vue .comment-box .head{
float: left;background-color: #ccc;border-radius: 50%;margin-right: 10px;
width: 45px; height: 45px; line-height: 45px;text-align: center;color: #fff;
}

22
zyplayer-doc-ui/wiki-ui/src/views/page/Search.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="background: #f1f1f1;min-height: 100%;">
<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;">
<el-row :gutter="20" style="max-width: 700px; margin: 0 auto;">
@@ -102,21 +102,21 @@
}
</script>
<style>
.empty-news{text-align: center;padding: 100px;}
.page-search-vue .empty-news{text-align: center;padding: 100px;}
.text-link {
.page-search-vue .text-link {
color: #444;
/*cursor: pointer;*/
/*font-weight: bold;*/
}
.line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.line-title{font-size: 14px;}
.page-preview-box{}
.page-preview-title{font-size: 18px;margin: 10px 0 5px 0;color: #3a8ee6;cursor: pointer;}
.page-preview-content{font-size: 16px;margin-bottom: 5px;}
.zan-img{vertical-align: middle;margin-top: -3px;}
.view-img{font-size: 16px;color: #666;}
.page-search-vue .line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.page-search-vue .line-title{font-size: 14px;}
.page-search-vue .page-preview-box{}
.page-search-vue .page-preview-title{font-size: 18px;margin: 10px 0 5px 0;color: #3a8ee6;cursor: pointer;}
.page-search-vue .page-preview-content{font-size: 16px;margin-bottom: 5px;}
.page-search-vue .zan-img{vertical-align: middle;margin-top: -3px;}
.page-search-vue .view-img{font-size: 16px;color: #666;}
.page-info-box{text-align: right;margin: 20px 0 50px 0;}
.page-search-vue .page-info-box{text-align: right;margin: 20px 0 50px 0;}
</style>

24
zyplayer-doc-ui/wiki-ui/src/views/page/Show.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="padding: 10px;">
<div style="padding: 10px;" class="page-show-vue">
<el-row type="border-card">
<div class="wiki-title">
{{wikiPage.name}}
@@ -387,19 +387,21 @@
</script>
<style>
.icon-collapse{float: left;font-size: 25px;color: #aaa;margin-top: 8px;cursor: pointer;}
.icon-collapse:hover{color: #eee;}
.wiki-title{font-size: 20px;}
.wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.wiki-content{font-size: 14px;}
.wiki-content.w-e-text{overflow-y: auto;}
.page-show-vue .icon-collapse{float: left;font-size: 25px;color: #aaa;margin-top: 8px;cursor: pointer;}
.page-show-vue .icon-collapse:hover{color: #eee;}
.page-show-vue .wiki-title{font-size: 20px;}
.page-show-vue .wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.page-show-vue .wiki-content{font-size: 14px;}
.page-show-vue .wiki-content.w-e-text{overflow-y: auto;}
.page-show-vue .wiki-content.w-e-text img{cursor: auto;}
.page-show-vue .wiki-content.w-e-text img:hover{box-shadow: unset;}
.upload-page-file .el-upload-list{display: none;}
.is-link{color: #1e88e5;cursor: pointer;}
.page-show-vue .upload-page-file .el-upload-list{display: none;}
.page-show-vue .is-link{color: #1e88e5;cursor: pointer;}
/*编辑框高度*/
#newPageContentDiv .w-e-text-container{height: 600px !important;}
.page-show-vue #newPageContentDiv .w-e-text-container{height: 600px !important;}
/*评论*/
.comment-box .head{
.page-show-vue .comment-box .head{
float: left;background-color: #ccc;border-radius: 50%;margin-right: 10px;
width: 45px; height: 45px; line-height: 45px;text-align: center;color: #fff;
}

10
zyplayer-doc-ui/wiki-ui/src/views/user/Login.vue
View File

@@ -1,5 +1,5 @@
<template>
<div style="padding-top: 50px;" @keyup.enter="loginSubmit">
<div style="padding-top: 50px;" @keyup.enter="loginSubmit" class="user-login-vue">
<el-form :model="loginParam" :rules="loginRules" ref="loginParam" label-position="left" label-width="0px"
class="demo-ruleForm login-container">
<h3 class="title">系统登录</h3>
@@ -61,7 +61,7 @@
</script>
<style>
.login-container {
.user-login-vue .login-container {
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
@@ -73,14 +73,12 @@
border: 1px solid #eaeaea;
box-shadow: 0 0 25px #cac6c6;
}
.title {
.user-login-vue .title {
margin: 0px auto 40px auto;
text-align: center;
color: #505458;
}
.remember {
.user-login-vue .remember {
margin: 0px 0px 35px 0px;
}

6
zyplayer-doc-ui/wiki-ui/src/views/user/MyInfo.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="my-info-vue">
<div class="user-my-info-vue">
<el-breadcrumb separator-class="el-icon-arrow-right" style="padding: 20px 10px;">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>我的信息</el-breadcrumb-item>
@@ -43,7 +43,7 @@
</script>
<style>
.my-info-vue{}
.my-info-vue .box-card{margin: 10px;}
.user-my-info-vue{}
.user-my-info-vue .box-card{margin: 10px;}
</style>

8
zyplayer-doc-wiki/src/main/resources/doc-wiki-index.js
View File

File diff suppressed because one or more lines are too long

4
zyplayer-doc-wiki/src/main/resources/doc-wiki-manifest.js
View File

@@ -1,2 +1,2 @@
!function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var n=window.webpackJsonp;window.webpackJsonp=function(t,c,u){for(var i,a,f,l=0,s=[];l<t.length;l++)a=t[l],o[a]&&s.push(o[a][0]),o[a]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(n&&n(t,c,u);s.length;)s.shift()();if(u)for(l=0;l<u.length;l++)f=r(r.s=u[l]);return f};var t={},o={2:0};r.e=function(e){function n(){u.onerror=u.onload=null,clearTimeout(i);var r=o[e];0!==r&&(r&&r[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var t=new Promise(function(r,n){o[e]=[r,n]});o[e][2]=t;var c=document.getElementsByTagName("head")[0],u=document.createElement("script");u.type="text/javascript",u.charset="utf-8",u.async=!0,u.timeout=12e4,r.nc&&u.setAttribute("nonce",r.nc),u.src=r.p+""+e+".js?"+{0:"2b8a785d47f4d7159c21",1:"0bbf3109e968f057361a"}[e];var i=setTimeout(n,12e4);return u.onerror=u.onload=n,c.appendChild(u),t},r.m=e,r.c=t,r.i=function(e){return e},r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=doc-wiki-manifest.js.map?0bd521aa925078f9f41e
!function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var n=window.webpackJsonp;window.webpackJsonp=function(t,c,u){for(var a,i,f,l=0,s=[];l<t.length;l++)i=t[l],o[i]&&s.push(o[i][0]),o[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(t,c,u);s.length;)s.shift()();if(u)for(l=0;l<u.length;l++)f=r(r.s=u[l]);return f};var t={},o={2:0};r.e=function(e){function n(){u.onerror=u.onload=null,clearTimeout(a);var r=o[e];0!==r&&(r&&r[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var t=new Promise(function(r,n){o[e]=[r,n]});o[e][2]=t;var c=document.getElementsByTagName("head")[0],u=document.createElement("script");u.type="text/javascript",u.charset="utf-8",u.async=!0,u.timeout=12e4,r.nc&&u.setAttribute("nonce",r.nc),u.src=r.p+""+e+".js?"+{0:"2b8a785d47f4d7159c21",1:"c0445036078211a7ad77"}[e];var a=setTimeout(n,12e4);return u.onerror=u.onload=n,c.appendChild(u),t},r.m=e,r.c=t,r.i=function(e){return e},r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=doc-wiki-manifest.js.map?0a16a1d57ed8b4e2133f

2
zyplayer-doc-wiki/src/main/resources/doc-wiki.html
View File

@@ -8,7 +8,7 @@
<body>
<div id="app"></div>
<script type="text/javascript" src="doc-wiki-manifest.js?0bd521aa925078f9f41e"></script><script type="text/javascript" src="doc-wiki-vendor.js?2b8a785d47f4d7159c21"></script><script type="text/javascript" src="doc-wiki-index.js?0bbf3109e968f057361a"></script></body>
<script type="text/javascript" src="doc-wiki-manifest.js?0a16a1d57ed8b4e2133f"></script><script type="text/javascript" src="doc-wiki-vendor.js?2b8a785d47f4d7159c21"></script><script type="text/javascript" src="doc-wiki-index.js?c0445036078211a7ad77"></script></body>
</html>