|
@@ -87,7 +87,7 @@ const getReportDetail=async ()=>{
|
|
|
info.value.report_info.content=addTokenToIframe(res.data.report_info.content,res.data.report_info.report_id,0)
|
|
|
audioData.value={
|
|
|
auth_ok:res.data.auth_ok,
|
|
|
- video_name:res.data.report_info.video_name,
|
|
|
+ video_name:res.data.report_info.video_name||`${res.data.report_info.title}(${moment(res.data.report_info.publish_time).format('MMDD')})`,
|
|
|
video_size:res.data.report_info.video_size||'',
|
|
|
video_play_seconds:res.data.report_info.video_play_seconds,
|
|
|
video_url:res.data.report_info.video_url,
|
|
@@ -518,8 +518,8 @@ const closeShowAttentionPop=()=>{
|
|
|
<div class="report-detail-page" v-if="info">
|
|
|
<div class="hasrightaside-box">
|
|
|
<div class="content-box">
|
|
|
- <!-- 晨报、周报章节 -->
|
|
|
- <div class="chapter-list-wrap" v-if="info.report_info.has_chapter">
|
|
|
+ <!-- 晨报、周报章节 列表展示形式 -->
|
|
|
+ <div class="chapter-list-wrap" v-if="info.report_info.has_chapter&&info.report_detail_show_type===2">
|
|
|
<div
|
|
|
:class="['top-box',info.report_info.classify_name_first=='周报'?'top-box-week':'']"
|
|
|
:style="'background-image:url(' + info.report_info.banner_url + ')'"
|
|
@@ -602,7 +602,7 @@ const closeShowAttentionPop=()=>{
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- 报告详情 -->
|
|
|
+ <!-- 报告详情 章节报告拼接形式 -->
|
|
|
<div class="report-box" v-else>
|
|
|
<!-- <template v-if="bannerDataList.length > 0">
|
|
|
<el-carousel height="90px" style="margin-bottom:20px;" :interval="4000" :indicator-position="bannerDataList.length==0?'none':''" :arrow="bannerDataList.length==0?'never':''">
|
|
@@ -647,7 +647,25 @@ const closeShowAttentionPop=()=>{
|
|
|
<AudioBox :data="audioData" v-if="info.report_info.video_url&&info.report_info.video_play_seconds>0"></AudioBox>
|
|
|
|
|
|
<div id="report-rich-content" class="no-select-text rich-content" ref="waterMarkEl">
|
|
|
- <ReportContent :html="info.report_info.content" v-if="info.auth_ok"></ReportContent>
|
|
|
+ <template v-if="info.auth_ok">
|
|
|
+ <!-- 展示拼接的章节报告 -->
|
|
|
+ <template v-if="info.report_info.has_chapter && info.report_detail_show_type===1">
|
|
|
+ <div
|
|
|
+ class="chapter-concat-item"
|
|
|
+ v-for="chapter in info.report_chapter_list"
|
|
|
+ :key="chapter.report_chapter_id"
|
|
|
+ >
|
|
|
+ <div class="chapter-title">
|
|
|
+ <h3 class="chapter-title-text">{{chapter.title}}</h3>
|
|
|
+ </div>
|
|
|
+ <div class="html-cont" v-html="chapter.content"></div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <!-- 单人报告 -->
|
|
|
+ <ReportContent :html="info.report_info.content" v-if="!info.report_info.has_chapter"></ReportContent>
|
|
|
+ </template>
|
|
|
+
|
|
|
<div v-html="info.report_info.content_sub" v-else></div>
|
|
|
<!-- 隐藏的水印 -->
|
|
|
<div class="hide-watermark-box">
|
|
@@ -1156,4 +1174,24 @@ const closeShowAttentionPop=()=>{
|
|
|
box-sizing: border-box
|
|
|
}
|
|
|
}
|
|
|
+.chapter-concat-item {
|
|
|
+ padding: 10px 0;
|
|
|
+ .chapter-title {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 15px;
|
|
|
+ .type {
|
|
|
+ height: fit-content;
|
|
|
+ display: inline-block;
|
|
|
+ color: #fff;
|
|
|
+ padding: 5px 10px;
|
|
|
+ background-color: #E6A23C;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .chapter-title-text {
|
|
|
+ font-size: 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|