点赞 评论 列表渲染

src/views/hzyb/components/leaveMessage/index.vue

@@ -92,7 +92,6 @@ const slideMymessageHandle = () => {
 
 /* 点赞 */
 const giveLikeHandle = async() => {
-	// props.info.like_enabled = !props.info.like_enabled
 	const { code,data } = await setLike({
 		report_id:  report_info ? report_info.report_id : 0,
 		report_chapter_id: report_chapter_item ? report_chapter_item.report_chapter_id : 0,
@@ -155,7 +154,10 @@ const delMessageHandle = () => {
 								<img :src="item.user_img_url" alt="" class="avatar">
 								<div class="info">
 									<div class="info-top">
-										<span class="name">{{item.user_name}}</span>
+										<span class="name">
+											{{item.user_name}}
+											<Tag color="#DEDFE5" text-color="#fff" v-if="item.IsTop">置顶</Tag>
+										</span>
 										<div class="right-tag">
 											<span>{{item.IsHot ? '已精选' : '未精选'}}</span>
 											<span class="divider">|</span>
@@ -182,29 +184,29 @@ const delMessageHandle = () => {
 				</div>
 				<Divider style="border-color: #999;">以上留言被精选后，将所有人可见</Divider>
 			</template>
-			<div class="wonder-message message-section">
+			<div class="wonder-message message-section" v-if="hotMessageList.length">
 				<h4 class="section-label">精选留言</h4>
 				<ul class="mesage-ul">
-					<li class="message-item">
+					<li class="message-item" v-for="item in hotMessageList" :key="item.comment_id">
 						<div class="message-cont">
-							<img src="" alt="" class="avatar">
+							<img :src="item.user_img_url" alt="" class="avatar">
 							<div class="info">
 								<div class="info-top">
 									<span>
-										大商所 
-										<Tag color="#DEDFE5" text-color="#fff">置顶</Tag>
+										{{item.user_name}}
+										<Tag color="#DEDFE5" text-color="#fff" v-if="item.IsTop">置顶</Tag>
 									</span>
 									<span class="del" @click="delMessageHandle">删除</span>
 								</div>
-								<p>diduidduU独卫带我去多群无</p>
+								<p class="content">{{item.content}}</p>
 							</div>
 						</div>	
-						<ul class="reply-list">
-							<li class="message-cont">
-								<img src="" alt="" class="reply-avatar">
+						<ul class="reply-list" v-if="item.ReplyList">
+							<li class="message-cont" v-for="sub_item in item.ReplyList" :key="sub_item.comment_id">
+								<img :src="sub_item.admin_img" alt="" class="reply-avatar">
 								<div class="info">
-									<span class="name">的味道分日服</span>
-									<p class="content">diduidduU独卫带我去多群无</p>
+									<span class="name">{{sub_item.admin_name}}</span>
+									<p class="content">{{sub_item.content}}</p>
 								</div>
 							</li>
 						</ul>