You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
343 lines
8.7 KiB
343 lines
8.7 KiB
import {
|
|
getMomentDetail,
|
|
getCommentList,
|
|
likeMoment,
|
|
likeComment,
|
|
commentMoment
|
|
} from "../../api/moment"
|
|
const util = require('../../../utils/util')
|
|
const app = getApp()
|
|
// pages/moment/detail/index.js
|
|
Page({
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
id: null,
|
|
safeBottom: app.globalData.safeBottom,
|
|
height: app.globalData.safeFragmentHeight,
|
|
type: 0,
|
|
tabList: [{
|
|
id: 0,
|
|
name: '评论',
|
|
badge: 12
|
|
},
|
|
{
|
|
id: 1,
|
|
name: '系统',
|
|
badge: 0
|
|
}
|
|
],
|
|
tabIndex: 0,
|
|
inputBottom: 0,
|
|
keyboardHeight: 0,
|
|
focus: false,
|
|
comment: '',
|
|
momentDetail: null,
|
|
commentList: [],
|
|
requesting: false,
|
|
finished: false,
|
|
form: {
|
|
pageNum: 1,
|
|
pageSize:15
|
|
},
|
|
maskHidden: false,
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad: function (options) {
|
|
this.data.keyboardHeight = wx.getStorageSync('keyboardHeight')
|
|
if (options.type) {
|
|
this.data.type = Number(options.type)
|
|
}
|
|
this.setData({
|
|
type: this.data.type,
|
|
safeBottom: app.globalData.safeBottom,
|
|
height: app.globalData.safeFragmentHeight - 100
|
|
})
|
|
if (options.id) {
|
|
this.data.id = options.id
|
|
this.data.form.articleId = options.id
|
|
wx.showLoading({
|
|
title: '加载中',
|
|
mask: true
|
|
})
|
|
getMomentDetail(options.id).then(result => {
|
|
this.setData({
|
|
momentDetail: result.data
|
|
})
|
|
this.fetchCommentList()
|
|
wx.hideLoading()
|
|
}).catch(err => {
|
|
wx.hideLoading()
|
|
util.showToast(err)
|
|
})
|
|
}
|
|
},
|
|
onRefreshList: function () {
|
|
if (this.data.requesting) {
|
|
return
|
|
}
|
|
this.setData({
|
|
commentList: [],
|
|
['form.pageNum']: 1,
|
|
finished: false
|
|
})
|
|
this.fetchCommentList()
|
|
},
|
|
fetchCommentList: function () {
|
|
if (this.data.requesting || this.data.finished) {
|
|
return
|
|
}
|
|
this.setData({
|
|
requesting: true
|
|
})
|
|
getCommentList(this.data.id, this.data.form).then(result => {
|
|
if (result.data.records.length) {
|
|
var respList = result.data.records
|
|
let nowList = `commentList[${this.data.commentList.length}]`
|
|
var num = this.data.form.pageNum
|
|
var finished = this.data.form.pageNum >= result.data.pages
|
|
if (num == 1) {
|
|
this.setData({
|
|
commentList: [],
|
|
[nowList]: respList,
|
|
requesting: false,
|
|
['form.pageNum']: (num + 1),
|
|
['momentDetail.replyQuantity']: result.data.total,
|
|
finished
|
|
})
|
|
} else {
|
|
this.setData({
|
|
[nowList]: respList,
|
|
requesting: false,
|
|
['form.pageNum']: (num + 1),
|
|
['momentDetail.replyQuantity']: result.data.total,
|
|
finished
|
|
})
|
|
}
|
|
} else {
|
|
this.setData({
|
|
requesting: false,
|
|
finished: true
|
|
})
|
|
}
|
|
}).catch(err => {
|
|
this.setData({
|
|
requesting: false
|
|
})
|
|
})
|
|
},
|
|
onTabChange: function (e) {
|
|
if (this.data.tabIndex == Number(e.detail.key)) {
|
|
return
|
|
}
|
|
this.data.tabIndex = Number(e.detail.key)
|
|
},
|
|
bindInput: function (e) {
|
|
this.data.comment = e.detail.value
|
|
},
|
|
inputFocus: function (e) {
|
|
if (this.data.keyboardHeight) {
|
|
return
|
|
}
|
|
this.data.keyboardHeight = Number(e.detail.height)
|
|
wx.setStorageSync('keyboardHeight', this.data.keyboardHeight)
|
|
this.setData({
|
|
inputBottom: e.detail.height
|
|
})
|
|
},
|
|
inputBlur: function (e) {
|
|
this.setData({
|
|
inputBottom: 0,
|
|
focus: false
|
|
})
|
|
},
|
|
showComment: function (e) {
|
|
if (!app.globalData.userInfo) {
|
|
wx.navigateTo({
|
|
url: '/pages/login/index'
|
|
})
|
|
return
|
|
}
|
|
if (this.data.keyboardHeight) {
|
|
this.setData({
|
|
focus: true,
|
|
inputBottom: this.data.keyboardHeight
|
|
})
|
|
} else {
|
|
this.setData({
|
|
focus: true
|
|
})
|
|
}
|
|
},
|
|
submitComment: function () {
|
|
if (util.isEmpty(this.data.comment)) {
|
|
util.showToast('请输入评论内容')
|
|
return
|
|
}
|
|
wx.showLoading({
|
|
title: '处理中',
|
|
mask: true
|
|
})
|
|
var form = {
|
|
content: this.data.comment,
|
|
articleId: this.data.id
|
|
}
|
|
commentMoment(form).then(result => {
|
|
this.setData({
|
|
inputBottom: 0,
|
|
focus: false,
|
|
comment: ''
|
|
})
|
|
wx.hideLoading()
|
|
util.showToast('评论成功')
|
|
this.onRefreshList()
|
|
}).catch(error => {
|
|
wx.hideLoading()
|
|
util.showToast(error)
|
|
})
|
|
},
|
|
postLikeComment: function (e) {
|
|
if (!app.globalData.userInfo) {
|
|
wx.navigateTo({
|
|
url: '/pages/login/index'
|
|
})
|
|
return
|
|
}
|
|
var item = this.data.commentList[e.currentTarget.dataset.page][e.currentTarget.dataset.index]
|
|
if (item.isLiked) {
|
|
util.showToast('请勿重复点赞')
|
|
return
|
|
}
|
|
likeComment({
|
|
replyId: item.id
|
|
}).then(result => {
|
|
if (item.isLiked) {
|
|
this.setData({
|
|
['commentList[' + e.currentTarget.dataset.page + '][' + e.currentTarget.dataset.index + '].likeQuantity']: result.data.likeQuantity,
|
|
['commentList[' + e.currentTarget.dataset.page + '][' + e.currentTarget.dataset.index + '].isLiked']: 0
|
|
})
|
|
} else {
|
|
this.setData({
|
|
['commentList[' + e.currentTarget.dataset.page + '][' + e.currentTarget.dataset.index + '].likeQuantity']: result.data.likeQuantity,
|
|
['commentList[' + e.currentTarget.dataset.page + '][' + e.currentTarget.dataset.index + '].isLiked']: 1
|
|
})
|
|
}
|
|
}).catch(error => {
|
|
util.showToast(error)
|
|
})
|
|
},
|
|
likePost: function () {
|
|
if (!app.globalData.userInfo) {
|
|
wx.navigateTo({
|
|
url: '/pages/login/index'
|
|
})
|
|
return
|
|
}
|
|
if (this.data.momentDetail.isLiked) {
|
|
util.showToast('请勿重复点赞')
|
|
return
|
|
}
|
|
likeMoment({
|
|
articleId: this.data.id
|
|
}).then(result => {
|
|
this.setData({
|
|
['momentDetail.likeQuantity']: result.data.likeQuantity,
|
|
['momentDetail.isLiked']: 1
|
|
})
|
|
}).catch(error => {
|
|
util.showToast(error)
|
|
})
|
|
},
|
|
toMill: function () {
|
|
util.navigateTo('/pages/agent/factory/index?id=' + this.data.momentDetail.millPaperId)
|
|
},
|
|
onShareAppMessage: function () {
|
|
var imageUrl = '/assets/image/icon_logo.png'
|
|
if (this.data.momentDetail.imgUrlList && this.data.momentDetail.imgUrlList.length > 0) {
|
|
imageUrl = this.data.momentDetail.imgUrlList[0]
|
|
}
|
|
return {
|
|
title: this.data.momentDetail.title,
|
|
path: 'pages/index/index?url=/pages/article/detail/index&key=id&value=' + this.data.momentDetail.id,
|
|
// imageUrl: this.data.imagePath
|
|
}
|
|
},
|
|
//分享至朋友圈
|
|
onShareTimeline(res) {
|
|
var imageUrl = '/assets/image/icon_logo.png'
|
|
if (this.data.momentDetail.imgUrlList && this.data.momentDetail.imgUrlList.length > 0) {
|
|
imageUrl = this.data.momentDetail.imgUrlList[0]
|
|
}
|
|
return {
|
|
title: this.data.momentDetail.title,
|
|
path: 'pages/index/index?url=/pages/article/detail/index&key=id&value=' + this.data.momentDetail.id,
|
|
imageUrl: imageUrl
|
|
}
|
|
},
|
|
createPoster(){
|
|
|
|
},
|
|
createNewImg() {
|
|
var that = this;
|
|
var context = wx.createCanvasContext('mycanvas');
|
|
|
|
// context.drawImage(path2, 0, 0, 120, 120);
|
|
// context.save(); // 保存当前context的状态
|
|
context.draw();
|
|
//将生成好的图片保存到本地，需要延迟一会，绘制期间耗时
|
|
setTimeout(function () {
|
|
wx.canvasToTempFilePath({
|
|
canvasId: 'mycanvas',
|
|
success: function (res) {
|
|
var tempFilePath = res.tempFilePath;
|
|
that.setData({
|
|
imagePathHb: tempFilePath,
|
|
canvasHidden:true,
|
|
maskHidden: true,
|
|
});
|
|
},
|
|
fail: function (res) {
|
|
console.log(res);
|
|
}
|
|
});
|
|
}, 200);
|
|
|
|
},
|
|
//点击保存到相册
|
|
baocun:function(){
|
|
var that = this
|
|
wx.saveImageToPhotosAlbum({
|
|
filePath: that.data.imagePath,
|
|
|
|
success(res) {
|
|
console.log('filePath',filePath)
|
|
wx.showModal({
|
|
content: '图片已保存到相册，赶紧晒一下吧~',
|
|
showCancel: false,
|
|
confirmText: '好的',
|
|
confirmColor: '#333',
|
|
success: function (res) {
|
|
if (res.confirm) {
|
|
console.log('用户点击确定');
|
|
/* 该隐藏的隐藏 */
|
|
that.setData({
|
|
maskHidden: false
|
|
})
|
|
}
|
|
},fail:function(res){
|
|
console.log(11111)
|
|
}
|
|
})
|
|
}
|
|
})
|
|
},
|
|
coloseHb(){
|
|
console.log(this.data)
|
|
this.setData({
|
|
maskHidden:false
|
|
})
|
|
}
|
|
})
|