commit

src/views/report/Detail.vue

@@ -1,10 +1,13 @@
 <script setup>
 import {onMounted, ref} from 'vue'
 import moment from 'moment';
+import 'moment/dist/locale/zh-cn'
 import AudioBox from './components/AudioBox.vue'
 import {apiReportDetail} from '@/api/report'
 import { useRoute, useRouter } from 'vue-router';
 
+moment.locale('zh-cn')
+
 const route=useRoute()
 const router=useRouter()
 
@@ -85,7 +88,17 @@ const goChapterDetail=(item)=>{
             <div class="content-box">
                 <!-- 晨报、周报章节 -->
                 <div class="chapter-list-wrap" v-if="['晨报','周报'].includes(info.report_info.classify_name_first)">
-                    <div class="top-box" :style="'background-image:url(' + info.report_info.banner_url + ')'"></div>
+                    <div class="top-box" :style="'background-image:url(' + info.report_info.banner_url + ')'">
+                        <div class="title">{{info.report_info.classify_name_first}}</div>
+                        <div class="sub-title">{{info.report_info.title}}</div>
+                        <div class="flex right-box">
+                            <div class="day">{{moment(info.report_info.publish_time).format('DD')}}</div>
+                            <div style="font-size:14px">
+                                <div>{{moment(info.report_info.publish_time).format('ddd')}}</div>
+                                <div>{{moment(info.report_info.publish_time).format('YYYY-MM')}}</div>
+                            </div>
+                        </div>
+                    </div>
                     <div class="list-box">
                         <div class="flex item" v-for="item in info.report_chapter_list" :key="item.report_chapter_id" @click="goChapterDetail(item)">
                             <el-image class="img" :src="item.report_chapter_type_thumb" fit="cover" />
@@ -145,7 +158,7 @@ const goChapterDetail=(item)=>{
                     </div>
                 </div>
             </div>
-            <div class="right-aside-box" v-if="info.auth_ok">
+            <div class="right-aside-box" v-if="info.auth_ok&&!(['晨报','周报'].includes(info.report_info.classify_name_first))">
                 <div class="fix-top">
                 <div class="share-box">
                     <div class="label">分享</div>
@@ -278,6 +291,28 @@ const goChapterDetail=(item)=>{
             background-size: cover;
             position: relative;
             margin-bottom: 20px;
+            padding: 39px 34px 20px 34px;
+            color: #fff;
+            .title{
+                font-size: 25px;
+                font-weight: 600;
+            }
+            .sub-title{
+                margin-top: 8px;
+            }
+            .right-box{
+                position: absolute;
+                right: 29px;
+                bottom: 10px;
+                align-items: center;
+                .day{
+                    padding-right: 5px;
+                    font-size: 23px;
+                    font-weight: 600;
+                    border-right: 1px solid #fff;
+                    margin-right: 5px;
+                }
+            }
         }
         .list-box{
             min-height: 100px;

src/views/report/specialColumn/Detail.vue

@@ -158,6 +158,18 @@ const handlePlayAudio=(item)=>{
                     </div>
                 </SelfList>
             </template>
+            <!-- 客户评价模块 -->
+            <template v-if="nav==='客户评价'">
+                <div class="comment-list-wrap">
+                    <div class="comment-item" v-for="item in commentList" :key="item.Id">
+                        <div class="flex top">
+                            <img class="avatar" :src="item.HeadImgUrl" alt="">
+                            <span>{{item.CompanyName}}</span>
+                        </div>
+                        <p class="des" v-html="item.Comment"></p>
+                    </div>
+                </div>
+            </template>
         </div>
     </div>
 </template>
@@ -308,6 +320,43 @@ const handlePlayAudio=(item)=>{
                 }
             }
         }
+
+        .comment-list-wrap{
+            display: flex;
+            flex-wrap: wrap;
+            .comment-item{
+                width: 50%;
+                padding-top: 20px;
+                padding-bottom: 20px;
+                border-bottom: 1px solid #F2F2F2;
+                &:nth-child(odd){
+                    border-right: 1px solid #F2F2F2;
+                    padding-right: 20px;
+                }
+                &:nth-child(even){
+                    padding-left: 20px;
+                }
+                .top{
+                    align-items: center;
+                    .avatar{
+                        width: 40px;
+                        height: 40px;
+                        border-radius: 50%;
+                        object-fit: cover;
+                        margin-right: 7px;
+                    }
+                    span{
+                        font-size: 16px;
+                        color: #F3A52F;
+                    }
+                }
+                .des{
+                    margin-top: 8px;
+                    font-size: 14px;
+                    line-height: 26px;
+                }
+            }
+        }
     }
 }
 </style>