no message

api/alumni.js

@@ -19,4 +19,10 @@ export const alumniReport = (data) => request(newsUrl + 'report', 'post', { ...d
 // 新增评论
 export const setCreateRemark = (data) => request(newsUrl + 'create_remark', 'post', { ...data },false)
 // 用户点赞或者取消点赞评论
-export const setRemarkLike = (data) => request(newsUrl + 'remark_like', 'post', { ...data },false)
+export const setRemarkLike = (data) => request(newsUrl + 'remark_like', 'post', { ...data },false)
+
+// 删除评论
+export const delRemark = (data) => request(newsUrl + 'del_remark', 'post', { ...data },false)
+
+// 帖子详情
+export const alumnInfo = (data) => request(newsUrl + 'info', 'post', { ...data },false)

pages-school/circle-info.vue

@@ -3,13 +3,13 @@
 		<view class="nav-box bgc-f">
 			<Nav :leftShow='false' :customNav='true' bgckgroundBox='transparent'>
 				<template>
-					<view slot="custom" class="display-flex">
+					<view slot="custom" class="display-flex ">
 						<image class="nav-img" @click="toBack()" src="@/static/img/takeout/bg-back.png" mode="scaleToFill"></image>
 						<view class="info-nav display-flex">
-							<image src="@/static/img/my/lqzx-bg.png" mode=""></image>
+							<image :src="obj.head_img" mode=""></image>
 							<view class="">
-								<view class="fs-32 fw-600 w348 text-overflow-ellipsis-one">最佳损友最佳损友最佳最佳损友最佳损友最佳</view>
-								<view class="fs-24 fc-9 fw-400">2021-04-18 15:53</view>
+								<view class="fs-32 fw-600 w348 text-overflow-ellipsis-one">{{obj.nickname||''}}</view>
+								<view class="fs-24 fc-9 fw-400">{{obj.created_date||''}}</view>
 							</view>
 						</view>
 					</view>
@@ -17,67 +17,75 @@
 			</Nav>
 		</view>
 		
+		
+		
 		<scroll-view scroll-y="true" class="scroll-view-css">
-			<view>
-				<view class="box-border-box mb-50">
+			<view class="scroll-view-css">
+				<view class="box-border-box mb-26" v-if="obj.image.length > 0">
 					<swiper class="swiper mb-32 " circular indicator-dots indicator-active-color="#4FB3EF" :autoplay="true" :interval="3000" :duration="500">
-						<swiper-item v-for="(item,i) in 3" :key="i">
-							<image  class="swiper-item" src="@/static/img/buy/group-bg.png" mode="scaleToFill"></image>
+						<swiper-item v-for="(item,i) in obj.image" :key="i">
+							<image  class="swiper-item" :src="item" mode="aspectFill"></image>
 						</swiper-item>
 					</swiper>
 				</view>
-				<view class="box-border-box bz-box bgc-f b-b-F9F9F9">
-					<view class="fs-30 fw-600 mb-32">我是阳光大男孩</view>
+				<view class="box-border-box bz-box bgc-f b-b-F9F9F9 mt-24">
+					<view class="fs-30 fw-600 mb-32">{{obj.content||''}}</view>
 					<view class="card-4 flex-wrap-wrap">
-						<view class="">重庆工商职业学校</view>
-						<view class="">买卖闲置</view>
-						<view class="">买卖闲置</view>
-						<view class="">买卖闲置</view>
-						<view class="">买卖闲置</view>
-						<view class="">买卖闲置</view>
-						<view class="">买卖闲置</view>
-						<view class="">买卖闲置</view>
-						<view class="">买卖闲置</view>
+						<view class="">{{obj.school_name||''}}</view>
+						<view class="">{{obj.topic_name||''}}</view>
 					</view>
 				</view>
 				
-				<view class="pop-box pop-msg box-border-box p-24">
+				<view v-if="list.length == 0" class="scroll-view-css">
+					<EnBlank :customSrc='true'>
+						<template v-slot:blankImg>
+							<image class="black-custom-img" src="@/static/img/common/no-order.png" mode=""></image>
+						</template>
+					</EnBlank>
+				</view>
+				
+				<view v-else class="pop-box pop-msg box-border-box p-24">
 					<view class=" box-border-box plr-24">
-						<view class="list-box flex-justify-space" v-for="(item,i) in 10" :key="i"> 
+						<view class="list-box flex-justify-space" v-for="(item,i) in list" :key="i"> 
 							<image class="list-box-img" src="@/static/img/my/bg.png" mode="scaleToFill"></image>
 							<view class="flex-1">
 								<view class=" flex-justify-space">
 									<view class="p-b-20 b-b-F9F9F9 mr-20">
-										<view class="fs-28 fw-400 fc-9 mb-8">
-											最佳损友最佳损友 <span class='only-box text-align-center fs-24 fc-41ABF5 ml-10'>作者</span>
-										</view>
-										<view class="fs-30 fw-400 mb-8" @click="openInput()">
-											回关一下啊，这么近这么近这么近这么近这么近这么近
+										<view class="fs-28 fw-400 fc-9 mb-8 align-items-center">
+											{{item.nickname}} 
+											<span v-if="item.is_author == 1" class='only-box text-align-center fs-24 fc-41ABF5 ml-10'>作者</span>
+											<view class="ml-10" v-if="item.is_self == 1" @click="delInfo(item)">
+												<uni-icons  type="trash" size="18"></uni-icons>
+											</view>
 										</view>
-										<view class="flex-wrap-wrap mb-8">
-											<image class="msg-img" v-for="(item,i) in 4" :key="i" src="@/static/img/my/bg.png" mode="scaleToFill"></image>
+										<view class="fs-30 fw-400 mb-8" @click.stop="openInput(1,item)">
+											{{item.content}}
 										</view>
-										<view class="fs-24 fw-400 fc-9 mb-8">2021-04-17 15:53</view>	
+										<view class="fs-24 fw-400 fc-9 mb-8">{{item.created_date}}</view>	
 									</view>
-									<view class="display-flex">
-										<uni-icons type="hand-up" size="20" color="#999"></uni-icons>
-										<view class="fs-24 fw-400 fc-9 mt-5">11</view>
+									<view class="display-flex" @click.stop="handUp(2,item)">
+										<uni-icons type="hand-up" size="20" :color="item.is_like==1?'#FD5C02':'#999'"></uni-icons>
+										<view class="fs-24 fw-400 mt-5" :class="item.is_like==1?'fc-FD5C02':'fc-9'">{{item.like}}</view>
 									</view>
 								</view>
-								<view class="list-box flex-justify-space" v-for="(info,index) in 5" :key="index">
+								
+								<view v-if="item.isOpen" class="fs-24 fc-6 text-align-center mb-12" @click="openReply(1,item,i)">展开更多评论</view>
+								
+								<!-- <view class="list-box flex-justify-space" v-for="(info,index) in 5" :key="index">
 									<image class="list-box-img" src="@/static/img/my/bg.png" mode="scaleToFill"></image>
 									<view class="flex-1">
 										<view class=" flex-justify-space">
 											<view class="p-b-20 b-b-F9F9F9 mr-20">
 												<view class="fs-28 fw-400 fc-9 mb-8">
-													最佳损友最佳损友 <span class='only-box text-align-center fs-24 fc-41ABF5 ml-10'>作者</span>
+													最佳损友最佳损友 
+													<span v-if="info.is_author == 1" class='only-box text-align-center fs-24 fc-41ABF5 ml-10'>作者</span>
+													<view class="ml-10" v-if="info.is_self == 1" @click="delInfo(info)">
+														<uni-icons  type="trash" size="18"></uni-icons>
+													</view>
 												</view>
 												<view class="fs-30 fw-400 mb-8"  @click="openInput()">
 													回关一下啊，这么近这么近这么近这么近这么近这么近
 												</view>
-												<view class="flex-wrap-wrap mb-8">
-													<image class="msg-img-1 msg-img" v-for="(item,i) in 4" :key="i" src="@/static/img/my/bg.png" mode="scaleToFill"></image>
-												</view>
 												<view class="fs-24 fw-400 fc-9 mb-8">2021-04-17 15:53</view>	
 											</view>
 											<view class="display-flex">
@@ -86,7 +94,7 @@
 											</view>
 										</view>
 									</view>
-								</view>
+								</view> -->
 							</view>
 						</view>
 					</view>
@@ -94,18 +102,15 @@
 			</view>
 		</scroll-view>
 		
-		<view class="card-5 flex-justify-space box-border-box">
-			<view class="align-items-center">
-				<image src="@/static/img/school/fx.png" mode=""></image>
-				<view class="fs-24 fc-9">分享</view>
+		<view class="card-5 flex-justify-space box-border-box ">		
+			<view class="align-items-center"></view>
+			<view class="align-items-center" @click.stop="handUp(1,obj)">
+				<uni-icons type="hand-up" size="22" :color="obj.is_like==1?'#FD5C02':'#999'"></uni-icons>
+				<view class="fs-24 " :class="obj.is_like==1?'fc-FD5C02':'fc-9'">{{obj.like}}</view>
 			</view>
-			<view class="align-items-center" @click.stop="handUp()">
-				<uni-icons type="hand-up" size="22" color="#999"></uni-icons>
-				<view class="fs-24 fc-9">12</view>
-			</view>
-			<view class="align-items-center" @click.stop="openInput()">
+			<view class="align-items-center" @click.stop="openInput(0,item)">
 				<image src="@/static/img/school/info.png" mode=""></image>
-				<view class="fs-24 fc-9">6</view>
+				<view class="fs-24 fc-9">{{obj.remark}}</view>
 			</view>
 		</view>
 		
@@ -121,9 +126,6 @@
 						<view class="fs-34 fw-600 mb-20">评论</view>
 						<textarea class=" fs-24" placeholder='友善评论，文明发言'></textarea>
 					</view>
-					<view class="">
-						<EnUpload></EnUpload>
-					</view>
 				</view>
 			</view>
 		</uni-popup>
@@ -131,31 +133,132 @@
 </template>
 
 <script>
-	import EnUpload from '@/components/en-from/en-upload/en-upload.vue';
+	import EnBlank from "@/components/en-utils/en-blank/en-blank";
+	import {alumnInfo,getRemarkList,setAlumniLike,delRemark} from '@/api/alumni.js';
 	import tools from "@/service/tools";
 	export default {
-		components:{EnUpload},
+		components:{EnBlank},
 		data(){
 			return{
 				id:0,
+				
+				news_id:'',
+				obj:{
+					image:[],
+				},
+				list:[],
+				page:1,
+				total:0,
 			}
 		},
+		onLoad(e) {
+			this.news_id = e.news_id;
+			this.getInfo();
+			this.getList();
+		},
 		methods:{
 			toBack(){
 				tools.leftClick()
 			},
-			openInput(){
+			getInfo(){
+				alumnInfo({news_id:this.news_id}).then((res)=>{
+					if(res.code === 1){
+						this.obj = res.data;
+					}
+				})
+			},
+			getList(){
+				getRemarkList({news_id:this.news_id,remark_id:0,page:this.page}).then((res)=>{
+					if(res.code === 1){
+						this.list = [...this.list,...res.data.items];
+						this.total = res.data.total;
+						this.list.forEach((v)=>{
+							v.replyList = [];
+							if(v.count > 0){
+								v.isOpen = true;
+							}
+						})
+					}
+				})
+			},
+			
+			
+			// 点赞
+			handUp(type,item){
+				if(this.isAJAX){
+					return
+				}
+				this.isAJAX = true;
+				let is_like = item.is_like == 1?0:1;
+				if(type == 1){
+					// 点赞贴子
+					setAlumniLike({news_id:item.news_id,is_like:is_like}).then((res)=>{
+						this.handUpFun(res,item,is_like)
+					})
+				}else{
+					// 点赞评论
+					setRemarkLike({news_id:item.news_id,is_like:is_like,remark_id:item.id}).then((res)=>{
+						this.handUpFun(res,item,is_like)
+					})
+				}
+			},
+			// 点赞公共回复
+			handUpFun(res,item,is_like){
+				if(res.code === 1){
+					item.is_like = is_like;
+					if(is_like == 0){
+						item.like -= 1
+					}else{
+						item.like += 1
+					}
+					this.isAJAX = false;
+					tools.success(res.msg);
+				}else{
+					this.isAJAX = false;
+					tools.error(res.msg);
+				}
+			},
+			
+			openInput(type,item){
+				if(type == 0){
+					this.msgData.remark_id = 0;
+				}else if(type == 1){
+					this.msgData.remark_id = item.id;
+					this.msgData.reply_id = item.m_id;
+				}else{
+					this.msgData.remark_id = item.remark_id;
+					this.msgData.reply_id = item.m_id;
+				}
 				this.$refs.popup.open();
 			},
 			closeInput(){
 				this.$refs.popup.close();
 			},
-			handUp(){
-				
-			},
+			
 			save(){
 				this.closeInput()
 			},
+			
+			
+			delInfo(item){
+				if(this.isAJAX){
+					return
+				}
+				this.isAJAX = true;
+				delRemark({remark_id:item.id}).then((res)=>{
+					if(res.code === 1){
+						tools.success('删除成功')
+						setTimeout(()=>{
+							this.list = [];
+							this.page = 1;
+							this.getList();
+						},1500)
+					}else{
+						this.isAJAX = false;
+						tools.error(res.msg)
+					}
+				})
+			},
 		},
 	}
 </script>
@@ -174,6 +277,7 @@
 			width: 348rpx;
 		}
 		.nav-box{
+			z-index: 99;
 			padding-bottom: 10rpx;
 			.nav-img{
 				width: 56rpx;
@@ -214,6 +318,7 @@
 		}
 		
 		.pop-input{
+			z-index: 100;
 			width: 100%;
 			height: 70vh;
 			background-color: #fff;
@@ -244,7 +349,7 @@
 			}
 		}
 		.pop-msg{
-			height: 70vh;
+			// height: 70vh;
 			.head-pop{
 				padding-bottom: 34rpx !important;
 				border-bottom: 1rpx solid #F2F2F2;

pages-school/school-circle.vue

@@ -38,10 +38,6 @@
 		</view>
 		
 		
-		<view class="">
-			{{JSON.stringify(err)}}
-		</view>
-		
 		<view v-if="list.length === 0" class="scroll-view-css">
 			<EnBlank :customSrc='true'>
 				<template v-slot:blankImg>
@@ -78,7 +74,8 @@
 						<view class="">{{item.topic_name}}</view>
 					</view>
 					
-					<view class="card-5 flex-justify-around">
+					<view class="card-5 flex-justify-space">
+						<view class="align-items-center"></view>
 						<view class="align-items-center" @click.stop="handUp(1,item)">
 							<uni-icons type="hand-up" size="22" :color="item.is_like==1?'#FD5C02':'#999'"></uni-icons>
 							<view class="fs-24 " :class="item.is_like==1?'fc-FD5C02':'fc-9'">{{item.like}}</view>
@@ -94,12 +91,6 @@
 		
 		
 		
-		<uni-popup ref="popshare" type="bottom">
-			<view class="pop-box pop-h-20 box-border-box p-24">
-				<view @click.stop="shareSelect(0)" class="b-bottom text-align-center fs-32 fw-600 fc-f mb-20">分享到群聊</view>
-				<view @click.stop="shareSelect(1)" class="b-bottom text-align-center fs-32 fw-600 fc-f">分享到朋友圈</view>
-			</view>
-		</uni-popup>
 		
 		<uni-popup ref="popup" type="bottom">
 			<view class="pop-box pop-h-30 box-border-box p-24">
@@ -120,6 +111,7 @@
 			<view class="pop-box pop-msg box-border-box p-24">
 				<!-- 输入框 -->
 				<view class="pop-input" v-if="isShowIpnut">
+					
 					<view class="head-pop flex-justify-space align-items-center mb-24 box-border-box p-24">
 						<view class="fs-28 fw-600 fc-41ABF5" ></view>
 						<view class="fs-36 fc-0 fw-600">评论</view>
@@ -139,7 +131,7 @@
 				<!-- ----- -->
 				<view class="head-pop flex-justify-space align-items-center mb-24">
 					<view class=""></view>
-					<view class="fs-36 fc-0 fw-600">评论({{remarkData.total||'0'}})</view>
+					<view class="fs-36 fc-0 fw-600">评论内容</view>
 					<uni-icons @click.stop="closeMsg()" type="closeempty" size="24"></uni-icons>
 				</view>
 				
@@ -157,8 +149,13 @@
 						<view class="flex-1 p-b-20">
 							<view class=" flex-justify-space">
 								<view class=" b-b-F9F9F9 mr-20">
-									<view class="fs-28 fw-400 fc-9 mb-8">
-										{{item.nickname}} <span v-if="item.is_author == 1" class='only-box text-align-center fs-24 fc-41ABF5 ml-10'>作者</span>
+									<view class="fs-28 fw-400 fc-9 mb-8 align-items-center">
+										{{item.nickname}} 
+										<span v-if="item.is_author == 1" class='only-box text-align-center fs-24 fc-41ABF5 ml-10'>作者</span>
+										<view class="ml-10" v-if="item.is_self == 1" @click="delInfo(item)">
+											<uni-icons  type="trash" size="18"></uni-icons>
+										</view>
+										
 									</view>
 									<view class="fs-30 fw-400 mb-8" @click.stop="openInput(1,item)">
 										{{item.content}}
@@ -170,28 +167,36 @@
 									<view class="fs-24 fw-400 mt-5" :class="item.is_like==1?'fc-FD5C02':'fc-9'">{{item.like}}</view>
 								</view>
 							</view>
-							<view v-if="item.count>0" class="fs-24 fc-6 text-align-center mb-12">展开更多评论</view>
+							<view v-if="item.isOpen" class="fs-24 fc-6 text-align-center mb-12" @click="openReply(1,item,i)">展开更多评论</view>
 							<!-- 回复 -->
-							<!-- <view class="list-box flex-justify-space" v-for="(info,index) in 1" :key="index">
-								<image class="list-box-img" src="@/static/img/my/bg.png" mode="scaleToFill"></image>
-								<view class="flex-1">
-									<view class=" flex-justify-space">
-										<view class="p-b-20 b-b-F9F9F9 mr-20">
-											<view class="fs-28 fw-400 fc-9 mb-8">
-												最佳损友最佳损友 <span class='only-box text-align-center fs-24 fc-41ABF5 ml-10'>作者</span>
+							<view class="" v-if="item.replyList.length > 0">
+								<view class="list-box flex-justify-space" v-for="(info,index) in item.replyList" :key="index">
+									<image class="list-box-img" :src="info.head_img" mode="scaleToFill"></image>
+									<view class="flex-1">
+										<view class=" flex-justify-space">
+											<view class="p-b-20 b-b-F9F9F9 mr-20">
+												<view class="fs-28 fw-400 fc-9 mb-8 align-items-center">
+													{{info.nickname}} 
+													<span v-if="info.is_author == 1" class='only-box text-align-center fs-24 fc-41ABF5 ml-10'>作者</span>
+													<view class="ml-10" v-if="info.is_self == 1" @click="delInfo(info)">
+														<uni-icons  type="trash" size="18"></uni-icons>
+													</view>
+												</view>
+												<view class="fs-30 fw-400 mb-8"  @click.stop="openInput(2,info)">
+													{{info.content}}
+												</view>
+												<view class="fs-24 fw-400 fc-9 mb-8">2021-04-17 15:53</view>	
 											</view>
-											<view class="fs-30 fw-400 mb-8"  @click.stop="openInput(1,info)">
-												回关一下啊，这么近这么近这么近这么近这么近这么近
+											<view class="display-flex" @click.stop="handUp(2,info)">
+												<uni-icons type="hand-up" size="20" :color="info.is_like==1?'#FD5C02':'#999'"></uni-icons>
+												<view class="fs-24 fw-400 mt-5" :class="info.is_like==1?'fc-FD5C02':'fc-9'">{{info.like}}</view>
 											</view>
-											<view class="fs-24 fw-400 fc-9 mb-8">2021-04-17 15:53</view>	
-										</view>
-										<view class="display-flex">
-											<uni-icons type="hand-up" size="20" color="#999"></uni-icons>
-											<view class="fs-24 fw-400 fc-9 mt-5">11</view>
 										</view>
 									</view>
 								</view>
-							</view> -->
+								<view v-if="item.replyList.length < item.count" class="fs-24 fc-6 text-align-center mb-12" @click="openReply(2,item,index)">展开更多评论</view>
+							</view>
+							
 						</view>
 					</view>
 					<view v-if="remarkData.list.length < remarkData.total" class="text-align-center fs-26" @click="scrolltolowerList">加载更多评论</view>
@@ -206,7 +211,7 @@
 
 <script>
 	import EnBlank from "@/components/en-utils/en-blank/en-blank";
-	import {getAlumniList,setAlumniLike,getRemarkList,alumniReport,setCreateRemark,setRemarkLike} from '@/api/alumni.js';
+	import {getAlumniList,setAlumniLike,getRemarkList,alumniReport,setCreateRemark,setRemarkLike,delRemark} from '@/api/alumni.js';
 	import {getTopic} from '@/api/category.js';
 	import tools from '@/service/tools';
 	
@@ -236,7 +241,7 @@
 					news_id:'',
 					content:'',
 				},
-				
+				// 一级评论
 				remarkData:{
 					remark_id:'',
 					news_id:'',
@@ -244,7 +249,7 @@
 					list:[],
 					page:1,
 				},
-				// 评论
+				// 发起评论
 				msgData:{
 					news_id:'',
 					remark_id:'',
@@ -252,7 +257,11 @@
 					reply_id:'',
 				},
 				
-				err:'',
+				// 回复评论
+				replyData:{
+					page:1,
+				},
+				
 			}
 		},
 		onShow(){
@@ -339,7 +348,7 @@
 					})
 				}
 			},
