455 lines
12 KiB
JavaScript
455 lines
12 KiB
JavaScript
|
// pages/messages/messages.js
|
|||
|
|
import {req} from "../../utils/service";
|
|||
|
|
import {URL} from '../../utils/config';
|
|||
|
|
import { imageUrl } from '../../utils/image';
|
|||
|
|
import{timeFromNow,clipImage} from '../../utils/util';
|
|||
|
|
var QRCode = require('../../utils/qrcode.js');
|
|||
|
|
let qrcode = null;
|
|||
|
|
const {globalData} = getApp();
|
|||
|
|
let leftHeight = 0, rightHeight = 0; //分别定义左右两边的高度
|
|||
|
|
let query,timers={};
|
|||
|
|
Page({
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面的初始数据
|
|||
|
|
*/
|
|||
|
|
data: {
|
|||
|
|
lang:globalData.lang,
|
|||
|
|
loadingState: 1,
|
|||
|
|
currentPage:1,
|
|||
|
|
systemInfo:globalData.systemInfo,
|
|||
|
|
imageUrl,
|
|||
|
|
leftList:[],
|
|||
|
|
rightList:[],
|
|||
|
|
keyword:'',
|
|||
|
|
filterItems: [], //资讯\短视频三级分类
|
|||
|
|
threeIndexs: {
|
|||
|
|
one: '',
|
|||
|
|
two: '',
|
|||
|
|
three: ''
|
|||
|
|
},
|
|||
|
|
threeIds: {
|
|||
|
|
one: '',
|
|||
|
|
two: '',
|
|||
|
|
three: ''
|
|||
|
|
},
|
|||
|
|
infoTypeID:'',
|
|||
|
|
sortShow:false,
|
|||
|
|
sharePanel: [
|
|||
|
|
{ name: '微信', icon: imageUrl.shareWechat, openType: 'share' },
|
|||
|
|
{ name: '朋友圈', icon: imageUrl.shareWechatMoments },
|
|||
|
|
{ name: '复制链接', icon: imageUrl.shareConnection },
|
|||
|
|
{ name: '二维码', icon: imageUrl.shareQRcode }
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面加载
|
|||
|
|
*/
|
|||
|
|
onLoad: function (options) {
|
|||
|
|
if(options.url){
|
|||
|
|
wx.redirectTo({
|
|||
|
|
url:`/pages/link/link?url=${options.url}&needToken=1`
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
let { systemInfo} = this.data,scrollHeight;
|
|||
|
|
scrollHeight = systemInfo.windowHeight - systemInfo.statusBarHeight - 44
|
|||
|
|
// console.log(scrollHeight)
|
|||
|
|
// console.log(wx.getStorageSync('options').role)
|
|||
|
|
this.setData({
|
|||
|
|
scrollHeight,
|
|||
|
|
informationView:wx.getStorageSync('options').role['explorer.informationView'],
|
|||
|
|
informationShare:wx.getStorageSync('options').role['explorer.share'],
|
|||
|
|
})
|
|||
|
|
this.getInfoTypeList()
|
|||
|
|
this.getNewsList()
|
|||
|
|
},
|
|||
|
|
async isLeft(goods,dataType) {
|
|||
|
|
let list = goods,
|
|||
|
|
leftList = this.data.leftList,
|
|||
|
|
rightList = this.data.rightList;
|
|||
|
|
query = wx.createSelectorQuery().in(this)
|
|||
|
|
// 倒计时更新数据列表状态
|
|||
|
|
if (dataType == 'djs') {
|
|||
|
|
await this.getBoxHeight(leftList, rightList);
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
for (const item of list) {
|
|||
|
|
leftHeight <= rightHeight ? leftList.push(item) : rightList.push(item); //判断两边高度，来觉得添加到那边
|
|||
|
|
await this.getBoxHeight(leftList, rightList);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
getBoxHeight(leftList, rightList) { //获取左右两边高度
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
this.setData({
|
|||
|
|
leftList,
|
|||
|
|
rightList
|
|||
|
|
}, () => {
|
|||
|
|
query.select('#left').boundingClientRect();
|
|||
|
|
query.select('#right').boundingClientRect();
|
|||
|
|
query.exec((res) => {
|
|||
|
|
if (res[0] ){
|
|||
|
|
leftHeight = res[0].height; //获取左边列表的高度
|
|||
|
|
rightHeight = res[1].height; //获取右边列表的高度
|
|||
|
|
}
|
|||
|
|
resolve();
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getNewsList(reachBottom = false){
|
|||
|
|
let DOMAIN = wx.getStorageSync('DOMAIN'),{keyword} = this.data
|
|||
|
|
let param = {
|
|||
|
|
keyword: keyword,
|
|||
|
|
currentPage: this.data.currentPage,
|
|||
|
|
pageSize:10,
|
|||
|
|
sourceID: 0,
|
|||
|
|
isinfo: 1,
|
|||
|
|
status: 1,
|
|||
|
|
}
|
|||
|
|
if(this.data.infoTypeID)param.infoTypeID = this.data.infoTypeID
|
|||
|
|
req("GET",URL.getInfoList, param, {}).then(data => {
|
|||
|
|
// console.log(data.list)
|
|||
|
|
data.list.map(c=>{
|
|||
|
|
c.thumb = c.thumb?(/http|https/.test(c.thumb) ? c.thumb : DOMAIN + c.thumb):'';
|
|||
|
|
c.gmtTime = timeFromNow(c.modifyTime*1000)
|
|||
|
|
})
|
|||
|
|
if(!this.data.isTile){
|
|||
|
|
let resArr = [];
|
|||
|
|
for(let i in data.list){
|
|||
|
|
resArr.push(data.list[i])
|
|||
|
|
}
|
|||
|
|
this.isLeft(resArr, '')
|
|||
|
|
}
|
|||
|
|
this.setData({
|
|||
|
|
loadingState: 0,
|
|||
|
|
newsList:reachBottom?[...this.data.newsList,...data.list]:data.list
|
|||
|
|
})
|
|||
|
|
}, err => {
|
|||
|
|
console.log(err);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getInfoTypeList(reachBottom = false){
|
|||
|
|
let param = {
|
|||
|
|
currentPage: 1,
|
|||
|
|
pageSize: 500,
|
|||
|
|
fileType:"folder"
|
|||
|
|
}
|
|||
|
|
req("GET",URL.getInfoTypeList, param, {}).then(data => {
|
|||
|
|
// console.log(data)
|
|||
|
|
let obj = {
|
|||
|
|
infoTypeID:'',
|
|||
|
|
typeName:'全部',
|
|||
|
|
children:[]
|
|||
|
|
}
|
|||
|
|
data.unshift(obj)
|
|||
|
|
this.setData({
|
|||
|
|
filterItems:data
|
|||
|
|
})
|
|||
|
|
}, err => {
|
|||
|
|
showErrMsg(err);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
showFilter(){
|
|||
|
|
this.setData({
|
|||
|
|
sortShow:!this.data.sortShow
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
choseCate: function (e) {
|
|||
|
|
// console.log(e)
|
|||
|
|
let {
|
|||
|
|
type,
|
|||
|
|
index,
|
|||
|
|
id
|
|||
|
|
} = e.currentTarget.dataset, {
|
|||
|
|
threeIndexs,
|
|||
|
|
threeIds
|
|||
|
|
} = this.data;
|
|||
|
|
threeIndexs[type] = index;
|
|||
|
|
threeIds[type] = id;
|
|||
|
|
if (type == 'one') {
|
|||
|
|
threeIndexs.two = '';
|
|||
|
|
threeIndexs.three = '';
|
|||
|
|
threeIds.two = '';
|
|||
|
|
threeIds.three = '';
|
|||
|
|
}
|
|||
|
|
if (type == 'two') {
|
|||
|
|
threeIndexs.three = '';
|
|||
|
|
threeIds.three = '';
|
|||
|
|
}
|
|||
|
|
this.setData({
|
|||
|
|
threeIndexs,
|
|||
|
|
threeIds,
|
|||
|
|
infoTypeID:id,
|
|||
|
|
currentPage:1,
|
|||
|
|
leftList:[],
|
|||
|
|
rightList:[]
|
|||
|
|
})
|
|||
|
|
this.getNewsList()
|
|||
|
|
},
|
|||
|
|
choseType(e){
|
|||
|
|
let {type} = e.currentTarget.dataset
|
|||
|
|
this.setData({
|
|||
|
|
isTile:type==1?1:0,
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
searchFiles(e){
|
|||
|
|
let keyword = e.detail.value
|
|||
|
|
this.setData({
|
|||
|
|
currentPage:1,
|
|||
|
|
keyword,
|
|||
|
|
leftList:[],
|
|||
|
|
rightList:[]
|
|||
|
|
})
|
|||
|
|
this.getNewsList()
|
|||
|
|
},
|
|||
|
|
goToInfoDetail(e){
|
|||
|
|
let {infoID,infoUrl} = e.currentTarget.dataset.item,DOMAIN = wx.getStorageSync('DOMAIN'),{informationView} = this.data,
|
|||
|
|
url = DOMAIN +'/pubinfo/'+infoID+'.shtml'
|
|||
|
|
if(!informationView){
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '暂无权限',
|
|||
|
|
icon:'none'
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
if(infoUrl){
|
|||
|
|
wx.showModal({
|
|||
|
|
title: '小程序暂不支持打开外链资讯，请复制链接在浏览器打开',
|
|||
|
|
confirmText:'复制',
|
|||
|
|
complete: (res) => {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
console.log(infoUrl)
|
|||
|
|
wx.setClipboardData({
|
|||
|
|
data: infoUrl,
|
|||
|
|
success:res => {
|
|||
|
|
wx.showToast({
|
|||
|
|
title:'复制成功'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
wx.setStorageSync('needRefresh', 1)
|
|||
|
|
wx.navigateTo({
|
|||
|
|
url: '/pages/newsLink/newsLink?url='+url+'&needToken=1'
|
|||
|
|
})
|
|||
|
|
wx.setStorageSync('news',e.currentTarget.dataset.item)
|
|||
|
|
},
|
|||
|
|
getQrcode(){
|
|||
|
|
let {shareLink} = this.data,token = encodeURIComponent(wx.getStorageSync('token')),
|
|||
|
|
str = shareLink
|
|||
|
|
qrcode = new QRCode('myQrcode', {
|
|||
|
|
usingIn: this,
|
|||
|
|
text: str,
|
|||
|
|
width: 200,
|
|||
|
|
height: 200,
|
|||
|
|
padding: 20,
|
|||
|
|
colorDark: "#000000",
|
|||
|
|
colorLight: "#ffffff",
|
|||
|
|
correctLevel: QRCode.CorrectLevel.H,
|
|||
|
|
})
|
|||
|
|
setTimeout(() => {
|
|||
|
|
wx.canvasToTempFilePath({
|
|||
|
|
canvasId: 'myQrcode',
|
|||
|
|
success:res=>{
|
|||
|
|
this.setData({
|
|||
|
|
shareQrcode:res.tempFilePath
|
|||
|
|
})
|
|||
|
|
},fail(err){
|
|||
|
|
console.log(err)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}, 1000);
|
|||
|
|
},
|
|||
|
|
showShare(e){
|
|||
|
|
let {infoID,title,thumb} = e.currentTarget.dataset.item,DOMAIN = wx.getStorageSync('DOMAIN'),
|
|||
|
|
url = DOMAIN +'/pubinfo/'+infoID+'.shtml',that = this
|
|||
|
|
wx.getImageInfo({
|
|||
|
|
src: thumb?thumb:this.data.imageUrl.newsEmpty, // 这里填写网络图片路径
|
|||
|
|
success: (res) => {
|
|||
|
|
// 这个是我封装的裁剪图片方法（下面将会说到）
|
|||
|
|
that.clipImage(res.path, res.width, res.height, (img) => {
|
|||
|
|
that.setData({
|
|||
|
|
shareImage:img
|
|||
|
|
})
|
|||
|
|
// console.log(img); // img为最终裁剪后生成的图片路径，我们可以用来做为转发封面图
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:true,
|
|||
|
|
shareLink:url,
|
|||
|
|
shareTitle:title,
|
|||
|
|
shareCover:thumb?thumb:this.data.imageUrl.newsEmpty
|
|||
|
|
})
|
|||
|
|
this.getQrcode()
|
|||
|
|
},
|
|||
|
|
closeShare(){
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
onSelect(e){
|
|||
|
|
let {index} = e.currentTarget.dataset
|
|||
|
|
if(index == 1){
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:false,
|
|||
|
|
showTips:true
|
|||
|
|
})
|
|||
|
|
}else if(index==2){
|
|||
|
|
this.copyLink()
|
|||
|
|
}else if(index==3){
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:false,
|
|||
|
|
showQrcode:true
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
showTips(){
|
|||
|
|
this.setData({
|
|||
|
|
showTips:false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
closeShareQrcode(){
|
|||
|
|
this.setData({
|
|||
|
|
showQrcode:false,
|
|||
|
|
shareShow:false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
saveShareQrcode:function(e){
|
|||
|
|
wx.saveImageToPhotosAlbum({
|
|||
|
|
filePath: this.data.shareQrcode,
|
|||
|
|
success: () => {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '保存成功！',
|
|||
|
|
})
|
|||
|
|
this.closeShareQrcode();
|
|||
|
|
},
|
|||
|
|
fail:res=>{
|
|||
|
|
openSaveImageSetting();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
copyLink(){
|
|||
|
|
let {shareLink} = this.data,token = encodeURIComponent(wx.getStorageSync('token')),
|
|||
|
|
str = shareLink
|
|||
|
|
wx.setClipboardData({
|
|||
|
|
data: str,
|
|||
|
|
success:res => {
|
|||
|
|
wx.showToast({
|
|||
|
|
title:'复制成功'
|
|||
|
|
});
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:false
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面初次渲染完成
|
|||
|
|
*/
|
|||
|
|
onReady: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面显示
|
|||
|
|
*/
|
|||
|
|
onShow: function () {
|
|||
|
|
this.setData({
|
|||
|
|
currentPage:1,
|
|||
|
|
leftList:[],
|
|||
|
|
rightList:[]
|
|||
|
|
})
|
|||
|
|
// this.getNewsList()
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面隐藏
|
|||
|
|
*/
|
|||
|
|
onHide: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面卸载
|
|||
|
|
*/
|
|||
|
|
onUnload: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|||
|
|
*/
|
|||
|
|
onPullDownRefresh: function () {
|
|||
|
|
this.setData({
|
|||
|
|
currentPage:1,
|
|||
|
|
})
|
|||
|
|
if(!this.data.isTile){
|
|||
|
|
this.setData({
|
|||
|
|
leftList:[],
|
|||
|
|
rightList:[]
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
this.getNewsList()
|
|||
|
|
this.setData({isPullDownRefresh:true})
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.setData({isPullDownRefresh:false})
|
|||
|
|
}, 1000);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面上拉触底事件的处理函数
|
|||
|
|
*/
|
|||
|
|
onReachBottom: function () {
|
|||
|
|
this.setData({currentPage:this.data.currentPage+1})
|
|||
|
|
this.getNewsList(true)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 用户点击右上角分享
|
|||
|
|
*/
|
|||
|
|
onShareAppMessage: function (e) {
|
|||
|
|
console.log(e)
|
|||
|
|
if(e.from=='menu'){
|
|||
|
|
return{
|
|||
|
|
path:`/pages/news/news`,
|
|||
|
|
title:'资讯列表',
|
|||
|
|
imageUrl:this.data.imageUrl.newsEmpty
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let {shareTitle,shareImage} = this.data
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:false
|
|||
|
|
})
|
|||
|
|
let path = `/pages/link/link?url=${this.data.shareLink}&needToken=1`;
|
|||
|
|
return{
|
|||
|
|
path,
|
|||
|
|
title:shareTitle,
|
|||
|
|
imageUrl:shareImage
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShareTimeline:function (e) {
|
|||
|
|
let path = `url=${this.data.shareLink}`;
|
|||
|
|
let {shareTitle,shareCover} = this.data
|
|||
|
|
if(e.from=='menu'&&!shareTitle){
|
|||
|
|
return{
|
|||
|
|
path:`/pages/news/news`,
|
|||
|
|
title:'资讯列表',
|
|||
|
|
imageUrl:this.data.imageUrl.newsEmpty
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return{
|
|||
|
|
query:path,
|
|||
|
|
title:shareTitle,
|
|||
|
|
imageUrl:shareCover
|
|||
|
|
}
|
|||
|
|
},clipImage
|
|||
|
|
})
|