crm/resources/xqzqxg/share/pages/activity/activity.js

// share/pages/activity/activity.js
const app = getApp();
const utils = require("../../../utils/http");
Page({

    /**
     * 页面的初始数据
     */
    data: {
        imgUrl:app.globalData.imgUrl,
        loginFlag: false,
        mobileflag:false,
        canIUseGetUserProfile: false,
        showWinning: true,
        showNoWinning: true,
        showNoCount: true,
        companyobj: {},
        shareobj: {},
        turntableDetail: {},
        prizesImage: '',
        prizesText: '',
        actid: '',
        textContent: '',
        prizesContent: '',
        clientype: '',
        uploadText: '截图上传',
        lottery: 0,
        blocks: [{
            padding: '30px',
            imgs: [{
                src: 'https://o.nczyzs.com/xcx/ciecleground.png',
                width: '650rpx',
                height: '650rpx',
                rotate: false,
                top: '14rpx'
            }]
        }],
        prizes: [],
        buttons: [{
            radius: '50px',
            pointer: true,
            imgs: [{
                src: 'https://o.nczyzs.com/xcx/roundcircle.png',
                width: '100%',
                top: '-130%'
            }],
            fonts: [{
                text: '抽奖',
                top: '-20px',
                fontSize: '24px',
                fontColor: '#ffffff'
            }, {
                text: '剩余3次',
                top: '10px',
                fontSize: '12px',
                fontColor: '#ffffff'
            }]
        }
        ],
    },
    start() {
        if (!this.data.prizes.length) {
            wx.showToast({
                title: '没有奖品，无法抽奖',
                icon: 'none'
            })
            return;
        }
        if (this.data.lottery <= 0) {
            this.setData({
                showNoCount: false
            })
            return;
        }
        // 获取抽奖组件实例
        const child = this.selectComponent('#myLucky')
        // 调用play方法开始旋转
        child.$lucky.play()
        // 用定时器模拟请求接口
        setTimeout(() => {
            var that = this;
            utils.$post({
                url: app.globalData.webUrl + 'api/lottery/user_lottery',
                header: {
                    'Authorization': 'bearer ' + app.globalData.token
                },
                data: {
                    actid: that.data.actid
                },
                success: function (res) {
                    let data = res.data.data;
                    if (res.data.code == '0') {
                        let lotteryCount = that.data.lottery - 1;
                        that.setData({
                            lottery: lotteryCount
                        })
                        that.setsurplusCount(that.data.lottery);
                        // 3s 后得到中奖索引 (假设抽到第0个奖品)
                        if (data == -1) {
                            const index = 0
                            // 调用stop方法然后缓慢停止
                            child.$lucky.stop(index)
                        } else {
                            const index = that.getWinningPrizeIndex(data);
                            // 调用stop方法然后缓慢停止
                            child.$lucky.stop(index)
                        }
                    } else {
                        child.$lucky.stop(0)
                    }
                }
            })
        }, 3000)
    },
    end(event) {
        // 中奖奖品详情
        let data = event.detail.fonts[0];
        if (data.id == '111') {
            this.setData({
                showNoWinning: false,
            })
        } else {
            let imageData = event.detail.imgs[0];
            this.setData({
                showWinning: false,
                prizesImage: imageData.src,
                prizesText: data.text
            })
        }
    },
    againPlayTurntable() {
        this.setData({
            showWinning: true,
            showNoWinning: true,
            showNoCount: true,
        })
        this.start();
    },
    getWinningPrizeIndex(prizesId) {
        let index = 0;
        this.data.prizes.forEach((v, i) => {
            if (v.fonts[0].id == prizesId) {
                index = i;
            }
        })
        return index;
    },
    copyTextContent(e) {
        wx.setClipboardData({
            data: e.currentTarget.dataset.text,
            success: function (res) {
                console.log(res)
            },
            fail: function (err) {
                console.log(err)
            }
        })
    },
    cutUpload() {
        let that = this;
        if (this.data.uploadText == '已截图上传') {
            wx.showToast({
                title: '只能截图上传一次',
                icon: 'none'
            })
            return;
        }
        wx.chooseMedia({
            count: 1,
            mediaType: ['image'],
            sourceType: ['album'],
            success: function (res) {
                console.log(res)
                let tempFilePath = res.tempFiles[0].tempFilePath;
                that.uploadImage(tempFilePath)
            }
        })
    },
    uploadImage(filePath) {
        let that = this;
        wx.uploadFile({
            url: app.globalData.webUrl + 'api/lottery/user_upimg',
            filePath: filePath,
            name: 'img',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            formData: {
                actid: this.data.actid
            },
            success: function (res) {
                let data = JSON.parse(res.data);
                if (data.code == 0) {
                    that.setData({
                        uploadText: '已截图上传'
                    })
                    that.addActivityUser();
                } else {
                    wx.showToast({
                        title: data.msg,
                        icon: 'none'
                    })
                }
            },
            fail: function (res) {
                console.log(res, '>>>')
            }
        })
    },
    closeMask(e) {
        this.setData({
            showWinning: true,
            showNoWinning: true,
            showNoCount: true
        })
    },
    preventEvent(e) { },
    setsurplusCount(count) {
        this.setData({
            buttons: [{
                radius: '50px',
                pointer: true,
                imgs: [{
                    src: 'https://o.nczyzs.com/xcx/roundcircle.png',
                    width: '100%',
                    top: '-130%'
                }],
                fonts: [{
                    text: '抽奖',
                    top: '-20px',
                    fontSize: '24px',
                    fontColor: '#ffffff'
                }, {
                    text: `剩余${count}次`,
                    top: '10px',
                    fontSize: '12px',
                    fontColor: '#ffffff'
                }]
            }
            ]
        })
    },
    /**
     * 客户授权登录
     */
    login: function () {
        var that = this;
        wx.login({
            success: function (data) {
                if (data.errMsg == 'login:ok') {
                    utils.$post({
                        method: "POST", //TESTAPIURL  APIURL/users/auth
                        url: app.globalData.webUrl + 'api/users/code2sessionmini',
                        data: {
                            client_type: that.clientype,
                            code: data.code,
                            share: app.globalData.shareuserid
                        },
                        success: function (r) {
                            if (r.data.code == '0') {
                                app.globalData.sharepersonobj = r.data.share;
                                app.globalData.token = r.data.token;
                                that.setData({
                                    shareobj: app.globalData.sharepersonobj
                                })
                                if (!!r.data.user.phone) {
                                    that.setData({
                                        datashow: true,
                                        loginFlag: false,
                                        mobileflag:false,
                                        employeeflag: (!!r.data.user.binded && r.data.user.binded.state == '在职') ? true : false
                                    })
                                    app.globalData.personMsg = r.data.user;
                                    app.globalData.phone = true; //有手机号

                                    that.unreadMsg();
                                } else {
                                    that.unreadMsg();
                                    wx.hideLoading();
                                    that.setData({
                                        loginFlag: false,
                                        mobileflag:true
                                    })
                                }
                            } else {
                                setTimeout(function () {
                                    wx.hideLoading()
                                }, 500)
                            }
                        }
                    })
                }
            }
        })
    },
    unreadMsg: function () {
        this.addActivityUser();
    },
    addActivityUser() {
        var that = this;
        console.log(that.data.actid,app.globalData.currentUserId,app.globalData.shareuserid,'<<<活动ID')
        utils.$post({
            url: app.globalData.webUrl + 'api/lottery/add_user',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                actid: that.data.actid,
                empid: app.globalData.currentUserId
            },
            success: function (res) {
                let data = res.data.data;
                console.log(data,'>>>活动信息')
                if (res.data.code == '0') {
                    that.setsurplusCount(data.user_data.lottery);
                    that.setData({
                        turntableDetail: data.act_data,
                        lottery: data.user_data.lottery,
                        prizes: data.act_data ? that.handleGoods(data.act_data.good) : [],
                        prizesContent: data.act_data ? data.act_data.good.map(v => v.good_name).join('/') : '',
                        uploadText: data.user_data.share_status == 1 ? '截图上传' : '已截图上传'
                    })
                    wx.setNavigationBarTitle({
                      title: data.act_data.title,
                    })
                    that.getActivityInfo();
                } else {
                    let msg = res.data.msg;
                    wx.showModal({
                        title: '大转盘提示',
                        content: msg,
                        showCancel: false,
                        confirmText: '退出应用',
                        success: () => {
                            wx.exitMiniProgram();
                        }
                    })
                }
            }
        })
    },
    getActivityInfo() {
        var that = this;
        utils.$post({
            url: app.globalData.webUrl + 'api/lottery/user_detail_lukus',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                actid: that.data.actid
            },
            success: function (res) {
                let data = res.data.data;
                if (res.data.code == '0') {
                    let str = that.setWinningString(data);
                    that.setData({
                        textContent: '中奖客户：' + str
                    })
                }
            }
        })
    },
    setWinningString(data) {
        if (data.length > 3) {
            let client = data.slice(0, 3);
            return client.map(v => v.user.nickname).join('，');
        } else {
            return data.map(v => v.user.nickname).join('，');
        }
    },
    handleGoods(goodList) {
        let goods = goodList.map((v, i) => {
            return {
                fonts: [{
                    text: v.good_name,
                    top: '10%',
                    id: v.id,
                    fontSize: '24rpx'
                }],
                imgs: [{
                    src: v.good_img || 'https://o.nczyzs.com/xcx/circlegift.png',
                    width: '50rpx',
                    height: '50rpx',
                    top: '50%'
                }],
                background: i % 2 == 0 ? '#FFFFFF' : '#FFD6B1',
            }
        });
        goods.splice(0, '', {
            fonts: [{
                text: '谢谢参与',
                top: '10%',
                id: '111',
                fontSize: '24rpx',
            }],
            imgs: [{
                src: 'https://o.nczyzs.com/xcx/circlegift.png',
                width: '50rpx',
                height: '50rpx',
                top: '50%'
            }],
            background: '#f0f0f0'
        })
        return goods;
    },
    sharecompany: function () {
        const that = this;
        utils.$post({
            url: app.globalData.webUrl + 'client/index/content_belong_company',
            header: {
                'Authorization': 'bearer ' + app.globalData.token
            },
            data: {
                client_type: app.globalData.clientype,
                uid: app.globalData.shareuserid
            },
            success: function (res) {
                if (res.data.code == '0') {
                    app.globalData.companyobj=res.data.data;
                    that.setData({
                        companyobj: res.data.data
                    })
                }
            },
            complete(res) {
                wx.hideLoading()
            }
        })
    },
    myWinning() {
        wx.navigateTo({
            url: '/pages/other/other?type=63&actid=' + this.data.actid,
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        if (options.actid) {
            this.setData({
                actid: options.actid
            })
        }
        if (options.empid) {
            app.globalData.currentUserId = options.empid
        }
        if (options.uid) {
            app.globalData.shareuserid = options.uid;
        }
        if (options.clientype) {
            this.setData({
                clientype: options.clientype
            })
            app.globalData.clientype = options.clientype;
        }
        if (wx.getUserProfile) {
            this.setData({
                canIUseGetUserProfile: true
            })
        }
        this.setData({
            imgUrl:app.globalData.imgUrl,
        })
        this.login();
        wx.hideHomeButton()
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */

})