留言操作

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

@@ -104,13 +104,29 @@ const giveLikeHandle = async() => {
 	emits('like_change',data)
 }
 /* 删除留言 */
-const delMessageHandle = () => {
+const delMessageHandle = ({ comment_id }) => {
 	Dialog.confirm({
 		title: "",
 		message: "确定要删除该留言吗？",
 		confirmButtonColor: "#6784A7",
-	}).then(() => {
+	}).then( async() => {
+		const { code } = await delComment({ comment_id });
+		if( code !== 200 ) return
+
+		Toast('删除成功')
+
+		removeMessageByView();
 	});
+
+	/* 删除页面上的留言 */
+	const removeMessageByView = () => {
+		let index_my = myMessageList.value.findIndex(_ => _.comment_id === comment_id);
+		let index_hot = hotMessageList.value.findIndex(_ => _.comment_id === comment_id);
+
+		myMessageList.value.splice(index_my, 1)
+		hotMessageList.value.splice(index_hot, 1)
+		realMyList.value = isSlideMyMsg.value ? myMessageList.value : myMessageList.value.slice(0,3);
+	}
 }
 
 </script>
@@ -161,7 +177,7 @@ const delMessageHandle = () => {
 										<div class="right-tag">
 											<span>{{item.IsHot ? '已精选' : '未精选'}}</span>
 											<span class="divider">|</span>
-											<span class="del" @click="delMessageHandle">删除</span>
+											<span class="del" @click="delMessageHandle(item)">删除</span>
 										</div>
 									</div>
 									<p class="content">{{item.content}}</p>
@@ -169,7 +185,7 @@ const delMessageHandle = () => {
 							</div>
 							<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">
+									<img :src="sub_item.admin_img_url" alt="" class="reply-avatar">
 									<div class="info">
 										<span class="name">{{sub_item.admin_name}}</span>
 										<p class="content">{{sub_item.content}}</p>
@@ -196,14 +212,14 @@ const delMessageHandle = () => {
 										{{item.user_name}}
 										<Tag color="#DEDFE5" text-color="#fff" v-if="item.IsTop">置顶</Tag>
 									</span>
-									<span class="del" @click="delMessageHandle">删除</span>
+									<span class="del" @click="delMessageHandle(item)">删除</span>
 								</div>
 								<p class="content">{{item.content}}</p>
 							</div>
 						</div>	
 						<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">
+								<img :src="sub_item.admin_img_url" alt="" class="reply-avatar">
 								<div class="info">
 									<span class="name">{{sub_item.admin_name}}</span>
 									<p class="content">{{sub_item.content}}</p>