-			// 点赞
+			// 点赞公共回复
 			handUpFun(res,item,is_like){
 				if(res.code === 1){
 					item.is_like = is_like;
@@ -355,6 +364,31 @@
 					tools.error(res.msg);
 				}
 			},
+			// 获取回复列表
+			openReply(type,item){
+				// type 1获取其他 2加载更多
+				if(this.isAJAX){
+					return
+				}
+				this.isAJAX = true;
+				if(type == 1){
+					item.replyList = [];
+					this.replyData.page = 1;
+				}else{
+					this.replyData.page += 1;
+				}
+
+				getRemarkList({news_id:item.news_id,remark_id:item.id,page:this.replyData.page}).then((res)=>{
+					if(res.code === 1){
+						this.isAJAX = false;
+						item.replyList = [...item.replyList,...res.data.items];
+						item.isOpen = false;
+					}else{
+						this.isAJAX = false;
+						tools.error(res.msg)
+					}
+				})
+			},
 			// 打开评论
 			openMsg(item){
 				this.remarkData.news_id = item.news_id;
@@ -374,9 +408,15 @@
 						this.remarkData.list = [...this.remarkData.list,...res.data.items];
 						this.remarkData.total = res.data.total;
 						this.remarkData.list.forEach((v)=>{
-							v.isOpne = false;
+							v.replyList = [];
+							if(v.count > 0){
+								v.isOpen = true;
+							}
 						})
 						this.$refs.popmsg.open();
+					}else{
+						this.isAJAX = false;
+						tools.error(res.msg)
 					}
 				})
 			},
