359 lines
13 KiB
JavaScript
359 lines
13 KiB
JavaScript
let browser = checkVersion()
|
||
let info = {}
|
||
// let ticket = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MzYzNjUsInRpY2tldF9pZCI6IjkzZjY5YTJkLWQ1YTUtNGE4MC05ZWVjLTI4ODc4OTJmMjBkNCIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.D3crY2s3rfxI-WmsOEko7g8gY2QdKjJ_EVXdYL3YcBA'
|
||
|
||
if (EnvCheck() == 'test') {
|
||
new VConsole;
|
||
baseUrl = 'https://beta.api.pekolive.com/'
|
||
} else {
|
||
baseUrl = 'https://api.pekolive.com/'
|
||
}
|
||
$(function () {
|
||
//埋点测试
|
||
_hmt.push(['_trackEvent', 'client', 'click', 'jiyu']);
|
||
|
||
$('.id-input').on('input', function () {
|
||
if (!$(this).val()) {
|
||
$('.toast').html('请勿输入非法字符!').fadeIn(30).fadeOut(3000)
|
||
$(this).val('')
|
||
}
|
||
if ($(this).val().length > 10) {
|
||
$(this).val($(this)[0].value.slice(0, 10))
|
||
}
|
||
|
||
})
|
||
|
||
let dataList = [];
|
||
let pageNum = 1
|
||
let pageSize = 10
|
||
let canIncrease = true
|
||
let caliangObj = {
|
||
msgID: 0, //哪条寄语
|
||
num: 1 //擦亮值，默认为1
|
||
}
|
||
function getId() {
|
||
if (browser.app) {
|
||
if (browser.ios) {
|
||
var allcookies = document.cookie;
|
||
var $uid = allcookies.match(/\d+/);
|
||
info.uid = $uid[0]
|
||
window.webkit.messageHandlers.getTicket.postMessage(null);
|
||
// window.webkit.messageHandlers.getUid.postMessage(null);
|
||
} else if (browser.android) {
|
||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||
info.uid = parseInt(window.androidJsObj.getUid());
|
||
info.ticket = window.androidJsObj.getTicket();
|
||
// console.log(40, info.uid, info.ticket);
|
||
}
|
||
}
|
||
} else {
|
||
info.uid = 936365;
|
||
info.ticket = ticket
|
||
}
|
||
}
|
||
//寄出寄语
|
||
$('.message-btn').on('click', function () {
|
||
let recvErbanNo = $('.id-input').val()
|
||
// alert($('.id-input').val())
|
||
let message = $('.message-info').val()
|
||
if (!recvErbanNo.trim()) {
|
||
$('.toast').html('ID不能为空').fadeIn(30).fadeOut(3000)
|
||
return
|
||
}
|
||
if (!message.trim()) {
|
||
$('.toast').html('寄语不能为空').fadeIn(30).fadeOut(3000)
|
||
return
|
||
}
|
||
//用户的鉆石数够不够由后端判断
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: baseUrl + 'sweetActivity/sendMessage',
|
||
data: {
|
||
// recvErbanNo: '7838797',
|
||
// message: '测试寄语~',
|
||
|
||
recvErbanNo: recvErbanNo,
|
||
message: message,
|
||
},
|
||
headers: {
|
||
pub_uid: info.uid,
|
||
pub_ticket: info.ticket,
|
||
|
||
// pub_uid: 936365,
|
||
// pub_ticket: ticket
|
||
// pub_ticket: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MzYzNjUsInRpY2tldF9pZCI6IjJiMjJiYmZlLWU1YWMtNDY3Ni1hYWRiLTM2YWMwZTYwMmY4OSIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.g08aW8Y7SSIDnqwdbfMfowQwlgk75DXAR2EIk3K5Ugk',
|
||
},
|
||
success(res) {
|
||
// console.log(res);
|
||
// alert(res.code)
|
||
if (res.code === 200) {
|
||
$('.success-shade-mask').css('display', 'block')
|
||
$('.id-input').val('')
|
||
$('.message-info').val('')
|
||
//发送寄语后刷新前十条数据,并且只请求前十条数据
|
||
getMessageList(1, true)
|
||
} else if (res.code === 31005) {
|
||
if (browser.ios) {
|
||
$('.btn-recharge').eq(0).css('display', 'none')
|
||
} else {
|
||
$('.btn-recharge').eq(1).css('display', 'none')
|
||
}
|
||
//余额不足
|
||
$('.fail-shade-mask').css('display', 'block')
|
||
} else {
|
||
$('.toast').html(res.message).fadeIn(30).fadeOut(3000)
|
||
}
|
||
},
|
||
error() {
|
||
$('.toast').html('网络异常，请检查您的网络后再试').fadeIn(30).fadeOut(3000)
|
||
}
|
||
})
|
||
})
|
||
//我的寄语列表
|
||
function getMessageList(pageNumber, refresh = false) {
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: baseUrl + 'sweetActivity/messageList',
|
||
data: {
|
||
page: pageNumber,
|
||
pageSize: pageSize
|
||
},
|
||
headers: {
|
||
pub_uid: info.uid,
|
||
pub_ticket: info.ticket,
|
||
|
||
// pub_uid: 936365,
|
||
// pub_ticket: ticket
|
||
// pub_ticket: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MzYzNjUsInRpY2tldF9pZCI6IjJiMjJiYmZlLWU1YWMtNDY3Ni1hYWRiLTM2YWMwZTYwMmY4OSIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.g08aW8Y7SSIDnqwdbfMfowQwlgk75DXAR2EIk3K5Ugk',
|
||
},
|
||
success(res) {
|
||
// console.log(res);
|
||
if (res.code === 200) {
|
||
if (res.data.length) {
|
||
if (refresh) {
|
||
dataList = res.data
|
||
pageNum = 1
|
||
} else {
|
||
dataList.push(...res.data)
|
||
}
|
||
// if(dataList.length !== baseLen){
|
||
|
||
// }
|
||
// baseLen = dataList.length
|
||
|
||
renderMessageList()
|
||
if (res.data.length === pageSize) {
|
||
canIncrease = true
|
||
} else {
|
||
canIncrease = false
|
||
dataList = dataList.slice(0, (pageNum - 1) * pageSize)
|
||
}
|
||
}
|
||
}
|
||
},
|
||
error(){
|
||
$('.toast').html('网络异常，请检查您的网络后再试').fadeIn(30).fadeOut(3000)
|
||
}
|
||
})
|
||
}
|
||
getId()
|
||
setTimeout(() => {
|
||
getMessageList(pageNum)
|
||
}, 50)
|
||
|
||
//渲染我的寄语列表
|
||
function renderMessageList() {
|
||
let arr = dataList.map((item, index) => {
|
||
return `
|
||
<li>
|
||
<div class="num">${index + 1}</div>
|
||
<div class="my-msg-obj">
|
||
<div class="sender">
|
||
<img src="${item.sendAvatar}" alt="" class="avadar">
|
||
<span class="nickname">${item.sendNick.length > 5 ? item.sendNick.slice(0, 5) + '...' : item.sendNick}</span>
|
||
</div>
|
||
<div class="love-info">
|
||
<span>爱心值</span>
|
||
<img src="./images/love.png" alt="">
|
||
<span class="love-value">${item.sweetValue}</span>
|
||
</div>
|
||
<div class="receiver">
|
||
<img src="${item.recvAvatar}" alt="" class="avadar">
|
||
<span class="nickname">${item.recvNick.length > 5 ? item.recvNick.slice(0, 5) + '...' : item.recvNick}</span>
|
||
</div>
|
||
</div>
|
||
<div class="caliang">
|
||
<span>消耗1<img src="./images/diamond.png" alt="">擦亮</span>
|
||
<div class="count">
|
||
<div class="decrease"></div>
|
||
<input type="number" min="1" max="9999" name="caliang-value" id="" value="1" class="caliang-value" pattern="[0-9]*">
|
||
<div class="increase"></div>
|
||
</div>
|
||
</div>
|
||
<div class="btn-caliang" data-id='${item.messageId}'>擦亮</div>
|
||
<p class="msg-content">${item.message}</p>
|
||
</li>
|
||
`
|
||
})
|
||
let str = arr.join('')
|
||
$('ul')[0].innerHTML = str
|
||
}
|
||
|
||
//关闭弹窗
|
||
$('.btn-ok').on('click', function () {
|
||
$('.success-shade-mask').css('display', 'none')
|
||
})
|
||
$('.close').on('click', function () {
|
||
$('.fail-shade-mask').css('display', 'none')
|
||
})
|
||
// 充值
|
||
$('.btn-recharge').on('click', function () {
|
||
if (browser.ios) {
|
||
$('.fail-shade-mask').fadeOut(300)
|
||
} else {
|
||
$('.fail-shade-mask').fadeOut(300)
|
||
tools.nativeUtils.jumpAppointPage('RECHARGE_PAGE')
|
||
}
|
||
})
|
||
|
||
//加载更多
|
||
$('.loadmore').on('click', function () {
|
||
// console.log('加载更多');
|
||
if (canIncrease) {
|
||
getMessageList(++pageNum)
|
||
} else {
|
||
getMessageList(pageNum)
|
||
}
|
||
|
||
})
|
||
|
||
|
||
//减少
|
||
$(document).on('click', '.decrease', function () {
|
||
// console.log('减少');
|
||
let value = $(this).siblings('.caliang-value').val()
|
||
console.log(value);
|
||
if (value > 1) {
|
||
$(this).siblings('.caliang-value').val(--value)
|
||
} else {
|
||
$(this).siblings('.caliang-value').val(1)
|
||
$('.toast').html('最小数量为1').fadeIn(30).fadeOut(1000)
|
||
}
|
||
console.log(value);
|
||
caliangObj.num = value
|
||
// console.log('擦亮值', caliangObj.num);
|
||
})
|
||
//增加
|
||
$(document).on('click', '.increase', function () {
|
||
// console.log('增加');
|
||
let value = $(this).siblings('.caliang-value').val()
|
||
// console.log(value);
|
||
if (value < 9999) {
|
||
$(this).siblings('.caliang-value').val(++value)
|
||
} else {
|
||
$(this).siblings('.caliang-value').val(9999)
|
||
$('.toast').html('最大数量为9999').fadeIn(30).fadeOut(1000)
|
||
}
|
||
caliangObj.num = value
|
||
// console.log('擦亮值', caliangObj.num);
|
||
})
|
||
//手动输入
|
||
$(document).on('input', '.caliang-value', function () {
|
||
// console.log('输入');
|
||
// console.log($(this).val());
|
||
if ($(this).val() > 9999) {
|
||
$(this).val(9999)
|
||
$('.toast').html('最大数量为9999').fadeIn(30).fadeOut(1000)
|
||
}
|
||
// if(!$(this).val()){
|
||
// $('.toast').html('最小数量为1').fadeIn(30).fadeOut(1000)
|
||
// caliangObj.num = 1
|
||
|
||
// $(this).val(1)
|
||
// }
|
||
caliangObj.num = $(this).val()
|
||
console.log('擦亮值', caliangObj.num);
|
||
})
|
||
|
||
//点击擦亮
|
||
$(document).on('click', '.btn-caliang', function (e) {
|
||
let value = $(this).siblings('.caliang')[0].getElementsByClassName('caliang-value')[0].value
|
||
// console.log(value);
|
||
caliangObj.msgID = e.currentTarget.dataset.id
|
||
caliangObj.num = value
|
||
$('.caliang-shade-mask').css('display', 'block')
|
||
})
|
||
//取消擦亮
|
||
$('.caliang-btn-no').on('click', function () {
|
||
$('.caliang-shade-mask').css('display', 'none')
|
||
})
|
||
//确认擦亮
|
||
$('.caliang-btn-yes').on('click', function () {
|
||
// console.log($(this)[0]);
|
||
$('.caliang-shade-mask').css('display', 'none')
|
||
let messageId = caliangObj.msgID
|
||
// console.log(messageId);
|
||
let num = caliangObj.num
|
||
// console.log(num);
|
||
if (num == 0) {
|
||
$('.toast').html('最小数量为1').fadeIn(30).fadeOut(1000)
|
||
caliangObj.num = 1
|
||
$('.caliang-value').val(1)
|
||
return;
|
||
} else
|
||
if (num % 1 != 0) {
|
||
$('.toast').html('爱心值只能是整数').fadeIn(30).fadeOut(1000)
|
||
caliangObj.num = 1
|
||
$('.caliang-value').val(1)
|
||
return;
|
||
} else {
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: baseUrl + 'sweetActivity/refreshMessage',
|
||
data: {
|
||
// messageId: 5,
|
||
// num: 52,
|
||
|
||
messageId: messageId,
|
||
num: num,
|
||
},
|
||
headers: {
|
||
pub_uid: info.uid,
|
||
pub_ticket: info.ticket,
|
||
|
||
// pub_uid: 936365,
|
||
// pub_ticket: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MzYzNjUsInRpY2tldF9pZCI6IjJiMjJiYmZlLWU1YWMtNDY3Ni1hYWRiLTM2YWMwZTYwMmY4OSIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.g08aW8Y7SSIDnqwdbfMfowQwlgk75DXAR2EIk3K5Ugk',
|
||
// pub_ticket: ticket
|
||
},
|
||
success(res) {
|
||
caliangObj.num = 1
|
||
// console.log(res);
|
||
if (res.code === 200) {
|
||
$('.toast').html('擦亮成功！').fadeIn(30).fadeOut(1000)
|
||
//发送寄语后刷新前十条数据,并且只请求前十条数据
|
||
getMessageList(1, true)
|
||
} else if (res.code === 31005) {
|
||
if (browser.ios) {
|
||
$('.btn-recharge').eq(0).css('display', 'none')
|
||
} else {
|
||
$('.btn-recharge').eq(1).css('display', 'none')
|
||
}
|
||
//余额不足
|
||
$('.fail-shade-mask').css('display', 'block')
|
||
} else {
|
||
$('.toast').html(res.message).fadeIn(30).fadeOut(3000)
|
||
}
|
||
},
|
||
error(){
|
||
$('.toast').html('网络异常，请检查您的网络后再试').fadeIn(30).fadeOut(3000)
|
||
}
|
||
})
|
||
|
||
}
|
||
})
|
||
})
|
||
|
||
function getMessage(key, value) {
|
||
info[key] = value;
|
||
} |