|
@@ -192,8 +192,47 @@ onUnmounted(() => {
|
|
@change="handleChangeChapter"
|
|
@change="handleChangeChapter"
|
|
/>
|
|
/>
|
|
|
|
|
|
|
|
+ <!-- 章节详情内容区 -->
|
|
|
|
+ <div class="report-wrapper "
|
|
|
|
+ :style="info.HasChapter?'chapter-detail':''"
|
|
|
|
+ v-if="info.HasChapter||route.query.chapterId"
|
|
|
|
+ >
|
|
|
|
+ <!-- 无版头板尾显示标题 -->
|
|
|
|
+
|
|
|
|
+ <div class="title">{{formatChapterTitle(chapterInfo)}}</div>
|
|
|
|
+ <div class="time flex">
|
|
|
|
+ <span>{{chapterInfo.Author}}</span>
|
|
|
|
+ <span>{{moment(chapterInfo.PublishTime).format('YYYY.MM.DD HH:mm')}}</span>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="tips">
|
|
|
|
+ <div class="abstract" v-if="chapterInfo.Abstract">摘要:{{chapterInfo.Abstract}}</div>
|
|
|
|
+ <div v-if="disclaimer">
|
|
|
|
+ <span>*注:请务必阅读</span>
|
|
|
|
+ <span style="color:#3D5EFF;margin-left:15px;cursor: pointer;" @click="showDisclaimers=true">免责声明</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!-- 音频模块 -->
|
|
|
|
+ <AudioBox
|
|
|
|
+ :data="audioData"
|
|
|
|
+ v-if="chapterInfo.VideoUrl&&chapterInfo.VideoPlaySeconds>0">
|
|
|
|
+ </AudioBox>
|
|
|
|
+
|
|
|
|
+ <div id="report-rich-content" class="no-select-text rich-content" ref="waterMarkEl">
|
|
|
|
+
|
|
|
|
+ <ReportContent
|
|
|
|
+ v-if="chapterInfo.Content"
|
|
|
|
+ :html="chapterInfo.Content"
|
|
|
|
+ ></ReportContent>
|
|
|
|
+ <!-- 水印 -->
|
|
|
|
+ <div class="hide-watermark-box">
|
|
|
|
+ <div v-for="item in 20" :key="item">{{userInfo?.Mobile}}</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
<!-- 报告内容区域 -->
|
|
<!-- 报告内容区域 -->
|
|
- <div class="report-wrapper" v-if="!info.HasChapter">
|
|
|
|
|
|
+ <div class="report-wrapper" v-else>
|
|
<!-- 无版头板尾显示标题 -->
|
|
<!-- 无版头板尾显示标题 -->
|
|
<template v-if="(!info.HeadImg) && (!info.EndImg)">
|
|
<template v-if="(!info.HeadImg) && (!info.EndImg)">
|
|
<div class="title">{{formatTitle(info)}}</div>
|
|
<div class="title">{{formatTitle(info)}}</div>
|
|
@@ -263,41 +302,7 @@ onUnmounted(() => {
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <!-- 章节详情内容区 -->
|
|
|
|
- <div class="report-wrapper chapter-detail" v-else>
|
|
|
|
- <!-- 无版头板尾显示标题 -->
|
|
|
|
-
|
|
|
|
- <div class="title">{{formatChapterTitle(chapterInfo)}}</div>
|
|
|
|
- <div class="time flex">
|
|
|
|
- <span>{{chapterInfo.Author}}</span>
|
|
|
|
- <span>{{moment(chapterInfo.PublishTime).format('YYYY.MM.DD HH:mm')}}</span>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
- <div class="tips">
|
|
|
|
- <div class="abstract" v-if="chapterInfo.Abstract">摘要:{{chapterInfo.Abstract}}</div>
|
|
|
|
- <div v-if="disclaimer">
|
|
|
|
- <span>*注:请务必阅读</span>
|
|
|
|
- <span style="color:#3D5EFF;margin-left:15px;cursor: pointer;" @click="showDisclaimers=true">免责声明</span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <!-- 音频模块 -->
|
|
|
|
- <AudioBox
|
|
|
|
- :data="audioData"
|
|
|
|
- v-if="chapterInfo.VideoUrl&&chapterInfo.VideoPlaySeconds>0">
|
|
|
|
- </AudioBox>
|
|
|
|
-
|
|
|
|
- <div id="report-rich-content" class="no-select-text rich-content" ref="waterMarkEl">
|
|
|
|
-
|
|
|
|
- <ReportContent
|
|
|
|
- v-if="chapterInfo.Content"
|
|
|
|
- :html="chapterInfo.Content"
|
|
|
|
- ></ReportContent>
|
|
|
|
- <!-- 水印 -->
|
|
|
|
- <div class="hide-watermark-box">
|
|
|
|
- <div v-for="item in 20" :key="item">{{userInfo?.Mobile}}</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+
|
|
<!-- <empty-wrap v-else msg="暂无阅读权限"/> -->
|
|
<!-- <empty-wrap v-else msg="暂无阅读权限"/> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|