peko-h5/view/peko/activity/act-qixi/js/message.js

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.lecheng163.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;
}