|
|
|
|
@ -1,3 +1,4 @@
|
|
|
|
|
const db = wx.cloud.database().collection("comment")
|
|
|
|
|
Page({
|
|
|
|
|
data: {
|
|
|
|
|
//评论数据
|
|
|
|
|
@ -86,6 +87,58 @@ Page({
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//顶部评论框提交内容时触发
|
|
|
|
|
bindconfirm(e) {
|
|
|
|
|
var comment_text = e.detail.value //判断用户是否输入内容为空
|
|
|
|
|
if (comment_text == '') { //用户评论输入内容为空时弹出
|
|
|
|
|
wx.showToast({
|
|
|
|
|
title: '请输入内容', //提示内容
|
|
|
|
|
icon: 'none' })
|
|
|
|
|
} else {
|
|
|
|
|
var date = new Date(); //创建时间对象
|
|
|
|
|
var year = date.getFullYear(); //获取年
|
|
|
|
|
var month = date.getMonth() + 1; //获取月
|
|
|
|
|
var day = date.getDate(); //获取日
|
|
|
|
|
var hour = date.getHours(); //获取时
|
|
|
|
|
var minute = date.getMinutes(); //获取分
|
|
|
|
|
var second = date.getSeconds(); //获取秒
|
|
|
|
|
var time = `${year}年${month}月${day}日${hour}时${minute}分${second}秒`; //当前时间
|
|
|
|
|
var comment_list = this.data.comment_list; //获取data中的评论列表
|
|
|
|
|
var comment_list2 = this.data.comment_list2; //获取data中的回复列表
|
|
|
|
|
var userinfo = this.data.userinfo; //获取当前的用户信息
|
|
|
|
|
var comment_user_name = userinfo.nickName //用户昵称
|
|
|
|
|
var comment_user_avatar = userinfo.avatarUrl //用户头像 //
|
|
|
|
|
var reply_id = this.data.reply_id //获取当前输入评论的id
|
|
|
|
|
var comment_list_length = comment_list.length; //获取当前评论数组的长度
|
|
|
|
|
var last_id = comment_list[comment_list_length - 1].comment_id; //获取最后一个评论的id
|
|
|
|
|
var comment_list2_length = comment_list2.length; //获取回复数组的长度
|
|
|
|
|
var last_id2 = comment_list2[comment_list2_length - 1].comment_id; //获取最后回复id
|
|
|
|
|
var new_id = last_id > last_id2 ? last_id + 1 : last_id2 + 1; //赋值当前评论的id
|
|
|
|
|
var reply_name = null;
|
|
|
|
|
var parent_id = 0;
|
|
|
|
|
var reply_id = this.data.now_reply; //获取当前输入评论的id
|
|
|
|
|
var comment_detail = {} //声明一个评论/回复对象
|
|
|
|
|
comment_detail.comment_id = new_id; //评论Id
|
|
|
|
|
comment_detail.comment_user_name = comment_user_name; //用户昵称
|
|
|
|
|
comment_detail.comment_user_avatar = comment_user_avatar; //用户头像
|
|
|
|
|
comment_detail.comment_text = comment_text; //评论内容
|
|
|
|
|
comment_detail.comment_time = time; //评论时间
|
|
|
|
|
comment_detail.reply_id = reply_id; //回复谁的评论的id
|
|
|
|
|
comment_detail.parent_id = parent_id; //评论所属哪个评论id
|
|
|
|
|
comment_detail.reply_name = reply_name; //回复评论人的昵称
|
|
|
|
|
comment_list.unshift(comment_detail);
|
|
|
|
|
this.setData({
|
|
|
|
|
value: null, //评论内容
|
|
|
|
|
now_reply: 0, //当前点击的评论id
|
|
|
|
|
now_reply_name: null, //当前点击的评论的用户昵称
|
|
|
|
|
now_reply_type: 0, //评论类型
|
|
|
|
|
now_parent_id: 0, //当前点击的评论所属哪个评论id
|
|
|
|
|
placeholder2: "说点什么，让ta也认识看笔记的你", //输入框占字符
|
|
|
|
|
comment_list //评论列表
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//点击用户评论或回复时触发
|
|
|
|
|
replyComment(e) {
|
|
|
|
|
var cid = e.currentTarget.dataset.cid; //当前点击的评论id
|
|
|
|
|
@ -111,7 +164,6 @@ Page({
|
|
|
|
|
//用户评论输入内容为空时弹出
|
|
|
|
|
wx.showToast({
|
|
|
|
|
title: '请输入内容', //提示内容
|
|
|
|
|
icon: 'none' //提示图标
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
var date = new Date(); //创建时间对象
|
|
|
|
|
@ -122,19 +174,23 @@ Page({
|
|
|
|
|
var minute = date.getMinutes(); //获取分
|
|
|
|
|
var second = date.getSeconds(); //获取秒
|
|
|
|
|
var time = `${year}年${month}月${day}日${hour}时${minute}分${second}秒`; //当前时间
|
|
|
|
|
var userinfo = this.data.userinfo; //获取当前的用户信息
|
|
|
|
|
var comment_user_name = userinfo.nickName //用户昵称
|
|
|
|
|
var comment_user_avatar = userinfo.avatarUrl //用户头像
|
|
|
|
|
var reply_name = null; //回复评论用户的昵称
|
|
|
|
|
var parent_id = 0; //评论所属哪个评论的id
|
|
|
|
|
var reply_id = this.data.now_reply; //回复谁的评论id
|
|
|
|
|
|
|
|
|
|
var comment_list = this.data.comment_list; //获评论数据
|
|
|
|
|
var comment_list2 = this.data.comment_list2; //获取回复数据
|
|
|
|
|
|
|
|
|
|
var comment_list_length = comment_list.length; //获取当前评论数组的长度
|
|
|
|
|
var last_id = comment_list[comment_list_length - 1].comment_id; //获取最后一个评论的id
|
|
|
|
|
var comment_list2_length = comment_list2.length; //获取回复数组的长度
|
|
|
|
|
var last_id2 = comment_list2[comment_list2_length - 1].comment_id; //获取最后回复的id
|
|
|
|
|
var new_id = last_id > last_id2 ? last_id + 1 : last_id2 + 1; //当前将要发表的评论的id
|
|
|
|
|
var userinfo = this.data.userinfo; //获取当前的用户信息
|
|
|
|
|
var comment_user_name = userinfo.nickName //用户昵称
|
|
|
|
|
var comment_user_avatar = userinfo.avatarUrl //用户头像
|
|
|
|
|
var reply_name = null; //回复评论用户的昵称
|
|
|
|
|
var parent_id = 0; //评论所属哪个评论的id
|
|
|
|
|
var reply_id = this.data.now_reply; //回复谁的评论id
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//通过回复谁的评论id判断现在是评论还是回复
|
|
|
|
|
if(reply_id != 0) {
|
|
|
|
|
//现在是回复
|
|
|
|
|
@ -145,7 +201,6 @@ Page({
|
|
|
|
|
parent_id = this.data.now_reply; //回复评论所属评论id
|
|
|
|
|
reply_name = this.data.now_reply_name; //回复评论用户昵称
|
|
|
|
|
} else {
|
|
|
|
|
//回复回复
|
|
|
|
|
parent_id = this.data.now_parent_id; //回复评论所属评论id
|
|
|
|
|
reply_name = this.data.now_reply_name; //回复评论用户昵称
|
|
|
|
|
}
|
|
|
|
|
@ -161,8 +216,9 @@ Page({
|
|
|
|
|
comment_detail.reply_id = reply_id; //回复谁的评论的id
|
|
|
|
|
comment_detail.parent_id = parent_id; //评论所属哪个评论id
|
|
|
|
|
comment_detail.reply_name = reply_name; //回复评论人的昵称
|
|
|
|
|
|
|
|
|
|
//判断parent_id是否为0 为0就是评论 不为0就是回复
|
|
|
|
|
if(comment_detail.parent_id > 0) {
|
|
|
|
|
if(comment_detail.parent_id != 0) {
|
|
|
|
|
//回复
|
|
|
|
|
comment_list2.unshift(comment_detail);
|
|
|
|
|
} else {
|
|
|
|
|
@ -177,9 +233,8 @@ Page({
|
|
|
|
|
now_reply_name: null, //当前点击的评论的用户昵称
|
|
|
|
|
now_reply_type: 0, //评论类型
|
|
|
|
|
now_parent_id: 0, //当前点击的评论所属哪个评论id
|
|
|
|
|
placeholder: "说点什么...", //输入框占字符
|
|
|
|
|
placeholder: "什么...", //输入框占字符
|
|
|
|
|
//将加入新数据的数组渲染到页面
|
|
|
|
|
comment_list, //评论列表
|
|
|
|
|
comment_list2 //回复列表
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
@ -203,18 +258,14 @@ blur(e) {
|
|
|
|
|
//获取输入框内容
|
|
|
|
|
getCommentText(e) {
|
|
|
|
|
var val = e.detail.value;
|
|
|
|
|
wx.cloud.callFunction({
|
|
|
|
|
name:"sendComment",
|
|
|
|
|
data:{
|
|
|
|
|
comment :val
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
this.setData({
|
|
|
|
|
comment_text: val
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//顶部评论框提交内容时触发
|
|
|
|
|
bindconfirm(e) {
|
|
|
|
|
var comment_text = e.detail.value
|
|
|
|
|
var comment_list = this.data.comment_list;
|
|
|
|
|
var comment_detail = {}
|
|
|
|
|
comment_list.unshift(comment_detail);
|
|
|
|
|
this.setData({
|
|
|
|
|
value: null })
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
孔维屿
1 year ago