495 lines
15 KiB
JavaScript
495 lines
15 KiB
JavaScript
|
// pages/sharePage/sharePage.js
|
|||
|
|
import {req} from '../../utils/service';
|
|||
|
|
import {URL} from '../../utils/config';
|
|||
|
|
import {encrypt,randomNumber,isEmptyObject,getTimetamp,timeFormat,openSaveImageSetting} from "../../utils/util";
|
|||
|
|
import {imageUrl} from '../../utils/image';
|
|||
|
|
var QRCode = require('../../utils/qrcode.js');
|
|||
|
|
let qrcode = null;
|
|||
|
|
var datePicker = require('../../utils/dateSetting.js')
|
|||
|
|
//设定当前的时间，将其设定为常量
|
|||
|
|
const date = new Date();
|
|||
|
|
const year = date.getFullYear();
|
|||
|
|
const month = date.getMonth() + 1;
|
|||
|
|
Page({
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面的初始数据
|
|||
|
|
*/
|
|||
|
|
data: {
|
|||
|
|
imageUrl,
|
|||
|
|
shareShow:false,
|
|||
|
|
timeShow:false,
|
|||
|
|
downShow:false,
|
|||
|
|
customTime: '',
|
|||
|
|
multiArray: [],
|
|||
|
|
multiIndex: [0, 0, 0, 0, 0],
|
|||
|
|
choose_year: "",
|
|||
|
|
sharePanel: [
|
|||
|
|
{ name: '微信', icon: imageUrl.shareWechat, openType: 'share' },
|
|||
|
|
{ name: '朋友圈', icon: imageUrl.shareWechatMoments },
|
|||
|
|
{ name: '复制链接', icon: imageUrl.shareConnection },
|
|||
|
|
{ name: '二维码', icon: imageUrl.shareQRcode }
|
|||
|
|
],
|
|||
|
|
timeArr:[
|
|||
|
|
{
|
|||
|
|
name:'7天',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'14天',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'永久有效',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'设定到期时间',
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
downArr:[
|
|||
|
|
{
|
|||
|
|
name:'不限制',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'禁止下载',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'自定义下载次数',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
selectTimeIndex:2,
|
|||
|
|
downIndex:0,
|
|||
|
|
downNum:0,
|
|||
|
|
moreShow:true,
|
|||
|
|
isShare:0
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面加载
|
|||
|
|
*/
|
|||
|
|
onLoad: function (options) {
|
|||
|
|
if(options.shareHash){
|
|||
|
|
if(wx.getEnterOptionsSync().scene==1154){
|
|||
|
|
this.setData({
|
|||
|
|
isShare: 1,
|
|||
|
|
})
|
|||
|
|
}else if(wx.getEnterOptionsSync().scene==1155){
|
|||
|
|
this.setData({
|
|||
|
|
isShare: 2,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
console.log(options.shareHash)
|
|||
|
|
wx.redirectTo({
|
|||
|
|
url:`/pages/link/link?shareHash=${encodeURIComponent(options.shareHash)}&DOMAIN=${options.DOMAIN}`
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
// let dataList = JSON.parse(decodeURIComponent(options.item))
|
|||
|
|
let dataList = wx.getStorageSync('shareFile')
|
|||
|
|
let DOMAIN = wx.getStorageSync("DOMAIN"),userID = wx.getStorageSync('userID'),
|
|||
|
|
shareHash = encodeURIComponent(encrypt(dataList.sourceID+'&&'+userID)),
|
|||
|
|
shareLink = DOMAIN+'/#/sharePage/'+shareHash
|
|||
|
|
let years = [year]
|
|||
|
|
for(var i = 0;i<100;i++){
|
|||
|
|
years.push(year+i)
|
|||
|
|
}
|
|||
|
|
this.setData({
|
|||
|
|
dataList:dataList,
|
|||
|
|
shareHash,
|
|||
|
|
shareLink,
|
|||
|
|
title:dataList.name,
|
|||
|
|
timeToText:'永久有效',
|
|||
|
|
multiArray:
|
|||
|
|
[
|
|||
|
|
years,
|
|||
|
|
datePicker.determineMonth(),
|
|||
|
|
datePicker.determineDay(year, month),
|
|||
|
|
datePicker.determineHour(),
|
|||
|
|
datePicker.determineMinute()
|
|||
|
|
],
|
|||
|
|
customTime:this.timeFormat('yyyy-MM-dd hh:mm',Date.parse(new Date())),
|
|||
|
|
shareLinkAllowGuest:wx.getStorageSync('options').markConfig.shareLinkAllowGuest
|
|||
|
|
})
|
|||
|
|
this.getShareInfo(dataList.sourceID)
|
|||
|
|
},
|
|||
|
|
//最后呈现时间的函数。
|
|||
|
|
bindMultiPickerChange: function (e) {
|
|||
|
|
//年
|
|||
|
|
var dateStr = this.data.multiArray[0][this.data.multiIndex[0]] +"-";
|
|||
|
|
//月
|
|||
|
|
if(this.data.multiArray[1][this.data.multiIndex[1]]<10)
|
|||
|
|
{
|
|||
|
|
dateStr=dateStr+"0"+this.data.multiArray[1][this.data.multiIndex[1]] +"-";
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
dateStr=dateStr+this.data.multiArray[1][this.data.multiIndex[1]] +"-";
|
|||
|
|
}
|
|||
|
|
//日
|
|||
|
|
if(this.data.multiArray[2][this.data.multiIndex[2]]<10)
|
|||
|
|
{
|
|||
|
|
dateStr=dateStr+"0"+this.data.multiArray[2][this.data.multiIndex[2]]+" ";
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
dateStr=dateStr+this.data.multiArray[2][this.data.multiIndex[2]]+" ";
|
|||
|
|
}
|
|||
|
|
//时
|
|||
|
|
if(this.data.multiArray[3][this.data.multiIndex[3]]<10)
|
|||
|
|
{
|
|||
|
|
dateStr=dateStr+"0"+this.data.multiArray[3][this.data.multiIndex[3]]+":";
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
dateStr=dateStr+this.data.multiArray[3][this.data.multiIndex[3]]+":";
|
|||
|
|
}
|
|||
|
|
if(this.data.multiArray[4][this.data.multiIndex[4]]<10)
|
|||
|
|
{
|
|||
|
|
dateStr=dateStr+"0"+this.data.multiArray[4][this.data.multiIndex[4]];
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
dateStr=dateStr+this.data.multiArray[4][this.data.multiIndex[4]];
|
|||
|
|
}
|
|||
|
|
this.setData({
|
|||
|
|
customTime: dateStr,
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
//当时间选择器呈现并进行滚动选择时间时调用该函数。
|
|||
|
|
bindMultiPickerColumnChange: function (e) {
|
|||
|
|
//e.detail.column记录哪一行发生改变，e.detail.value记录改变的值（相当于multiIndex）
|
|||
|
|
switch (e.detail.column) {
|
|||
|
|
//这里case的值有0/1/2/3/4,但除了需要记录年和月来确定具体的天数外，其他的都可以暂不在switch中处理。
|
|||
|
|
case 0:
|
|||
|
|
//记录改变的年的值
|
|||
|
|
let year = this.data.multiArray[0][e.detail.value];
|
|||
|
|
this.setData({
|
|||
|
|
// choose_year: year.substring(0, year.length - 1),
|
|||
|
|
choose_year: year,
|
|||
|
|
})
|
|||
|
|
break;
|
|||
|
|
case 1:
|
|||
|
|
//根据选择的年与月，确定天数，并改变multiArray中天的具体值
|
|||
|
|
let month = this.data.multiArray[1][e.detail.value];
|
|||
|
|
let dayDates = datePicker.determineDay(this.data.choose_year, month.substring(0, month.length - 1));
|
|||
|
|
//这里需要额外注意，改变page中设定的data，且只要改变data中某一个值，可以采用下面这种方法
|
|||
|
|
this.setData({
|
|||
|
|
['multiArray[2]']: dayDates
|
|||
|
|
})
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
//同上，上面改变的是二维数组中的某一个一维数组，这个是改变一个一维数组中某一个值，可供参考。
|
|||
|
|
this.setData({
|
|||
|
|
["multiIndex[" + e.detail.column + "]"]: e.detail.value
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getRandomNum(){
|
|||
|
|
this.setData({
|
|||
|
|
password:randomNumber(6)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getShareInfo(sourceID){
|
|||
|
|
let {dataList} = this.data
|
|||
|
|
req('GET',URL.getShareInfo, {sourceID:sourceID}, {}, false).then(data => {
|
|||
|
|
// console.log(data)
|
|||
|
|
if(!isEmptyObject(data)){
|
|||
|
|
if(data.options){
|
|||
|
|
data.options = JSON.parse(data.options)
|
|||
|
|
}
|
|||
|
|
dataList.timeTo = data.timeTo>0?timeFormat('yyyy/MM/dd hh:mm:ss',data.timeTo*1000):'永久有效';
|
|||
|
|
dataList.options = data.options
|
|||
|
|
// dataList.title = data.title
|
|||
|
|
this.setData({
|
|||
|
|
numDownload:data.numDownload,
|
|||
|
|
numView:data.numView,
|
|||
|
|
shareID:data.shareID,
|
|||
|
|
password:data.password?data.password:'',
|
|||
|
|
timeToText:dataList.timeTo
|
|||
|
|
// shareHash:data.shareHash
|
|||
|
|
})
|
|||
|
|
}else{
|
|||
|
|
dataList.options = {
|
|||
|
|
preview:1,
|
|||
|
|
down:1,
|
|||
|
|
login:0,
|
|||
|
|
downNum:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(this.data.shareLinkAllowGuest==0){
|
|||
|
|
dataList.options.login = 1
|
|||
|
|
}
|
|||
|
|
this.setData({dataList})
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
showMore(){
|
|||
|
|
this.setData({
|
|||
|
|
moreShow:!this.data.moreShow
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
onSwitchChange(e ){
|
|||
|
|
let{label} = e.currentTarget.dataset,{dataList} = this.data
|
|||
|
|
if(label=='preview'||label=='down'){
|
|||
|
|
dataList.options[label] = e.detail?0:1
|
|||
|
|
}else{
|
|||
|
|
dataList.options[label] = e.detail?1:0
|
|||
|
|
}
|
|||
|
|
this.setData({
|
|||
|
|
dataList
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
closeShare(){
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
showTime(){
|
|||
|
|
this.setData({
|
|||
|
|
timeShow:!this.data.timeShow
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
selectTime(e){
|
|||
|
|
let {index} = e.currentTarget.dataset
|
|||
|
|
this.setData({
|
|||
|
|
selectTimeIndex:index,
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
timeConfirm(){
|
|||
|
|
let {selectTimeIndex,customTime,timeArr} = this.data,timeTo
|
|||
|
|
if(selectTimeIndex==0){
|
|||
|
|
timeTo = this.getTimetamp(7)
|
|||
|
|
}else if(selectTimeIndex==1){
|
|||
|
|
timeTo = this.getTimetamp(14)
|
|||
|
|
}else if(selectTimeIndex==2){
|
|||
|
|
timeTo = 0
|
|||
|
|
}else{
|
|||
|
|
timeTo = Date.parse(customTime)/1000
|
|||
|
|
}
|
|||
|
|
this.setData({
|
|||
|
|
timeTo,
|
|||
|
|
timeToText:selectTimeIndex<3?timeArr[selectTimeIndex].name:customTime,
|
|||
|
|
timeShow:false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
showDown(){
|
|||
|
|
this.setData({
|
|||
|
|
downShow:!this.data.downShow
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
selectDown(e){
|
|||
|
|
let {index} = e.currentTarget.dataset
|
|||
|
|
this.setData({
|
|||
|
|
downIndex:index,
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
customDownNum(e){
|
|||
|
|
this.setData({
|
|||
|
|
downNum:parseInt(e.detail.value),
|
|||
|
|
downIndex:2
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
downConfirm(){
|
|||
|
|
let {downIndex,dataList,downNum} = this.data
|
|||
|
|
if(downIndex==0){
|
|||
|
|
dataList.options.down = 1
|
|||
|
|
dataList.options.downNum = 0
|
|||
|
|
}else if(downIndex==1){
|
|||
|
|
dataList.options.down = 0
|
|||
|
|
dataList.options.downNum = 0
|
|||
|
|
}else if(downIndex==2){
|
|||
|
|
dataList.options.down = 1
|
|||
|
|
dataList.options.downNum = downNum
|
|||
|
|
}
|
|||
|
|
this.setData({
|
|||
|
|
dataList,
|
|||
|
|
downShow:false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
cancelShare(){
|
|||
|
|
let{shareID} = this.data
|
|||
|
|
if(shareID){
|
|||
|
|
req('POST',URL.cancelShare, {}, {shareID:shareID}, false).then(data => {
|
|||
|
|
wx.navigateBack({
|
|||
|
|
delta: 0,
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}else{
|
|||
|
|
wx.navigateBack({
|
|||
|
|
delta: 0,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
showShare(e){
|
|||
|
|
let {dataList,password,shareHash,title,timeTo} = this.data,{type} = e.currentTarget.dataset,param = {
|
|||
|
|
options:dataList.options?JSON.stringify(dataList.options):'',
|
|||
|
|
password:password,
|
|||
|
|
shareHash: decodeURIComponent(shareHash),
|
|||
|
|
sourceID: dataList.sourceID,
|
|||
|
|
timeTo: timeTo,
|
|||
|
|
title: title
|
|||
|
|
}
|
|||
|
|
req('POST',URL.saveShare, {}, param, false).then(data => {
|
|||
|
|
qrcode = new QRCode('myQrcode', {
|
|||
|
|
usingIn: this,
|
|||
|
|
text: this.data.shareLink,
|
|||
|
|
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);
|
|||
|
|
wx.setStorageSync('needRefresh', true)
|
|||
|
|
if(type==0){
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:true
|
|||
|
|
})
|
|||
|
|
}else if(type==1){
|
|||
|
|
this.copyLink()
|
|||
|
|
}else{
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '保存成功！',
|
|||
|
|
icon:'none'
|
|||
|
|
})
|
|||
|
|
this.getShareInfo(this.data.dataList.sourceID)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
inputValue(e){
|
|||
|
|
let {value} = e.detail,{label} = e.currentTarget.dataset
|
|||
|
|
this.setData({
|
|||
|
|
[label]:value
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
showTips(){
|
|||
|
|
this.setData({
|
|||
|
|
showTips: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({
|
|||
|
|
showQrcode:true
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
closeShareQrcode(){
|
|||
|
|
this.setData({
|
|||
|
|
showQrcode:false
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
saveShareQrcode:function(e){
|
|||
|
|
wx.saveImageToPhotosAlbum({
|
|||
|
|
filePath: this.data.shareQrcode,
|
|||
|
|
success: () => {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '保存成功！',
|
|||
|
|
})
|
|||
|
|
this.closeShareQrcode();
|
|||
|
|
},
|
|||
|
|
fail:res=>{
|
|||
|
|
openSaveImageSetting();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
copyLink(){
|
|||
|
|
let {shareLink,password,title} = this.data,
|
|||
|
|
str = password?'分享名称：'+title+'\n分享链接：'+shareLink+'\n分享密码：'+password:'分享名称：'+title+'\n分享链接：'+shareLink
|
|||
|
|
wx.setClipboardData({
|
|||
|
|
data: str,
|
|||
|
|
success:res => {
|
|||
|
|
wx.showToast({
|
|||
|
|
title:'复制成功'
|
|||
|
|
});
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:false
|
|||
|
|
})
|
|||
|
|
this.getShareInfo(this.data.dataList.sourceID)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面初次渲染完成
|
|||
|
|
*/
|
|||
|
|
onReady: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面显示
|
|||
|
|
*/
|
|||
|
|
onShow: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面隐藏
|
|||
|
|
*/
|
|||
|
|
onHide: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面卸载
|
|||
|
|
*/
|
|||
|
|
onUnload: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|||
|
|
*/
|
|||
|
|
onPullDownRefresh: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面上拉触底事件的处理函数
|
|||
|
|
*/
|
|||
|
|
onReachBottom: function () {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 用户点击右上角分享
|
|||
|
|
*/
|
|||
|
|
onShareAppMessage: function () {
|
|||
|
|
let {name,thumb} = this.data.dataList,DOMAIN = wx.getStorageSync('DOMAIN')
|
|||
|
|
this.setData({
|
|||
|
|
shareShow:false
|
|||
|
|
})
|
|||
|
|
let path = `/pages/link/link?shareHash=${encodeURIComponent(this.data.shareHash)}&DOMAIN=${wx.getStorageSync('DOMAIN')}`;
|
|||
|
|
this.getShareInfo(this.data.dataList.sourceID)
|
|||
|
|
console.log(path)
|
|||
|
|
return{
|
|||
|
|
path,
|
|||
|
|
title:'好友给你分享了'+name,
|
|||
|
|
imageUrl:thumb
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShareTimeline:function (params) {
|
|||
|
|
let path = `shareHash=${this.data.shareHash}&DOMAIN=${wx.getStorageSync('DOMAIN')}`,{name,thumb} = this.data.dataList;
|
|||
|
|
this.getShareInfo(this.data.dataList.sourceID)
|
|||
|
|
console.log(path)
|
|||
|
|
return{
|
|||
|
|
query:path,
|
|||
|
|
title:'好友给你分享了'+name,
|
|||
|
|
imageUrl:thumb
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
getTimetamp,timeFormat
|
|||
|
|
})
|