开放wiki页文档样式修改，支持图片预览
This commit is contained in:
暮光：城中城
@@ -14,7 +14,7 @@
|
|||||||
style="background-color: #fafafa;padding-bottom: 30px;">
|
style="background-color: #fafafa;padding-bottom: 30px;">
|
||||||
</el-tree>
|
</el-tree>
|
||||||
<!--请手下留情，别删我(╥╯^╰╥)，给我一个露脸的机会，我长的不碍眼的-->
|
<!--请手下留情，别删我(╥╯^╰╥)，给我一个露脸的机会，我长的不碍眼的-->
|
||||||
<div class="build-info">本文档使用<span @click="aboutDialogVisible = true">zyplayer-doc</span>构建</div>
|
<div class="build-info">本文档使用<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">zyplayer-doc</a>构建</div>
|
||||||
</div>
|
</div>
|
||||||
</el-aside>
|
</el-aside>
|
||||||
<el-container>
|
<el-container>
|
||||||
@@ -23,20 +23,6 @@
|
|||||||
</el-main>
|
</el-main>
|
||||||
</el-container>
|
</el-container>
|
||||||
</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>
|
|
||||||
<el-form-item label="">
|
|
||||||
欢迎加群讨论，QQ群号：466363173，欢迎提交需求，欢迎使用和加入开发！
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -47,7 +33,6 @@
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
leftCollapse: true,
|
leftCollapse: true,
|
||||||
aboutDialogVisible: false,
|
|
||||||
defaultProps: {
|
defaultProps: {
|
||||||
children: 'children',
|
children: 'children',
|
||||||
label: 'name'
|
label: 'name'
|
||||||
@@ -126,6 +111,6 @@
|
|||||||
position: fixed;bottom: 0;left: 0;background: #fafafa;width: 240px;text-align: center;
|
position: fixed;bottom: 0;left: 0;background: #fafafa;width: 240px;text-align: center;
|
||||||
padding: 5px 0;color: #aaa;font-size: 12px;
|
padding: 5px 0;color: #aaa;font-size: 12px;
|
||||||
}
|
}
|
||||||
.build-info span{color: #4183c4;cursor: pointer;}
|
.build-info a{color: #4183c4;cursor: pointer;text-decoration:none;}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,116 @@
|
|||||||
|
<template>
|
||||||
|
<div style="height: 100%;">
|
||||||
|
<el-container>
|
||||||
|
<el-aside width="300px" style="background-color: #fafafa;" v-show="leftCollapse">
|
||||||
|
<div class="logo">{{nowSpaceShow.name}}</div>
|
||||||
|
<div style="padding: 10px;box-sizing: border-box;background: #fafafa;">
|
||||||
|
<el-input v-model="searchKeywords" @keyup.enter.native="searchByKeywords" placeholder="搜索文档" style="margin: 10px 0;">
|
||||||
|
<el-button slot="append" icon="el-icon-search" v-on:click="searchByKeywords"></el-button>
|
||||||
|
</el-input>
|
||||||
|
<el-tree :props="defaultProps" :data="wikiPageList" @node-click="handleNodeClick"
|
||||||
|
ref="wikiPageTree" :filter-node-method="filterPageNode" highlight-current
|
||||||
|
:expand-on-click-node="false" :default-expanded-keys="wikiPageExpandedKeys"
|
||||||
|
node-key="id"
|
||||||
|
style="background-color: #fafafa;padding-bottom: 30px;">
|
||||||
|
</el-tree>
|
||||||
|
<!--请手下留情，别删我(╥╯^╰╥)，给我一个露脸的机会，我长的不碍眼的-->
|
||||||
|
<div class="build-info">本文档使用<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">zyplayer-doc</a>构建</div>
|
||||||
|
</div>
|
||||||
|
</el-aside>
|
||||||
|
<el-container>
|
||||||
|
<el-main class="doc-body-box">
|
||||||
|
<router-view></router-view>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</el-container>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import pageApi from '../../common/api/page'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
leftCollapse: true,
|
||||||
|
defaultProps: {
|
||||||
|
children: 'children',
|
||||||
|
label: 'name'
|
||||||
|
},
|
||||||
|
// 空间搜索相关
|
||||||
|
spaceUuid: '',
|
||||||
|
nowPageId: '',
|
||||||
|
nowSpaceShow: {},
|
||||||
|
// 搜索的输入内容
|
||||||
|
searchKeywords: "",
|
||||||
|
// 页面展示相关
|
||||||
|
wikiPageList:[],
|
||||||
|
wikiPageExpandedKeys: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted: function () {
|
||||||
|
this.spaceUuid = this.$route.query.space || '';
|
||||||
|
this.getSpaceInfo();
|
||||||
|
this.doGetPageList(null);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
filterPageNode(value, data) {
|
||||||
|
if (!value) return true;
|
||||||
|
return data.name.indexOf(value) !== -1;
|
||||||
|
},
|
||||||
|
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 || [];
|
||||||
|
this.nowPageId = '';
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getSpaceInfo() {
|
||||||
|
pageApi.openSpaceInfo({space: this.spaceUuid}).then(json => {
|
||||||
|
this.nowSpaceShow = json.data;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
html,body,#app {margin: 0; padding: 0; height: 100%;}
|
||||||
|
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;}
|
||||||
|
.doc-body-box{
|
||||||
|
overflow-x: hidden;overflow-y: auto;width: 100%;
|
||||||
|
padding: 10px;border-left: 1px solid #f1f1f1; box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.el-tree{margin-right: 3px;}
|
||||||
|
.logo{
|
||||||
|
/*background: #409EFF; cursor: pointer;*/
|
||||||
|
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{float: left;font-size: 25px;color: #aaa;cursor: pointer;position: fixed;}
|
||||||
|
.icon-collapse:hover{color: #ccc;}
|
||||||
|
/*评论*/
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
.build-info{
|
||||||
|
position: fixed;bottom: 0;left: 0;background: #fafafa;width: 240px;text-align: center;
|
||||||
|
padding: 5px 0;color: #aaa;font-size: 12px;
|
||||||
|
}
|
||||||
|
.build-info a{color: #4183c4;cursor: pointer;text-decoration:none;}
|
||||||
|
</style>
|
||||||
|
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
import GlobalLayout from './components/layouts/GlobalLayout'
|
import GlobalLayout from './components/layouts/GlobalLayout'
|
||||||
import OpenLayout from './components/layouts/ShareLayout'
|
import ShareLayout from './components/layouts/ShareLayout'
|
||||||
|
|
||||||
let routes = [
|
let routes = [
|
||||||
{path: '/', redirect: '/home'},
|
{path: '/', redirect: '/home'},
|
||||||
@@ -20,12 +20,12 @@ let routes = [
|
|||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
name: '页面管理',
|
name: '页面管理',
|
||||||
component: OpenLayout,
|
component: ShareLayout,
|
||||||
children: [
|
children: [
|
||||||
{path: '/page/share/home', name: 'WIKI-开放文档', component: () => import('@/views/page/share/Home')},
|
{path: '/page/share/home', name: 'WIKI-开放文档', component: () => import('@/views/page/share/pc/Home')},
|
||||||
{path: '/page/share/view', name: 'WIKI-内容展示', component: () => import('@/views/page/share/View')},
|
{path: '/page/share/view', name: 'WIKI-内容展示', component: () => import('@/views/page/share/pc/View')},
|
||||||
]
|
]
|
||||||
}
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
export default routes;
|
export default routes;
|
||||||
|
|||||||
@@ -1,88 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="page-share-view-vue">
|
|
||||||
<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-show="!wikiPage.updateTime">创建时间：{{wikiPage.createTime}}</span>
|
|
||||||
<span v-show="wikiPage.updateTime">最后修改：{{wikiPage.updateTime}}</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 prop="createTime" label="创建时间" width="180px"></el-table-column>
|
|
||||||
<el-table-column prop="downloadNum" label="下载次数" width="80px"></el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
<div class="wiki-content w-e-text">
|
|
||||||
<div v-html="pageContent.content"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import pageApi from '../../../common/api/page'
|
|
||||||
import {mavonEditor, markdownIt} from 'mavon-editor'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
spaceUuid: '',
|
|
||||||
nowPageId: '',
|
|
||||||
// 页面展示相关
|
|
||||||
wikiPage: {},
|
|
||||||
pageContent: {},
|
|
||||||
pageFileList: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
beforeRouteUpdate(to, from, next) {
|
|
||||||
this.initQueryParam(to);
|
|
||||||
next();
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.initQueryParam(this.$route);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
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;
|
|
||||||
this.pageContent = json.data.pageContent || {};
|
|
||||||
this.pageFileList = json.data.fileList || [];
|
|
||||||
if (this.wikiPage.editorType === 2) {
|
|
||||||
this.pageContent.content = markdownIt.render(this.pageContent.content);
|
|
||||||
}
|
|
||||||
document.title = wikiPage.name || 'WIKI-内容展示';
|
|
||||||
});
|
|
||||||
},
|
|
||||||
initQueryParam(to) {
|
|
||||||
this.spaceUuid = to.query.space;
|
|
||||||
this.nowPageId = to.query.pageId;
|
|
||||||
if (!!this.nowPageId) {
|
|
||||||
this.loadPageDetail(this.nowPageId);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.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-content{font-size: 14px;}
|
|
||||||
.page-share-view-vue .wiki-content.w-e-text{overflow-y: auto;}
|
|
||||||
|
|
||||||
.page-share-view-vue .upload-page-file .el-upload-list{display: none;}
|
|
||||||
.page-share-view-vue .is-link{color: #1e88e5;cursor: pointer;}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
77
zyplayer-doc-ui/wiki-ui/src/views/page/share/mobile/Home.vue
Normal file
77
zyplayer-doc-ui/wiki-ui/src/views/page/share/mobile/Home.vue
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
<template>
|
||||||
|
<div style="padding: 10px;" class="page-share-home-vue">
|
||||||
|
</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: {
|
||||||
|
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>
|
||||||
|
|
||||||
@@ -10,7 +10,7 @@
|
|||||||
<div class="page-preview-title" v-on:click="showPageDetail(item)" v-html="item.pageTitle"></div>
|
<div class="page-preview-title" v-on:click="showPageDetail(item)" v-html="item.pageTitle"></div>
|
||||||
<div class="page-preview-content" v-html="item.previewContent"></div>
|
<div class="page-preview-content" v-html="item.previewContent"></div>
|
||||||
<div>
|
<div>
|
||||||
<span><img src="../../../assets/img/zan.png" class="zan-img"> {{item.zanNum}} </span>
|
<span><img src="../../../../assets/img/zan.png" class="zan-img"> {{item.zanNum}} </span>
|
||||||
<span><i class="el-icon-view view-img"></i> {{item.viewNum}} </span>
|
<span><i class="el-icon-view view-img"></i> {{item.viewNum}} </span>
|
||||||
<span>{{item.updateTime||item.createTime}}</span>
|
<span>{{item.updateTime||item.createTime}}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import pageApi from '../../../common/api/page'
|
import pageApi from '../../../../common/api/page'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
150
zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/View.vue
Normal file
150
zyplayer-doc-ui/wiki-ui/src/views/page/share/pc/View.vue
Normal file
@@ -0,0 +1,150 @@
|
|||||||
|
<template>
|
||||||
|
<div class="page-share-view-vue">
|
||||||
|
<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="wiki-html-content" 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: {
|
||||||
|
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>
|
||||||
|
.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 .wiki-page-content .wiki-html-content{font-size: 14px;padding: 6px;overflow-y: auto;}
|
||||||
|
|
||||||
|
.page-share-view-vue .upload-page-file .el-upload-list{display: none;}
|
||||||
|
.page-share-view-vue .is-link{color: #1e88e5;cursor: pointer;}
|
||||||
|
</style>
|
||||||
|
|
||||||
@@ -1 +1 @@
|
|||||||
::-webkit-scrollbar{width:6px;height:9px;-webkit-appearance:none}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}::-webkit-scrollbar-track-piece{background:#eee}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-8f7ddbbc],body[data-v-8f7ddbbc],html[data-v-8f7ddbbc]{margin:0;padding:0;height:100%}pre[data-v-8f7ddbbc]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-8f7ddbbc]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-8f7ddbbc]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-8f7ddbbc]{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-8f7ddbbc]{margin-right:3px}.logo[data-v-8f7ddbbc]{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-8f7ddbbc]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-8f7ddbbc]:hover{color:#ccc}.comment-box .head[data-v-8f7ddbbc]{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-8f7ddbbc]{position:fixed;bottom:0;left:0;background:#fafafa;width:240px;text-align:center;padding:5px 0;color:#aaa;font-size:12px}.build-info span[data-v-8f7ddbbc]{color:#4183c4;cursor:pointer}
|
::-webkit-scrollbar{width:6px;height:9px;-webkit-appearance:none}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}::-webkit-scrollbar-track-piece{background:#eee}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-3799a29f],body[data-v-3799a29f],html[data-v-3799a29f]{margin:0;padding:0;height:100%}pre[data-v-3799a29f]{margin:0;white-space:pre-wrap;font-size:14px;font-family:auto}.el-menu[data-v-3799a29f]{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:0;margin-right:3px}.el-header[data-v-3799a29f]{background-color:#409eff;color:#333;line-height:40px;text-align:right;height:40px!important}.doc-body-box[data-v-3799a29f]{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-3799a29f]{margin-right:3px}.logo[data-v-3799a29f]{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-3799a29f]{float:left;font-size:25px;color:#aaa;cursor:pointer;position:fixed}.icon-collapse[data-v-3799a29f]:hover{color:#ccc}.comment-box .head[data-v-3799a29f]{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-3799a29f]{position:fixed;bottom:0;left:0;background:#fafafa;width:240px;text-align:center;padding:5px 0;color:#aaa;font-size:12px}.build-info span[data-v-3799a29f]{color:#4183c4;cursor:pointer}
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
.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 .wiki-page-content .wiki-html-content{font-size:14px;padding:6px;overflow-y:auto}.page-share-view-vue .upload-page-file .el-upload-list{display:none}.page-share-view-vue .is-link{color:#1e88e5;cursor:pointer}
|
||||||
@@ -1 +0,0 @@
|
|||||||
.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-content{font-size:14px}.page-share-view-vue .wiki-content.w-e-text{overflow-y:auto}.page-share-view-vue .upload-page-file .el-upload-list{display:none}.page-share-view-vue .is-link{color:#1e88e5;cursor:pointer}
|
|
||||||
@@ -0,0 +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 .wiki-page-content .wiki-html-content{font-size:14px;padding:6px;overflow-y:auto}.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}.wiki-html-content table{border-top:1px solid #ccc;border-left:1px solid #ccc}.wiki-html-content table td,.wiki-html-content table th{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:3px 5px}.wiki-html-content table th{border-bottom:2px solid #ccc;text-align:center}.wiki-html-content blockquote{display:block;border-left:8px solid #d0e5f2;padding:5px 10px;margin:10px 0;line-height:1.4;font-size:100%;background-color:#f1f1f1}.wiki-html-content code{display:inline-block;*display:inline;*zoom:1;background-color:#f1f1f1;border-radius:3px;padding:3px 5px;margin:0 3px}.wiki-html-content pre code{display:block}.wiki-html-content ul,ol{margin:10px 0 10px 20px}
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
.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}.page-edit-vue .upload-page-file .el-upload-list{display:none}.page-edit-vue .is-link{color:#1e88e5;cursor:pointer}.page-edit-vue #newPageContentDiv .w-e-text-container{height:100%!important}.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}.page-edit-vue .page-content-editor,.page-edit-vue .page-title-input{padding:10px 0}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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-009efa60.c1509684.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-5544a2b8.17d2b8a1.css rel=prefetch><link href=css/chunk-578c28a7.83c6d32d.css rel=prefetch><link href=css/chunk-5dc97978.ec6236ec.css rel=prefetch><link href=css/chunk-d3c77a1a.16fe166d.css rel=prefetch><link href=css/chunk-d89d7a9a.5edef94f.css rel=prefetch><link href=js/chunk-009efa60.dbe73c24.js rel=prefetch><link href=js/chunk-2d207ece.20edf665.js rel=prefetch><link href=js/chunk-2d20f55a.217546ad.js rel=prefetch><link href=js/chunk-32cc5643.fcf57a84.js rel=prefetch><link href=js/chunk-34407190.69ced152.js rel=prefetch><link href=js/chunk-5544a2b8.774dc497.js rel=prefetch><link href=js/chunk-578c28a7.54a578cc.js rel=prefetch><link href=js/chunk-5dc97978.1238356c.js rel=prefetch><link href=js/chunk-d3c77a1a.77cd8954.js rel=prefetch><link href=js/chunk-d89d7a9a.adc5e341.js rel=prefetch><link href=css/app.3d0d405b.css rel=preload as=style><link href=css/chunk-vendors.43fc3011.css rel=preload as=style><link href=js/app.0c5bfe50.js rel=preload as=script><link href=js/chunk-vendors.4d2ae4cf.js rel=preload as=script><link href=css/chunk-vendors.43fc3011.css rel=stylesheet><link href=css/app.3d0d405b.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.4d2ae4cf.js></script><script src=js/app.0c5bfe50.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-009efa60.3bdf63a4.css rel=prefetch><link href=css/chunk-213012a0.62b357fb.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-4cdf76bb.bb45a557.css rel=prefetch><link href=css/chunk-5544a2b8.b3d0f39b.css rel=prefetch><link href=css/chunk-578c28a7.83c6d32d.css rel=prefetch><link href=css/chunk-5dc97978.ec6236ec.css rel=prefetch><link href=js/chunk-009efa60.7b359ad1.js rel=prefetch><link href=js/chunk-213012a0.4b636a70.js rel=prefetch><link href=js/chunk-2d207ece.20edf665.js rel=prefetch><link href=js/chunk-2e5083a6.8ac3bd20.js rel=prefetch><link href=js/chunk-32cc5643.fcf57a84.js rel=prefetch><link href=js/chunk-34407190.0d583c2d.js rel=prefetch><link href=js/chunk-4cdf76bb.8e528c95.js rel=prefetch><link href=js/chunk-5544a2b8.6714a421.js rel=prefetch><link href=js/chunk-578c28a7.6a10864d.js rel=prefetch><link href=js/chunk-5dc97978.14484106.js rel=prefetch><link href=js/chunk-68400ce4.0d62fed5.js rel=prefetch><link href=css/app.53f1f836.css rel=preload as=style><link href=css/chunk-vendors.43fc3011.css rel=preload as=style><link href=js/app.2a594e3e.js rel=preload as=script><link href=js/chunk-vendors.4d2ae4cf.js rel=preload as=script><link href=css/chunk-vendors.43fc3011.css rel=stylesheet><link href=css/app.53f1f836.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.4d2ae4cf.js></script><script src=js/app.2a594e3e.js></script></body></html>
|
||||||
File diff suppressed because one or more lines are too long
1
zyplayer-doc-wiki/src/main/resources/js/app.2a594e3e.js
Normal file
1
zyplayer-doc-wiki/src/main/resources/js/app.2a594e3e.js
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
|||||||
|
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-009efa60"],{a190:function(e,i,t){},da3f:function(e,i,t){"use strict";var a=t("a190"),n=t.n(a);n.a},f33f:function(e,i,t){"use strict";t.r(i);var a=function(){var e=this,i=e.$createElement,t=e._self._c||i;return t("div",{staticClass:"page-share-view-vue"},[t("el-row",{attrs:{type:"border-card"}},[t("div",{staticStyle:{"max-width":"950px",margin:"0 auto"}},[t("div",{staticClass:"wiki-title"},[e._v(e._s(e.wikiPage.name))]),t("div",{staticClass:"wiki-author"},[e.wikiPage.updateTime?t("span",[e._v("最后修改："+e._s(e.wikiPage.updateTime))]):t("span",[e._v("创建时间："+e._s(e.wikiPage.createTime))])]),t("div",{staticClass:"wiki-files"},[t("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:""}},[t("el-table-column",{attrs:{label:"文件名"},scopedSlots:e._u([{key:"default",fn:function(i){return[t("a",{attrs:{target:"_blank",href:i.row.fileUrl}},[e._v(e._s(i.row.fileName))])]}}])}),t("el-table-column",{attrs:{label:"文件大小"},scopedSlots:e._u([{key:"default",fn:function(i){return[e._v(e._s(e.computeFileSize(i.row.fileSize)))]}}])}),t("el-table-column",{attrs:{prop:"createTime",label:"创建时间",width:"180px"}}),t("el-table-column",{attrs:{prop:"downloadNum",label:"下载次数",width:"80px"}})],1)],1),t("div",{ref:"pageContent",staticClass:"wiki-page-content"},[2==e.wikiPage.editorType?t("div",{staticClass:"markdown-body",domProps:{innerHTML:e._s(e.pageShowDetail)}}):t("div",{staticClass:"wiki-html-content",domProps:{innerHTML:e._s(e.pageShowDetail)}})])])]),t("div",{ref:"imagePreview"},[e.showImagePreview?t("el-image-viewer",{attrs:{"url-list":e.showImagePreviewList,"on-close":e.closeImagePreview,"initial-index":e.previewInitialIndex}}):e._e()],1)],1)},n=[],s=(t("4160"),t("c975"),t("b0c0"),t("b680"),t("159b"),t("0a79")),r=t("b2d8"),o=t("08a9"),l=(t("c350"),t("64e1"),{data:function(){return{spaceUuid:"",nowPageId:"",wikiPage:{},pageFileList:[],pageShowDetail:"",previewInitialIndex:0,showImagePreview:!1,showImagePreviewList:[]}},components:{"el-image-viewer":o["a"]},beforeRouteUpdate:function(e,i,t){this.initQueryParam(e),t()},mounted:function(){this.initQueryParam(this.$route)},methods:{loadPageDetail:function(e){var i=this,t={pageId:e,space:this.spaceUuid};s["a"].openPageDetail(t).then((function(e){var t=e.data.wikiPage||{};t.selfZan=e.data.selfZan||0,i.wikiPage=t;var a=e.data.pageContent||{};i.pageFileList=e.data.fileList||[],2===i.wikiPage.editorType&&(a.content=r["markdownIt"].render(a.content)),i.pageShowDetail=a.content,document.title=t.name||"WIKI-内容展示",setTimeout((function(){return i.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 i="";i=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 t=i+"",a=t.indexOf("."),n=t.substr(a+1,2);return"00"==n?t.substring(0,a)+t.substr(a+3,2):i},closeImagePreview:function(){this.showImagePreview=!1},previewPageImage:function(){var e=this,i=[],t=this.$refs.pageContent.querySelectorAll("img");t.forEach((function(t,a){i.push(t.src),t.onclick=function(){e.previewInitialIndex=a,e.showImagePreviewList=i,e.showImagePreview=!0,setTimeout((function(){return e.initImageViewerMask()}),0)}}))},initImageViewerMask:function(){var e=this,i=this.$refs.imagePreview.querySelectorAll(".el-image-viewer__mask");i.forEach((function(i){i.onclick=function(){return e.showImagePreview=!1}}))}}}),c=l,u=(t("da3f"),t("2877")),w=Object(u["a"])(c,a,n,!1,null,null,null);i["default"]=w.exports}}]);
|
||||||
@@ -1 +0,0 @@
|
|||||||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-009efa60"],{a190:function(e,t,a){},da3f:function(e,t,a){"use strict";var i=a("a190"),n=a.n(i);n.a},f33f:function(e,t,a){"use strict";a.r(t);var i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"page-share-view-vue"},[a("el-row",{attrs:{type:"border-card"}},[a("div",{staticStyle:{"max-width":"950px",margin:"0 auto"}},[a("div",{staticClass:"wiki-title"},[e._v(e._s(e.wikiPage.name))]),a("div",{staticClass:"wiki-author"},[a("span",{directives:[{name:"show",rawName:"v-show",value:!e.wikiPage.updateTime,expression:"!wikiPage.updateTime"}]},[e._v("创建时间："+e._s(e.wikiPage.createTime))]),a("span",{directives:[{name:"show",rawName:"v-show",value:e.wikiPage.updateTime,expression:"wikiPage.updateTime"}]},[e._v("最后修改："+e._s(e.wikiPage.updateTime))])]),a("div",{staticClass:"wiki-files"},[a("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:""}},[a("el-table-column",{attrs:{label:"文件名"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("a",{attrs:{target:"_blank",href:t.row.fileUrl}},[e._v(e._s(t.row.fileName))])]}}])}),a("el-table-column",{attrs:{prop:"createTime",label:"创建时间",width:"180px"}}),a("el-table-column",{attrs:{prop:"downloadNum",label:"下载次数",width:"80px"}})],1)],1),a("div",{staticClass:"wiki-content w-e-text"},[a("div",{domProps:{innerHTML:e._s(e.pageContent.content)}})])])])],1)},n=[],s=(a("b0c0"),a("0a79")),o=a("b2d8"),r={data:function(){return{spaceUuid:"",nowPageId:"",wikiPage:{},pageContent:{},pageFileList:[]}},beforeRouteUpdate:function(e,t,a){this.initQueryParam(e),a()},mounted:function(){this.initQueryParam(this.$route)},methods:{loadPageDetail:function(e){var t=this,a={pageId:e,space:this.spaceUuid};s["a"].openPageDetail(a).then((function(e){var a=e.data.wikiPage||{};a.selfZan=e.data.selfZan||0,t.wikiPage=a,t.pageContent=e.data.pageContent||{},t.pageFileList=e.data.fileList||[],2===t.wikiPage.editorType&&(t.pageContent.content=o["markdownIt"].render(t.pageContent.content)),document.title=a.name||"WIKI-内容展示"}))},initQueryParam:function(e){this.spaceUuid=e.query.space,this.nowPageId=e.query.pageId,this.nowPageId&&this.loadPageDetail(this.nowPageId)}}},l=r,d=(a("da3f"),a("2877")),u=Object(d["a"])(l,i,n,!1,null,null,null);t["default"]=u.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
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
Reference in New Issue
Block a user