#I2BC14 手机端查看页面适配

This commit is contained in:
暮光:城中城
2021-05-14 23:45:12 +08:00
parent 477fef11d3
commit dcf487d55c
34 changed files with 308 additions and 168 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

@@ -8840,6 +8840,11 @@
"integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=",
"dev": true
},
"qrcodejs2": {
"version": "0.0.2",
"resolved": "https://registry.nlark.com/qrcodejs2/download/qrcodejs2-0.0.2.tgz",
"integrity": "sha1-Rlr+Xjnxn6zsuTLBH3oYYQkUauE="
},
"qs": {
"version": "6.5.2",
"resolved": "https://registry.npm.taobao.org/qs/download/qs-6.5.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fqs%2Fdownload%2Fqs-6.5.2.tgz",

View File

@@ -15,6 +15,7 @@
"js-cookie": "^2.2.1",
"mavon-editor": "^2.9.0",
"pouchdb": "^7.1.1",
"qrcodejs2": "0.0.2",
"sql-formatter": "^2.3.3",
"vant": "^2.12.18",
"vue": "^2.6.10",

View File

@@ -0,0 +1,34 @@
<template>
<van-collapse v-model="pageSelect">
<template v-for="page in pageList">
<div v-if="!page.children" @click="pageSelectChange(page.id)" class="van-cell van-cell--clickable">{{page.name}}</div>
<van-collapse-item :name="page.id" v-else>
<span slot="title" @click="pageSelectChange(page.id)">{{page.name}}</span>
<page-tree :page-list="page.children" @pageChange="pageSelectChange"></page-tree>
</van-collapse-item>
</template>
</van-collapse>
</template>
<script>
export default {
name: 'pageTree',
data() {
return {
pageSelect: [],
}
},
props: {pageList: Array},
mounted () {
},
methods: {
pageSelectChange(value) {
this.$emit('pageChange', value);
},
}
};
</script>
<style scoped>
</style>

View File

@@ -1,24 +1,13 @@
<template>
<div style="height: 100%;">
<van-popup v-model="popupShow" closeable position="left" :style="{ height: '100%', width: '80%' }">
<div class="share-mobile-layout">
<van-popup v-model="popupShow" closeable position="left" class="popup-module" :style="{ height: '100%', width: '80%' }">
<div class="header">
<van-nav-bar :title="nowSpaceShow.name"></van-nav-bar>
<van-collapse v-model="pageSelect" @change="pageSelectChange">
<template v-for="page in wikiPageList">
<div v-if="!page.children" class="van-cell van-cell--clickable">{{page.name}}</div>
<van-collapse-item :title="page.name" :name="page.id" v-else>
<template v-for="page1 in page.children">
<van-collapse v-model="pageSelect" @change="pageSelectChange">
<div v-if="!page1.children" class="van-cell van-cell--clickable">{{page1.name}}</div>
<van-collapse-item :title="page1.name" :name="page1.id" v-else>
<template v-for="page2 in page1.children">
<div v-if="!page2.children">{{page2.name}}</div>
</template>
</van-collapse-item>
</van-collapse>
</template>
</van-collapse-item>
</template>
</van-collapse>
</div>
<div class="main">
<page-tree :page-list="wikiPageList" @pageChange="pageSelectChange"></page-tree>
<div class="build-info">本文档使用<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">zyplayer-doc</a>构建</div>
</div>
</van-popup>
<router-view @popupShow="popupShowChange"></router-view>
</div>
@@ -27,6 +16,7 @@
<script>
import Vue from 'vue';
import pageApi from '../../common/api/page'
import PageTree from './PageTree'
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);
@@ -47,11 +37,12 @@
// 页面展示相关
wikiPageList:[],
wikiPageExpandedKeys: [],
popupShow: true,
popupShow: false,
pageSelect: [],
}
},
components: {
PageTree: PageTree
},
mounted: function () {
this.spaceUuid = this.$route.query.space || '';
@@ -65,22 +56,13 @@
},
pageSelectChange(value) {
console.log("页面修改:" + value);
this.popupShow = false;
this.$router.replace({path: '/page/share/mobile/view', query: {pageId: value, space: this.spaceUuid}});
},
popupShowChange(value) {
this.popupShow = value;
console.log(this.pageSelect)
},
handleNodeClick(data) {
if (this.nowPageId == data.id) {
return;
}
console.log("点击节点:", data);
this.nowPageId = data.id;
this.$router.push({path: '/page/share/view', query: {pageId: data.id, space: this.spaceUuid}});
},
searchByKeywords() {
this.$refs.wikiPageTree.filter(this.searchKeywords);
},
doGetPageList() {
pageApi.openPageList({space: this.spaceUuid}).then(json => {
this.wikiPageList = json.data || [];
@@ -98,6 +80,12 @@
<style scoped>
html,body,#app {margin: 0; padding: 0; height: 100%;}
.share-mobile-layout{height: 100%;}
.popup-module .header{width:100%;height:46px;}
.popup-module .main{position:absolute;top:46px;bottom: 0;right:0;left:0;overflow:auto;}
.popup-module .footer{width:100%;height:26px;position:fixed;bottom:0}
pre{margin: 0;white-space: pre-wrap;font-size: 14px; font-family: auto;}
.el-menu {box-sizing: border-box;border-right: 0;margin-right: 3px;}
.el-header {background-color: #409EFF; color: #333; line-height: 40px; text-align: right;height: 40px !important;}
@@ -120,8 +108,7 @@
width: 45px; height: 45px; line-height: 45px;text-align: center;color: #fff;
}
.build-info{
position: fixed;bottom: 0;left: 0;background: #fafafa;width: 240px;text-align: center;
padding: 5px 0;color: #aaa;font-size: 12px;
text-align: center; padding: 5px 0;color: #aaa;font-size: 12px; margin: 10px 0;
}
.build-info a{color: #4183c4;cursor: pointer;text-decoration:none;}
</style>

View File

@@ -33,7 +33,7 @@ let routes = [
name: '页面管理',
component: ShareMobileLayout,
children: [
{path: '/page/share/mobile/home', name: 'WIKI-开放文档', component: () => import('@/views/page/share/mobile/Home')},
{path: '/page/share/mobile/view', name: 'WIKI-开放文档', component: () => import('@/views/page/share/mobile/View')},
]
},
];

View File

@@ -28,6 +28,7 @@
<el-dropdown-item command="deletePage" v-if="wikiPageAuth.canDelete==1" icon="el-icon-delete">删除</el-dropdown-item>
<el-dropdown-item command="editAuth" v-if="wikiPageAuth.canConfigAuth==1" icon="el-icon-s-check">权限设置</el-dropdown-item>
<el-dropdown-item command="showOpenPage" v-if="spaceInfo.openDoc == 1" icon="el-icon-share">查看开放文档</el-dropdown-item>
<el-dropdown-item command="showMobileView" v-if="spaceInfo.openDoc == 1" icon="el-icon-mobile-phone">手机端查看</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -158,6 +159,13 @@
</el-tabs>
</el-col>
</el-row>
<!--手机扫码查看弹窗-->
<el-dialog title="手机扫码查看" :visible.sync="mobileScanDialogVisible" width="400px">
<div style="text-align: center;">
<div class="mobile-qr" ref="qrCodeDiv"></div>
<div>使用微信或手机浏览器扫一扫查看</div>
</div>
</el-dialog>
<!--点赞人员弹窗-->
<el-dialog title="赞了它的人" :visible.sync="zanUserDialogVisible" width="600px">
<el-table :data="zanUserList" border :show-header="false" style="width: 100%; margin-bottom: 5px;">
@@ -204,6 +212,7 @@
</template>
<script>
import QRCode from 'qrcodejs2'
import common from '../../common/lib/common'
import pageApi from '../../common/api/page'
import userApi from '../../common/api/user'
@@ -232,6 +241,8 @@
zanUserDialogVisible: false,
zanUserList: [],
parentPath: {},
// 手机扫码
mobileScanDialogVisible: false,
// 评论相关
commentTextInput: "",
commentList: [],
@@ -279,7 +290,7 @@
this.pageAuthUserLoading = false;
});
},
handleMoreCommand(val) {
handleMoreCommand: function (val) {
if (val == 'editAuth') {
this.editWikiAuth();
} else if (val == 'deletePage') {
@@ -296,6 +307,28 @@
});
window.open(routeUrl.href, '_blank');
}
} else if (val == 'showMobileView') {
if (this.spaceInfo.openDoc != 1) {
this.$message.warning("该空间未开放,无法查看开放文档地址");
} else {
let routeUrl = this.$router.resolve({
path: '/page/share/mobile/view',
query: {pageId: this.wikiPage.id, space: this.spaceInfo.uuid}
});
this.mobileScanDialogVisible = true;
let hostPath = window.location.href.split("#")[0];
setTimeout(() => {
this.$refs.qrCodeDiv.innerHTML = "";
new QRCode(this.$refs.qrCodeDiv, {
text: hostPath + routeUrl.href,
width: 250,
height: 250,
colorDark: "#333333", //二维码颜色
colorLight: "#ffffff", //二维码背景色
correctLevel: QRCode.CorrectLevel.M//容错率L/M/H
});
}, 0);
}
}
},
addPageAuthUser() {
@@ -715,5 +748,6 @@
.page-show-vue .comment-card:hover .comment-user-name .el-icon-delete{
display: inline-block;
}
.mobile-qr{width: 250px; height: 250px; border: 1px solid #ccc;display: inline-block;border-radius: 4px;margin-bottom: 10px;padding: 5px;}
</style>

View File

@@ -1,81 +0,0 @@
<template>
<div style="padding: 10px;" class="page-share-home-vue">
<van-button type="primary" @click="popupShowChange">测试</van-button>
</div>
</template>
<script>
import pageApi from '../../../../common/api/page';
export default {
data() {
return {
totalCount: 0,
searchParam: {
spaceId: '',
newsType: 1,
pageNum: 1,
pageSize: 20,
},
spacePageNews: [],
};
},
beforeRouteUpdate(to, from, next) {
this.initQueryParam(to);
next();
},
mounted: function () {
this.initQueryParam(this.$route);
},
methods: {
popupShowChange() {
this.$emit("popupShow", true);
},
getSpacePageNews() {
pageApi.openPageNews(this.searchParam).then(json => {
this.spacePageNews = json.data || [];
this.totalCount = json.total;
});
},
handleSizeChange(val) {
this.searchParam.pageSize = val;
this.getSpacePageNews();
},
showPageDetail(row) {
this.nowClickPath = {space: row.space, pageId: row.pageId};
this.$router.push({path: '/page/share/view', query: this.nowClickPath});
},
handleCurrentChange(val) {
this.searchParam.pageNum = val;
this.getSpacePageNews();
},
initQueryParam(to) {
this.searchParam = {
space: to.query.space,
newsType: 1,
pageNum: 1,
pageSize: 20,
};
if (!!this.searchParam.space) {
this.getSpacePageNews();
}
},
}
}
</script>
<style>
.page-share-home-vue .empty-news{text-align: center;padding: 100px;}
.page-share-home-vue .text-link {
color: #444;
}
.page-share-home-vue .line-box{color: #666;border-bottom: 1px solid #eee;padding: 20px 0;}
.page-share-home-vue .line-title{font-size: 14px;}
.page-share-home-vue .page-preview-box{}
.page-share-home-vue .page-preview-title{cursor: pointer;font-size: 20px;margin: 10px 0 5px 0;color: #3a8ee6;}
.page-share-home-vue .page-preview-content{font-size: 16px;margin-bottom: 5px;}
.page-share-home-vue .zan-img{vertical-align: middle;margin-top: -3px;}
.page-share-home-vue .view-img{font-size: 16px;color: #666;}
.page-share-home-vue .page-info-box{text-align: right;margin: 20px 0 50px 0;}
</style>

View File

@@ -0,0 +1,158 @@
<template>
<div class="page-share-view-vue">
<van-nav-bar :title="wikiPage.name">
<van-icon name="ellipsis" slot="left" @click="popupShowChange"></van-icon>
</van-nav-bar>
<el-row type="border-card">
<div style="max-width: 950px;margin: 0 auto;">
<!-- <div class="wiki-title">{{wikiPage.name}}</div>-->
<div class="wiki-author">
<span v-if="wikiPage.updateTime">最后修改{{wikiPage.updateTime}}</span>
<span v-else>创建时间{{wikiPage.createTime}}</span>
</div>
<div class="wiki-files">
<el-table v-show="pageFileList.length > 0" :data="pageFileList" border style="width: 100%; margin-bottom: 5px;">
<el-table-column label="文件名">
<template slot-scope="scope">
<a target="_blank" :href="scope.row.fileUrl">{{scope.row.fileName}}</a>
</template>
</el-table-column>
<el-table-column label="文件大小">
<template slot-scope="scope">{{computeFileSize(scope.row.fileSize)}}</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间" width="180px"></el-table-column>
<el-table-column prop="downloadNum" label="下载次数" width="80px"></el-table-column>
</el-table>
</div>
<div ref="pageContent" class="wiki-page-content">
<div v-html="pageShowDetail" class="markdown-body" v-if="wikiPage.editorType == 2"></div>
<div v-html="pageShowDetail" class="wang-editor-body" v-else></div>
</div>
</div>
</el-row>
<div ref="imagePreview">
<el-image-viewer v-if="showImagePreview" :url-list="showImagePreviewList" :on-close="closeImagePreview" :initial-index="previewInitialIndex"></el-image-viewer>
</div>
</div>
</template>
<script>
import pageApi from '../../../../common/api/page'
import {mavonEditor, markdownIt} from 'mavon-editor'
import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
import 'mavon-editor/dist/markdown/github-markdown.min.css'
import 'mavon-editor/dist/css/index.css'
export default {
data() {
return {
spaceUuid: '',
nowPageId: '',
// 页面展示相关
wikiPage: {},
pageFileList: [],
pageShowDetail: '',
// 大图预览
previewInitialIndex: 0,
showImagePreview: false,
showImagePreviewList: [],
};
},
components: {'el-image-viewer': ElImageViewer},
beforeRouteUpdate(to, from, next) {
this.initQueryParam(to);
next();
},
mounted() {
this.initQueryParam(this.$route);
},
methods: {
popupShowChange() {
this.$emit("popupShow", true);
},
loadPageDetail(pageId) {
let param = {pageId: pageId, space: this.spaceUuid};
pageApi.openPageDetail(param).then(json => {
let wikiPage = json.data.wikiPage || {};
wikiPage.selfZan = json.data.selfZan || 0;
this.wikiPage = wikiPage;
let pageContent = json.data.pageContent || {};
this.pageFileList = json.data.fileList || [];
if (this.wikiPage.editorType === 2) {
pageContent.content = markdownIt.render(pageContent.content);
}
this.pageShowDetail = pageContent.content;
document.title = wikiPage.name || 'WIKI-内容展示';
setTimeout(() => this.previewPageImage(), 500);
});
},
initQueryParam(to) {
this.spaceUuid = to.query.space;
this.nowPageId = to.query.pageId;
if (!!this.nowPageId) {
this.loadPageDetail(this.nowPageId);
}
},
computeFileSize(fileSize) {
if (!fileSize) {
return '-';
}
let size = "";
if (fileSize < 0.1 * 1024) {
size = fileSize.toFixed(2) + "B"
} else if (fileSize < 0.1 * 1024 * 1024) {
size = (fileSize / 1024).toFixed(2) + "KB"
} else if (fileSize < 0.1 * 1024 * 1024 * 1024) {
size = (fileSize / (1024 * 1024)).toFixed(2) + "MB"
} else {
size = (fileSize / (1024 * 1024 * 1024)).toFixed(2) + "GB"
}
let sizeStr = size + "";
let index = sizeStr.indexOf(".");
let dou = sizeStr.substr(index + 1, 2);
if (dou == "00") {
return sizeStr.substring(0, index) + sizeStr.substr(index + 3, 2)
}
return size;
},
closeImagePreview() {
this.showImagePreview = false;
},
previewPageImage() {
const imgArr = [];
const imgSelector = this.$refs.pageContent.querySelectorAll('img');
imgSelector.forEach((item, index) => {
imgArr.push(item.src);
item.onclick = () => {
this.previewInitialIndex = index;
this.showImagePreviewList = imgArr;
this.showImagePreview = true;
setTimeout(() => this.initImageViewerMask(), 0);
}
});
},
initImageViewerMask() {
// 图片预览遮罩点击隐藏预览框
let imageViewerMask = this.$refs.imagePreview.querySelectorAll('.el-image-viewer__mask');
imageViewerMask.forEach(item => {
item.onclick = () => this.showImagePreview = false;
});
},
}
}
</script>
<style>
@import "../../../../common/lib/wangEditor.css";
.page-share-view-vue{padding: 10px;}
.page-share-view-vue .wiki-title{font-size: 20px;text-align: center;}
.page-share-view-vue .wiki-author{font-size: 14px;color: #888;padding: 20px 0;height: 40px;line-height: 40px;}
.page-share-view-vue .wiki-page-content img{cursor: pointer;max-width: 100%;}
.page-share-view-vue .wiki-page-content img:hover{box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);}
.page-share-view-vue .upload-page-file .el-upload-list{display: none;}
.page-share-view-vue .is-link{color: #1e88e5;cursor: pointer;}
</style>

View File

@@ -1 +0,0 @@
::-webkit-scrollbar{width:6px;height:9px;-webkit-appearance:none}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}::-webkit-scrollbar-track-piece{background:#eee}.create-space-vue .empty-news{text-align:center;padding:100px}.create-space-vue .text-link{color:#444}.create-space-vue .line-box{color:#666;border-bottom:1px solid #eee;padding:20px 0}.create-space-vue .line-title{font-size:14px}.create-space-vue .page-preview-title{font-size:18px;margin:10px 0 5px 0;color:#3a8ee6;cursor:pointer}.create-space-vue .page-preview-content{font-size:16px;margin-bottom:5px}.create-space-vue .zan-img{vertical-align:middle;margin-top:-3px}.create-space-vue .view-img{font-size:16px;color:#666}.create-space-vue .page-info-box{text-align:right;margin:20px 0 50px 0}body,html{margin:0;padding:0}#app,.el-container,.el-menu,.global-layout-vue,body,html{height:100%}.el-header{background-color:#1d4e89!important}.header-right-user-name{color:#fff;padding-right:5px}.el-header{color:#333;line-height:40px;text-align:right;height:40px!important}.icon-collapse{float:left;font-size:25px;color:#aaa;margin-top:8px;cursor:pointer}.icon-collapse:hover{color:#eee}.head-icon{margin-right:15px;font-size:16px;cursor:pointer;color:#fff}.header-user-message .page-info-box{text-align:right;margin-top:10px}#app[data-v-51ce7152],body[data-v-51ce7152],html[data-v-51ce7152]{margin:0;padding:0;height:100%}pre[data-v-51ce7152]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-51ce7152]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-51ce7152]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-51ce7152]{overflow-x:hidden;overflow-y:auto;width:100%;padding:10px;border-left:1px solid #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tree[data-v-51ce7152]{margin-right:3px}.logo[data-v-51ce7152]{border-bottom:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;width:260px;height:40px;line-height:40px;font-size:25px;color:#666;text-align:center}.icon-collapse[data-v-51ce7152]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-51ce7152]:hover{color:#ccc}.comment-box .head[data-v-51ce7152]{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.build-info[data-v-51ce7152]{position:fixed;bottom:0;left:0;background:#fafafa;width:240px;text-align:center;padding:5px 0;color:#aaa;font-size:12px}.build-info a[data-v-51ce7152]{color:#4183c4;cursor:pointer;text-decoration:none}

View File

@@ -0,0 +1 @@
::-webkit-scrollbar{width:6px;height:9px;-webkit-appearance:none}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}::-webkit-scrollbar-track-piece{background:#eee}.create-space-vue .empty-news{text-align:center;padding:100px}.create-space-vue .text-link{color:#444}.create-space-vue .line-box{color:#666;border-bottom:1px solid #eee;padding:20px 0}.create-space-vue .line-title{font-size:14px}.create-space-vue .page-preview-title{font-size:18px;margin:10px 0 5px 0;color:#3a8ee6;cursor:pointer}.create-space-vue .page-preview-content{font-size:16px;margin-bottom:5px}.create-space-vue .zan-img{vertical-align:middle;margin-top:-3px}.create-space-vue .view-img{font-size:16px;color:#666}.create-space-vue .page-info-box{text-align:right;margin:20px 0 50px 0}body,html{margin:0;padding:0}#app,.el-container,.el-menu,.global-layout-vue,body,html{height:100%}.el-header{background-color:#1d4e89!important}.header-right-user-name{color:#fff;padding-right:5px}.el-header{color:#333;line-height:40px;text-align:right;height:40px!important}.icon-collapse{float:left;font-size:25px;color:#aaa;margin-top:8px;cursor:pointer}.icon-collapse:hover{color:#eee}.head-icon{margin-right:15px;font-size:16px;cursor:pointer;color:#fff}.header-user-message .page-info-box{text-align:right;margin-top:10px}#app[data-v-d209bcd8],body[data-v-d209bcd8],html[data-v-d209bcd8]{margin:0;padding:0;height:100%}pre[data-v-d209bcd8]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-d209bcd8]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-d209bcd8]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-d209bcd8]{overflow-x:hidden;overflow-y:auto;width:100%;padding:10px;border-left:1px solid #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tree[data-v-d209bcd8]{margin-right:3px}.logo[data-v-d209bcd8]{border-bottom:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;width:260px;height:40px;line-height:40px;font-size:25px;color:#666;text-align:center}.icon-collapse[data-v-d209bcd8]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-d209bcd8]:hover{color:#ccc}.comment-box .head[data-v-d209bcd8]{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.build-info[data-v-d209bcd8]{position:fixed;bottom:0;left:0;background:#fafafa;width:240px;text-align:center;padding:5px 0;color:#aaa;font-size:12px}.build-info a[data-v-d209bcd8]{color:#4183c4;cursor:pointer;text-decoration:none}#app[data-v-12cfde59],body[data-v-12cfde59],html[data-v-12cfde59]{margin:0;padding:0;height:100%}.share-mobile-layout[data-v-12cfde59]{height:100%}.popup-module .header[data-v-12cfde59]{width:100%;height:46px}.popup-module .main[data-v-12cfde59]{position:absolute;top:46px;bottom:0;right:0;left:0;overflow:auto}.popup-module .footer[data-v-12cfde59]{width:100%;height:26px;position:fixed;bottom:0}pre[data-v-12cfde59]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-12cfde59]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-12cfde59]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-12cfde59]{overflow-x:hidden;overflow-y:auto;width:100%;padding:10px;border-left:1px solid #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box}.el-tree[data-v-12cfde59]{margin-right:3px}.logo[data-v-12cfde59]{border-bottom:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;width:260px;height:40px;line-height:40px;font-size:25px;color:#666;text-align:center}.icon-collapse[data-v-12cfde59]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-12cfde59]:hover{color:#ccc}.comment-box .head[data-v-12cfde59]{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.build-info[data-v-12cfde59]{text-align:center;padding:5px 0;color:#aaa;font-size:12px;margin:10px 0}.build-info a[data-v-12cfde59]{color:#4183c4;cursor:pointer;text-decoration:none}

View File

@@ -0,0 +1 @@
.page-share-view-vue{padding:10px}.page-share-view-vue .wiki-title{font-size:20px;text-align:center}.page-share-view-vue .wiki-author{font-size:14px;color:#888;padding:20px 0;height:40px;line-height:40px}.page-share-view-vue .wiki-page-content img{cursor:pointer;max-width:100%}.page-share-view-vue .wiki-page-content img:hover{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}.page-share-view-vue .upload-page-file .el-upload-list{display:none}.page-share-view-vue .is-link{color:#1e88e5;cursor:pointer}

View File

@@ -1 +1 @@
.el-main{overflow:hidden}.page-show-vue{height:100%}.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;text-align:center;font-weight:700}.page-show-vue .create-user-time{margin-right:20px}.page-show-vue .wiki-author{font-size:14px;color:#888;padding:20px 0;height:40px;line-height:40px}.page-show-vue .wiki-page-content img{cursor:pointer;max-width:100%}.page-show-vue .wiki-page-content img:hover{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}.page-show-vue .upload-page-file .el-upload-list{display:none}.page-show-vue .is-link{color:#1e88e5;cursor:pointer}.page-show-vue #newPageContentDiv .w-e-text-container{height:600px!important}.page-show-vue .head{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.page-show-vue .el-tabs__header{margin:0}.page-show-vue .el-tabs__nav-wrap{padding:0 20px}.page-show-vue .close-action-tab{position:absolute;right:15px;top:12px;cursor:pointer;z-index:1}.page-show-vue .action-tab-box{height:calc(100vh - 120px);overflow:auto;padding:20px 10px}.page-show-vue .action-box-empty{text-align:center;padding-top:30px;color:#888;font-size:14px}.page-show-vue .history-item{height:55px;line-height:25px;cursor:pointer;vertical-align:middle}.page-show-vue .history-loading-status{margin-left:5px;color:#67c23a}.page-show-vue .history-loading-status.el-icon-circle-close{color:#f56c6c}.page-show-vue .el-timeline{-webkit-padding-start:0;padding-inline-start:0}.page-show-vue .comment-user-name{margin-bottom:10px}.page-show-vue .comment-content{padding:0;color:#666;margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:20px}.page-show-vue .comment-input-box{position:absolute;bottom:0;width:100%;background:#fff;border-top:1px solid #f1f1f1}.page-show-vue .comment-input-box textarea{resize:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;outline:none!important;padding:10px}.page-show-vue .comment-card .comment-user-name .el-icon-delete{color:#888;font-size:13px;cursor:pointer;float:right;display:none}.page-show-vue .comment-card:hover .comment-user-name .el-icon-delete{display:inline-block}
.el-main{overflow:hidden}.page-show-vue{height:100%}.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;text-align:center;font-weight:700}.page-show-vue .create-user-time{margin-right:20px}.page-show-vue .wiki-author{font-size:14px;color:#888;padding:20px 0;height:40px;line-height:40px}.page-show-vue .wiki-page-content img{cursor:pointer;max-width:100%}.page-show-vue .wiki-page-content img:hover{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}.page-show-vue .upload-page-file .el-upload-list{display:none}.page-show-vue .is-link{color:#1e88e5;cursor:pointer}.page-show-vue #newPageContentDiv .w-e-text-container{height:600px!important}.page-show-vue .head{float:left;background-color:#ccc;border-radius:50%;margin-right:10px;width:45px;height:45px;line-height:45px;text-align:center;color:#fff}.page-show-vue .el-tabs__header{margin:0}.page-show-vue .el-tabs__nav-wrap{padding:0 20px}.page-show-vue .close-action-tab{position:absolute;right:15px;top:12px;cursor:pointer;z-index:1}.page-show-vue .action-tab-box{height:calc(100vh - 120px);overflow:auto;padding:20px 10px}.page-show-vue .action-box-empty{text-align:center;padding-top:30px;color:#888;font-size:14px}.page-show-vue .history-item{height:55px;line-height:25px;cursor:pointer;vertical-align:middle}.page-show-vue .history-loading-status{margin-left:5px;color:#67c23a}.page-show-vue .history-loading-status.el-icon-circle-close{color:#f56c6c}.page-show-vue .el-timeline{-webkit-padding-start:0;padding-inline-start:0}.page-show-vue .comment-user-name{margin-bottom:10px}.page-show-vue .comment-content{padding:0;color:#666;margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:20px}.page-show-vue .comment-input-box{position:absolute;bottom:0;width:100%;background:#fff;border-top:1px solid #f1f1f1}.page-show-vue .comment-input-box textarea{resize:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;outline:none!important;padding:10px}.page-show-vue .comment-card .comment-user-name .el-icon-delete{color:#888;font-size:13px;cursor:pointer;float:right;display:none}.mobile-qr,.page-show-vue .comment-card:hover .comment-user-name .el-icon-delete{display:inline-block}.mobile-qr{width:250px;height:250px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:5px}

View File

@@ -1 +1 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon-wiki.png><title>WIKI文档管理系统</title><link href=css/chunk-1ca8e011.d9272d9c.css rel=prefetch><link href=css/chunk-213012a0.46d1a39a.css rel=prefetch><link href=css/chunk-2e5083a6.d0c31182.css rel=prefetch><link href=css/chunk-32cc5643.5a5b2ca1.css rel=prefetch><link href=css/chunk-34407190.57bbfb51.css rel=prefetch><link href=css/chunk-49c0ba36.ec6236ec.css rel=prefetch><link href=css/chunk-4cdf76bb.bb45a557.css rel=prefetch><link href=css/chunk-5544a2b8.b3d0f39b.css rel=prefetch><link href=css/chunk-55738a8b.a38bf186.css rel=prefetch><link href=css/chunk-578c28a7.83c6d32d.css rel=prefetch><link href=css/chunk-7ecd39ac.52f4ee05.css rel=prefetch><link href=js/chunk-1ca8e011.3f1e4d9b.js rel=prefetch><link href=js/chunk-213012a0.a5549743.js rel=prefetch><link href=js/chunk-2d207ece.fc1414f7.js rel=prefetch><link href=js/chunk-2e5083a6.8aff58fe.js rel=prefetch><link href=js/chunk-32cc5643.775b8c1d.js rel=prefetch><link href=js/chunk-34407190.9fef71c3.js rel=prefetch><link href=js/chunk-49c0ba36.545f6e3c.js rel=prefetch><link href=js/chunk-4cdf76bb.8e528c95.js rel=prefetch><link href=js/chunk-5544a2b8.f0d91aae.js rel=prefetch><link href=js/chunk-55738a8b.481cbc8a.js rel=prefetch><link href=js/chunk-578c28a7.a8921ac1.js rel=prefetch><link href=js/chunk-7ecd39ac.872cdc90.js rel=prefetch><link href=css/app.cd797063.css rel=preload as=style><link href=css/chunk-vendors.1019b600.css rel=preload as=style><link href=js/app.5d668ffb.js rel=preload as=script><link href=js/chunk-vendors.fde1116c.js rel=preload as=script><link href=css/chunk-vendors.1019b600.css rel=stylesheet><link href=css/app.cd797063.css rel=stylesheet></head><body><noscript><strong>We're sorry but zyplayer-wiki-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.fde1116c.js></script><script src=js/app.5d668ffb.js></script></body></html>
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon-wiki.png><title>WIKI文档管理系统</title><link href=css/chunk-1ca8e011.e5ecc61a.css rel=prefetch><link href=css/chunk-2e5083a6.d0c31182.css rel=prefetch><link href=css/chunk-32cc5643.5a5b2ca1.css rel=prefetch><link href=css/chunk-34407190.57bbfb51.css rel=prefetch><link href=css/chunk-49c0ba36.ec6236ec.css rel=prefetch><link href=css/chunk-4cdf76bb.bb45a557.css rel=prefetch><link href=css/chunk-53af6df9.17d2b8a1.css rel=prefetch><link href=css/chunk-55738a8b.a38bf186.css rel=prefetch><link href=css/chunk-578c28a7.83c6d32d.css rel=prefetch><link href=css/chunk-72e49b1a.cbbefab6.css rel=prefetch><link href=css/chunk-7498915d.3df29f1b.css rel=prefetch><link href=css/chunk-7ecd39ac.52f4ee05.css rel=prefetch><link href=js/chunk-1ca8e011.1d3d7c09.js rel=prefetch><link href=js/chunk-2d207ece.c599e612.js rel=prefetch><link href=js/chunk-2e5083a6.76ac0808.js rel=prefetch><link href=js/chunk-32cc5643.9743adbd.js rel=prefetch><link href=js/chunk-34407190.a08008b9.js rel=prefetch><link href=js/chunk-49c0ba36.a08fd851.js rel=prefetch><link href=js/chunk-4cdf76bb.8e528c95.js rel=prefetch><link href=js/chunk-53af6df9.5bac6e31.js rel=prefetch><link href=js/chunk-55738a8b.66938d5e.js rel=prefetch><link href=js/chunk-578c28a7.15513490.js rel=prefetch><link href=js/chunk-72e49b1a.30c9b0b8.js rel=prefetch><link href=js/chunk-7498915d.ac526f94.js rel=prefetch><link href=js/chunk-7ecd39ac.f4f9c660.js rel=prefetch><link href=css/app.e11c1f46.css rel=preload as=style><link href=css/chunk-vendors.8cede8f0.css rel=preload as=style><link href=js/app.243c6f0c.js rel=preload as=script><link href=js/chunk-vendors.c8f4dbb4.js rel=preload as=script><link href=css/chunk-vendors.8cede8f0.css rel=stylesheet><link href=css/app.e11c1f46.css rel=stylesheet></head><body><noscript><strong>We're sorry but zyplayer-wiki-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.c8f4dbb4.js></script><script src=js/app.243c6f0c.js></script></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-72e49b1a"],{"36c7":function(e,t,i){"use strict";var a=i("867a"),n=i.n(a);n.a},"867a":function(e,t,i){},"8b30":function(e,t,i){"use strict";i.r(t);var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"page-share-view-vue"},[i("van-nav-bar",{attrs:{title:e.wikiPage.name}},[i("van-icon",{attrs:{slot:"left",name:"ellipsis"},on:{click:e.popupShowChange},slot:"left"})],1),i("el-row",{attrs:{type:"border-card"}},[i("div",{staticStyle:{"max-width":"950px",margin:"0 auto"}},[i("div",{staticClass:"wiki-author"},[e.wikiPage.updateTime?i("span",[e._v("最后修改:"+e._s(e.wikiPage.updateTime))]):i("span",[e._v("创建时间:"+e._s(e.wikiPage.createTime))])]),i("div",{staticClass:"wiki-files"},[i("el-table",{directives:[{name:"show",rawName:"v-show",value:e.pageFileList.length>0,expression:"pageFileList.length > 0"}],staticStyle:{width:"100%","margin-bottom":"5px"},attrs:{data:e.pageFileList,border:""}},[i("el-table-column",{attrs:{label:"文件名"},scopedSlots:e._u([{key:"default",fn:function(t){return[i("a",{attrs:{target:"_blank",href:t.row.fileUrl}},[e._v(e._s(t.row.fileName))])]}}])}),i("el-table-column",{attrs:{label:"文件大小"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v(e._s(e.computeFileSize(t.row.fileSize)))]}}])}),i("el-table-column",{attrs:{prop:"createTime",label:"创建时间",width:"180px"}}),i("el-table-column",{attrs:{prop:"downloadNum",label:"下载次数",width:"80px"}})],1)],1),i("div",{ref:"pageContent",staticClass:"wiki-page-content"},[2==e.wikiPage.editorType?i("div",{staticClass:"markdown-body",domProps:{innerHTML:e._s(e.pageShowDetail)}}):i("div",{staticClass:"wang-editor-body",domProps:{innerHTML:e._s(e.pageShowDetail)}})])])]),i("div",{ref:"imagePreview"},[e.showImagePreview?i("el-image-viewer",{attrs:{"url-list":e.showImagePreviewList,"on-close":e.closeImagePreview,"initial-index":e.previewInitialIndex}}):e._e()],1)],1)},n=[],o=(i("4160"),i("c975"),i("b0c0"),i("b680"),i("159b"),i("0a79")),s=i("b2d8"),r=i("08a9"),l=(i("c350"),i("64e1"),{data:function(){return{spaceUuid:"",nowPageId:"",wikiPage:{},pageFileList:[],pageShowDetail:"",previewInitialIndex:0,showImagePreview:!1,showImagePreviewList:[]}},components:{"el-image-viewer":r["a"]},beforeRouteUpdate:function(e,t,i){this.initQueryParam(e),i()},mounted:function(){this.initQueryParam(this.$route)},methods:{popupShowChange:function(){this.$emit("popupShow",!0)},loadPageDetail:function(e){var t=this,i={pageId:e,space:this.spaceUuid};o["a"].openPageDetail(i).then((function(e){var i=e.data.wikiPage||{};i.selfZan=e.data.selfZan||0,t.wikiPage=i;var a=e.data.pageContent||{};t.pageFileList=e.data.fileList||[],2===t.wikiPage.editorType&&(a.content=s["markdownIt"].render(a.content)),t.pageShowDetail=a.content,document.title=i.name||"WIKI-内容展示",setTimeout((function(){return t.previewPageImage()}),500)}))},initQueryParam:function(e){this.spaceUuid=e.query.space,this.nowPageId=e.query.pageId,this.nowPageId&&this.loadPageDetail(this.nowPageId)},computeFileSize:function(e){if(!e)return"-";var t="";t=e<102.4?e.toFixed(2)+"B":e<104857.6?(e/1024).toFixed(2)+"KB":e<107374182.4?(e/1048576).toFixed(2)+"MB":(e/1073741824).toFixed(2)+"GB";var i=t+"",a=i.indexOf("."),n=i.substr(a+1,2);return"00"==n?i.substring(0,a)+i.substr(a+3,2):t},closeImagePreview:function(){this.showImagePreview=!1},previewPageImage:function(){var e=this,t=[],i=this.$refs.pageContent.querySelectorAll("img");i.forEach((function(i,a){t.push(i.src),i.onclick=function(){e.previewInitialIndex=a,e.showImagePreviewList=t,e.showImagePreview=!0,setTimeout((function(){return e.initImageViewerMask()}),0)}}))},initImageViewerMask:function(){var e=this,t=this.$refs.imagePreview.querySelectorAll(".el-image-viewer__mask");t.forEach((function(t){t.onclick=function(){return e.showImagePreview=!1}}))}}}),c=l,u=(i("36c7"),i("2877")),w=Object(u["a"])(c,a,n,!1,null,null,null);t["default"]=w.exports}}]);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long