晨报周报详情

src/views/report/reportDetail.vue

@@ -80,7 +80,17 @@
       </div>
       <div style="padding: 0.6rem; box-sizing: border-box; overflow: hidden">
         <!-- <div id="resetcss" style="overflow:hidden;" v-html="reportInfo.Content"></div> -->
-        <div id="resetcss" style="overflow:hidden;">
+        <!-- 晨报周报 -->
+        <div class="chapter-wrap" v-if="reportInfo.HasChapter===1">
+          <div class="chapter-item" v-for="item in reportInfo.ChapterList" :key="item.ReportChapterId">
+            <div style="margin-bottom:10px">
+              <span class="type">{{item.TypeName}}</span>
+              <span class="title">{{item.Title}}</span>
+            </div>
+            <div id="resetcss" style="overflow:hidden;" v-html="item.Content"></div>
+          </div>
+        </div>
+        <div id="resetcss" style="overflow:hidden;" v-else>
         <ul>
           <li v-for="(html,index) in realContent" :key="index" v-html="html"></li>
         </ul>
@@ -501,5 +511,25 @@ export default {
         font-size: 0.58rem;
     }
   }
+
+  .chapter-wrap{
+    .chapter-item{
+			margin-bottom: 20px;
+			padding-bottom: 20px;
+			border-bottom: 1px dashed #ccc;
+			.type{
+				font-size: 15px;
+				color: #fff;
+				padding: 5px 10px;
+				background-color: #E6A23C;
+				border-radius: 4px;
+			}
+			.title{
+				font-size: 15px;
+				margin-left: 10px;
+				font-weight: bold;
+			}
+		}
+  }
 }
 </style>