|
@@ -10,30 +10,32 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="ndbfox flexc">
|
|
|
- <view class="flexcc ndbflist">
|
|
|
+ <view class="flexcc ndbflist" @click="getHfFn">
|
|
|
<image :src="nicona"></image>
|
|
|
- <view>32</view>
|
|
|
+ <view>{{datainfo.userComment}}</view>
|
|
|
</view>
|
|
|
- <view class="flexcc ndbflist">
|
|
|
- <image :src="niconb"></image>
|
|
|
- <view>32</view>
|
|
|
+ <view class="flexcc ndbflist" @click="getDzFn('1')">
|
|
|
+ <image :src="nicond" v-if="datainfo.isLike=='Y'"></image>
|
|
|
+ <image :src="niconb" v-else></image>
|
|
|
+ <view>{{datainfo.userLikes}}</view>
|
|
|
</view>
|
|
|
- <view class="flexcc ndbflist">
|
|
|
- <image :src="niconc"></image>
|
|
|
- <view>32</view>
|
|
|
+ <view class="flexcc ndbflist" @click="getScFn('1')">
|
|
|
+ <image :src="starb" v-if="datainfo.isStar=='Y'"></image>
|
|
|
+ <image :src="niconc" v-else></image>
|
|
|
+ <view>{{datainfo.userStars}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="ndbox mb12 plr15">
|
|
|
<view class="pltit">评论<text>({{commenttotal}})</text></view>
|
|
|
<!-- 评论列表 -->
|
|
|
- <box-list :datainfo="commentlist" type="comment" @getZhanFn="getZhanFn"></box-list>
|
|
|
+ <box-list :datainfo="commentlist" type="comment" @getZhanFn="getZhanFn" @getShouFn="getShouFn" @getDzFn="getplDzFn" @getHfFn="getplHfFn"></box-list>
|
|
|
</view>
|
|
|
<!-- 评论 -->
|
|
|
<view class="pjfbtn">
|
|
|
<view class="flexc pjfbox">
|
|
|
- <uni-easyinput type="textarea" autoHeight v-model="text" :inputBorder='false' placeholder="发表我的评论…" />
|
|
|
- <view class="btns">发送</view>
|
|
|
+ <uni-easyinput :focus="isfocus" type="textarea" autoHeight v-model="text" :inputBorder='false' placeholder="发表我的评论…" />
|
|
|
+ <view class="btns" @click="getPinLunFn">发送</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<loading></loading>
|
|
@@ -56,6 +58,7 @@
|
|
|
niconc:require('@/news/static/news/niconc.png'),
|
|
|
nicond:require('@/news/static/news/nicond.png'),
|
|
|
nicone:require('@/news/static/news/nicone.png'),
|
|
|
+ starb:require('@/news/static/news/starb.png'),
|
|
|
head:require('@/news/static/news/head.png'),
|
|
|
upimg:require('@/mine/static/house/up.png'),
|
|
|
baseUrl:config.baseUrl,
|
|
@@ -69,11 +72,17 @@
|
|
|
commenttotal:"0",
|
|
|
pageSize: 10,
|
|
|
pageNum: 1,
|
|
|
+ userId:this.$store.state.user.userId,
|
|
|
+ nickName:this.$store.state.user.nickName,
|
|
|
+ avatar:this.$store.state.user.avatar,
|
|
|
+ isRoot:'1',//isRoot,根评论id 1:根评论 2:子评论
|
|
|
+ isfocus:false,
|
|
|
+ plinfo:'',//二级评论信息
|
|
|
}
|
|
|
},
|
|
|
onLoad: function(e) {
|
|
|
this.id=e.id;
|
|
|
- // this.getDetailFn();
|
|
|
+ this.getDetailFn();
|
|
|
this.getRootComment()
|
|
|
},
|
|
|
// 上拉触底加载更多触发事件
|
|
@@ -102,19 +111,157 @@
|
|
|
var idx=obj.idx;
|
|
|
var list=JSON.parse(JSON.stringify(this.commentlist))[idx]
|
|
|
var params={
|
|
|
- parentId:obj.id,
|
|
|
- pageSize:obj.pageSize,
|
|
|
- pageNum: obj.pageNum,
|
|
|
+ parentId:list.id,
|
|
|
+ pageSize:list.pageSize,
|
|
|
+ pageNum: list.pageNum,
|
|
|
}
|
|
|
getParentComment(params).then(res=>{
|
|
|
if(res.code==200){
|
|
|
var reachflag=true;
|
|
|
- var data=JSON.parse(JSON.stringify(res.data))
|
|
|
+ if (res.data.length < obj.pageSize) {
|
|
|
+ list.reachflag = false
|
|
|
+ } else {
|
|
|
+ var num = parseInt(res.data.length) + parseInt(obj.pageSize) * parseInt(obj.pageNum - 1)
|
|
|
+ if (num < obj.childrenListCount) {
|
|
|
+ list.reachflag = true
|
|
|
+ } else {
|
|
|
+ list.reachflag = false
|
|
|
+ }
|
|
|
+ }
|
|
|
list.childrenList=list.childrenList.concat(res.data)
|
|
|
- this.commentlist.splice(idx,0,list)
|
|
|
+ list.pageNum=obj.pageNum++
|
|
|
+ this.commentlist.splice(idx,1,list)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 点赞
|
|
|
+ getDzFn(type,info){
|
|
|
+ var params={
|
|
|
+ userId:this.userId,
|
|
|
+ nickName:this.nickName,
|
|
|
+ avatar:this.avatar,
|
|
|
+ targetType:type,
|
|
|
+ }
|
|
|
+ if(type==1){
|
|
|
+ params.targetId=this.id;
|
|
|
+ params.targetTitle=this.datainfo.communityTitle;
|
|
|
+ }else {
|
|
|
+ params.targetId=info.id;
|
|
|
+ params.targetTitle=info.content;
|
|
|
+ }
|
|
|
+ giveTheThumbs(params).then(res=>{
|
|
|
+ if(res.code==200){
|
|
|
+ if(type==1){
|
|
|
+ if(this.datainfo.isLike=='Y'){
|
|
|
+ this.$toast("取消点赞成功");
|
|
|
+ this.datainfo.isLike='N';
|
|
|
+ this.datainfo.userLikes--;
|
|
|
+ }else{
|
|
|
+ this.$toast("点赞成功");
|
|
|
+ this.datainfo.isLike='Y';
|
|
|
+ this.datainfo.userLikes--;
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ var idx=info.idx;
|
|
|
+ var aidx=info.aidx;
|
|
|
+ var atype=info.atype;
|
|
|
+ var obj=JSON.parse(JSON.stringify(this.commentlist))[idx];
|
|
|
+ if(atype&&atype=='ejdz'){
|
|
|
+ var erobj=obj.childrenList[aidx];
|
|
|
+ if(erobj.isLike=='Y'){
|
|
|
+ this.$toast("取消点赞成功");
|
|
|
+ erobj.isLike='N';
|
|
|
+ }else{
|
|
|
+ this.$toast("点赞成功");
|
|
|
+ erobj.isLike='Y';
|
|
|
+ }
|
|
|
+ obj.childrenList[aidx]=JSON.parse(JSON.stringify(erobj))
|
|
|
+ this.commentlist.splice(idx,1,obj)
|
|
|
+ }else{
|
|
|
+ if(obj.isLike=='Y'){
|
|
|
+ this.$toast("取消点赞成功");
|
|
|
+ obj.isLike='N';
|
|
|
+ }else{
|
|
|
+ this.$toast("点赞成功");
|
|
|
+ obj.isLike='Y';
|
|
|
+ }
|
|
|
+ this.commentlist.splice(idx,1,obj)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getplDzFn(data){
|
|
|
+ var info=JSON.parse(JSON.stringify(data))
|
|
|
+ console.log(info,1)
|
|
|
+ this.getDzFn('2',info)
|
|
|
+ },
|
|
|
+ // 收藏
|
|
|
+ getScFn(type){
|
|
|
+ var params={
|
|
|
+ userId:this.userId,
|
|
|
+ nickName:this.nickName,
|
|
|
+ avatar:this.avatar,
|
|
|
+ targetType:1,//目标类型(1:社区 2:党建 )
|
|
|
+ }
|
|
|
+ params.targetId=this.id;
|
|
|
+ params.targetTitle=this.datainfo.communityTitle;
|
|
|
+ getStars(params).then(res=>{
|
|
|
+ if(res.code==200){
|
|
|
+ if(this.datainfo.isStar=='Y'){
|
|
|
+ this.$toast("取消收藏成功");
|
|
|
+ this.datainfo.isStar='N';
|
|
|
+ this.datainfo.userStars--;
|
|
|
+ }else{
|
|
|
+ this.$toast("收藏成功");
|
|
|
+ this.datainfo.isStar='Y';
|
|
|
+ this.datainfo.userStars++
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 评论回复
|
|
|
+ getHfFn(data){
|
|
|
+ this.isRoot='1';
|
|
|
+ this.isfocus=true;
|
|
|
+ },
|
|
|
+ getplHfFn(data){
|
|
|
+ this.plinfo=JSON.parse(JSON.stringify(data))
|
|
|
+ this.isRoot='2';
|
|
|
+ this.isfocus=true;
|
|
|
+ },
|
|
|
+ getPinLunFn(){
|
|
|
+ var params={
|
|
|
+ userId:this.userId,
|
|
|
+ nickName:this.nickName,
|
|
|
+ avatar:this.avatar,
|
|
|
+ isRoot:this.isRoot,
|
|
|
+ communityId:this.id,
|
|
|
+ communityType:this.datainfo.communityType,
|
|
|
+ commentContent:this.text
|
|
|
+ }
|
|
|
+
|
|
|
+ if(this.isRoot==2){
|
|
|
+ var info=JSON.parse(JSON.stringify(this.plinfo))
|
|
|
+ params.parentId=info.parentId;
|
|
|
+ params.toUserId=info.toUserId;
|
|
|
+ params.toNickName=info.toNickName;
|
|
|
+ params.toAvatar=info.toAvatar;
|
|
|
+ }
|
|
|
+ commentIndex(params).then(res=>{
|
|
|
+ if(res.code==200){
|
|
|
+ this.$toast('评论成功,等待审核')
|
|
|
+ this.text='';
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ getShouFn(idx){
|
|
|
+ var list=JSON.parse(JSON.stringify(this.commentlist))[idx];
|
|
|
+ list.childrenList=[];
|
|
|
+ list.pageNum=1;
|
|
|
+ list.reachflag=true;
|
|
|
+ this.commentlist.splice(idx,1,list)
|
|
|
+ },
|
|
|
getRootComment(){
|
|
|
var that=this;
|
|
|
var params={
|
|
@@ -150,6 +297,7 @@
|
|
|
} else {
|
|
|
this.commentlist = this.list.concat(newArr)
|
|
|
}
|
|
|
+ console.log(this.commentlist)
|
|
|
}
|
|
|
})
|
|
|
},
|