@@ -398,9 +438,12 @@
 			openInput(type,item){
 				if(type == 0){
 					this.msgData.remark_id = 0;
-				}else{
+				}else if(type == 1){
 					this.msgData.remark_id = item.id;
 					this.msgData.reply_id = item.m_id;
+				}else{
+					this.msgData.remark_id = item.remark_id;
+					this.msgData.reply_id = item.m_id;
 				}
 				this.isShowIpnut = true;
 			},
@@ -436,11 +479,34 @@
 						},1500)
 					}else{
 						this.isAJAX = false;
-						tools.success(res.msg)
+						tools.error(res.msg)
 					}
 				})
 			},
 			
+			delInfo(item){
+				if(this.isAJAX){
+					return
+				}
+				this.isAJAX = true;
+				delRemark({remark_id:item.id}).then((res)=>{
+					if(res.code === 1){
+						tools.success('删除成功')
+						setTimeout(()=>{
+							this.isAJAX = false;
+							this.remarkData.list = [];
+							this.remarkData.page = 1;
+							this.getMsg();
+							this.list = [];
+							this.fromData.page = 1;
+							this.getList();
+						},1500)
+					}else{
+						this.isAJAX = false;
+						tools.error(res.msg)
+					}
+				})
+			},
 			
 			// 添加贴子
 			add(){
@@ -472,16 +538,12 @@
 								this.closePop(1);
 							},1000)
 						}else{
-							tools.success(res.msg);
+							tools.error(res.msg);
 							this.isAJAX = false;;
 						}
 					})
 				}
 			},
-			share(){
-				this.$refs.popshare.open();
-			},
-			
 			
 			toDet(item){
 				uni.navigateTo({