报告详情修改

src/views/report/ChapterDetail.vue

@@ -292,7 +292,7 @@ const code_scene=computed(()=>{
 const posterParams=computed(()=>{
     return {
         report_type:info.value.report_chapter_item.classify_name_first,
-        report_title:`【第${info.value.report_chapter_item.stage}期 | ${info.value.report_chapter_item.classify_name_first}  | ${info.value.report_chapter_item.type_name}】${info.value.report_chapter_item.title}`,
+        report_title:`【第${info.value.report_chapter_item.stage}期 | ${info.value.report_chapter_item.classify_name_first} | ${info.value.report_chapter_item.type_name}】${info.value.report_chapter_item.title}（${moment(info.value.report_chapter_item.publish_time).format('MMDD')}）`,
         report_abstract:info.value.report_chapter_item.content
     }
 })
@@ -304,17 +304,22 @@ const posterParams=computed(()=>{
         <div class="hasrightaside-box">
             <div class="content-box">
                 <div class="report-box">
-                    <div class="title">【第{{info.report_chapter_item.stage}}期 | {{info.report_chapter_item.classify_name_first}}  | {{info.report_chapter_item.type_name}}】{{info.report_chapter_item.title}}</div>
+                    <div class="title">【第{{info.report_chapter_item.stage}}期 | {{info.report_chapter_item.classify_name_first}}  | {{info.report_chapter_item.type_name}}】{{info.report_chapter_item.title}}（{{moment(info.report_chapter_item.publish_time).format('MMDD')}}）</div>
                     <div class="time">
                         <span>FICC团队</span>
                         <span>{{moment(info.report_chapter_item.publish_time).format('YYYY.MM.DD HH:mm')}}</span>
                     </div>
-                    <div class="tips">
-                        <span>注：请务必阅读</span>
-                        <span style="color:#F3A52F;margin-left:20px;cursor: pointer;" @click="showDisclaimers=true">免责声明</span>
+                    <div class="flex tips">
+                        <div>
+                            <div class="abstract" v-if="info.report_chapter_item.abstract">摘要：{{info.report_chapter_item.abstract}}</div>
+                            <div>
+                                <span>*注：请务必阅读</span>
+                                <span style="color:#F3A52F;margin-left:20px;cursor: pointer;" @click="showDisclaimers=true">免责声明</span>
+                            </div>
+                        </div>
                     </div>
                     <AudioBox :data="audioData" v-if="info.report_chapter_item.video_url&&info.report_chapter_item.video_play_seconds>0"></AudioBox>
-                    <div class="abstract" v-if="info.report_chapter_item.abstract">摘要：{{info.report_chapter_item.abstract}}</div>
+                    <!-- <div class="abstract" v-if="info.report_chapter_item.abstract">摘要：{{info.report_chapter_item.abstract}}</div> -->
                     <div class="rich-content">
                         <div v-html="info.report_chapter_item.content" v-if="info.auth_ok"></div>
                         <div v-html="info.report_chapter_item.content_sub" v-else ></div>
@@ -470,30 +475,31 @@ const posterParams=computed(()=>{
             &::before{
                 content: '';
                 width: 6px;
-                height: 30px;
+                // height: 30px;
                 display: inline-block;
                 background-color: #F3A52F;
                 margin-right: 10px;
-                position: relative;
-                top: 10px;
+                // position: relative;
+                // top: 10px;
             }
         }
         .abstract{
             font-size: 18px;
             font-weight: bold;
-            margin-top: 20px;
-            display: flex;
-            align-items: center;
-            &::before{
-                flex-shrink: 0;
-                content: '';
-                display: block;
-                width: 6px;
-                min-height: 30px;
-                background-color: #F3A52F;
-                margin-right: 10px;
-                position: relative;
-            }
+            margin-bottom: 20px;
+            // margin-top: 20px;
+            // display: flex;
+            // align-items: center;
+            // &::before{
+            //     flex-shrink: 0;
+            //     content: '';
+            //     display: block;
+            //     width: 6px;
+            //     min-height: 30px;
+            //     background-color: #F3A52F;
+            //     margin-right: 10px;
+            //     position: relative;
+            // }
         }
         .rich-content{
             margin-top: 30px;

src/views/report/Detail.vue

@@ -260,11 +260,24 @@ const code_scene=computed(()=>{
 const posterParams=computed(()=>{
     return {
         report_type:info.value.report_info.classify_name_first,
-        report_title:`【第${info.value.report_info.stage}期 | ${info.value.report_info.classify_name_second}】${info.value.report_info.title}`,
+        // report_title:`【第${info.value.report_info.stage}期 | ${info.value.report_info.classify_name_second}】${info.value.report_info.title}`,
+        report_title:formatTitle(info.value.report_info),
         report_abstract:info.value.report_info.content
     }
 })
 
+// 报告标题
+const formatTitle=(e)=>{
+    let t=moment(e.publish_time).format('MMDD')
+    let title=''
+    if(e.classify_name_second==e.title){
+        title=`【第${e.stage}期】${e.title}（${t}）`
+    }else{
+        title=`【第${e.stage}期 | ${e.classify_name_second}】${e.title}（${t}）`
+    }
+    return title
+}
+
 </script>
 
 <template>
@@ -312,18 +325,24 @@ const posterParams=computed(()=>{
                 </div>
                 <!-- 报告详情 -->
                 <div class="report-box" v-else>
-                    <div class="title">【第{{info.report_info.stage}}期｜{{info.report_info.classify_name_second}}】{{info.report_info.title}}</div>
+                    <!-- <div class="title">【第{{info.report_info.stage}}期｜{{info.report_info.classify_name_second}}】{{info.report_info.title}}</div> -->
+                    <div class="title">{{formatTitle(info.report_info)}}</div>
                     <div class="time">
                         <span>FICC团队</span>
                         <span>{{moment(info.report_info.publish_time).format('YYYY.MM.DD HH:mm')}}</span>
                     </div>
-                    <div class="tips">
-                        <span>注：请务必阅读</span>
-                        <span style="color:#F3A52F;margin-left:20px;cursor: pointer;" @click="showDisclaimers=true">免责声明</span>
+                    <div class="flex tips">
+                        <div>
+                            <div class="abstract" v-if="info.report_info.abstract">摘要：{{info.report_info.abstract}}</div>
+                            <div>
+                                <span>*注：请务必阅读</span>
+                                <span style="color:#F3A52F;margin-left:20px;cursor: pointer;" @click="showDisclaimers=true">免责声明</span>
+                            </div>
+                        </div>
                     </div>
                     <!-- 音频模块 -->
                     <AudioBox :data="audioData" v-if="info.report_info.video_url&&info.report_info.video_play_seconds>0"></AudioBox>
-                    <div class="abstract" v-if="info.report_info.abstract">摘要：{{info.report_info.abstract}}</div>
+                    <!-- <div class="abstract" v-if="info.report_info.abstract">摘要：{{info.report_info.abstract}}</div> -->
 
                     <div class="rich-content">
                         <div v-html="info.report_info.content" v-if="info.auth_ok"></div>
@@ -468,30 +487,31 @@ const posterParams=computed(()=>{
             &::before{
                 content: '';
                 width: 6px;
-                height: 30px;
+                // height: 30px;
                 display: inline-block;
                 background-color: #F3A52F;
                 margin-right: 10px;
-                position: relative;
-                top: 10px;
+                // position: relative;
+                // top: 10px;
             }
         }
         .abstract{
             font-size: 18px;
             font-weight: bold;
-            margin-top: 20px;
-            display: flex;
-            align-items: center;
-            &::before{
-                flex-shrink: 0;
-                content: '';
-                display: block;
-                width: 6px;
-                min-height: 30px;
-                background-color: #F3A52F;
-                margin-right: 10px;
-                position: relative;
-            }
+            margin-bottom: 20px;
+            // margin-top: 20px;
+            // display: flex;
+            // align-items: center;
+            // &::before{
+            //     flex-shrink: 0;
+            //     content: '';
+            //     display: block;
+            //     width: 6px;
+            //     min-height: 30px;
+            //     background-color: #F3A52F;
+            //     margin-right: 10px;
+            //     position: relative;
+            // }
         }
         .rich-content{
             margin-top: 30px;