twong329/view/xcx/pages/user_phone/index.js

import {
    registerVerify,
    bindingPhone,
    verifyCode
} from '../../api/api.js';

const app = getApp();

Page({
    /**
     * 页面的初始数据
     */
    data: {
        parameter: {
            'navbar': '1',
            'return': '1',
            'title': '绑定手机号',
            'color': true,
            'class': '0'
        },
        disabled: false,
        active: false,
        timetext: '获取验证码',
        userInfo: {},
        phone: '',
        key: '',
        imagesCode: false,
        httpUrl: '',
        captchaimg: ''
    },

    inputgetName(e) {
        let that = this;
        let name = e.currentTarget.dataset.name;
        let nameMap = {}
        if (name.indexOf('.') != -1) {
            let nameList = name.split('.')
            if (that.data[nameList[0]]) {
                nameMap[nameList[0]] = that.data[nameList[0]]
            } else {
                nameMap[nameList[0]] = {}
            }
            nameMap[nameList[0]][nameList[1]] = e.detail.value
        } else {
            nameMap[name] = e.detail.value
        }
        that.setData(nameMap);
    },

    onLoadFun: function () {

    },

    editPwd: function () {
        let that = this;
        if (!this.data.phone) return app.Tips({
            title: '请填写手机号码！'
        });
        if (!(/^1[3456789]\d{9}$/.test(this.data.phone))) return app.Tips({
            title: '请输入正确的手机号码！'
        });
        if (!this.data.captcha) return app.Tips({
            title: '请填写验证码'
        });
        bindingPhone({
            phone: this.data.phone,
            captcha: this.data.captcha
        }).then(res => {
            if (res.data !== undefined && res.data.is_bind) {
                wx.showModal({
                    title: '是否绑定账号',
                    content: res.msg,
                    confirmText: '绑定',
                    success(res) {
                        if (res.confirm) {
                            bindingPhone({
                                phone: that.data.phone,
                                captcha: that.data.captcha,
                                step: 1
                            }).then(res => {
                                return app.Tips({
                                    title: res.msg,
                                    icon: 'success'
                                }, {
                                    tab: 5,
                                    url: '/pages/user_info/index'
                                });
                            }).catch(err => {
                                return app.Tips({
                                    title: err
                                });
                            })
                        } else if (res.cancel) {
                            return app.Tips({
                                title: '您已取消绑定！'
                            }, {
                                tab: 5,
                                url: '/pages/user_info/index'
                            });
                        }
                    }
                });
            } else
                return app.Tips({
                    title: '绑定成功！',
                    icon: 'success'
                }, {
                    tab: 5,
                    url: '/pages/user_info/index'
                });
        }).catch(err => {
            return app.Tips({
                title: err
            });
        })
    },

    /**
     * 发送验证码
     */
    code: function () {
        let that = this;
        if (!this.data.phone) return app.Tips({
            title: '请填写手机号码！'
        });
        if (!(/^1[3456789]\d{9}$/.test(that.data.phone))) return app.Tips({
            title: '请输入正确的手机号码！'
        });
        if (that.data.imagesCode) {
            if (!that.data.captchaimg) {
                return app.Tips({
                    title: '请输入图片验证码'
                });
            }
        };
        registerVerify(this.data.captchaimg, this.data.key, this.data.phone).then(res => {
            if (res.status == 402) {
                that.data.imagesCode = true;
                that.setData({
                    imagesCode: that.data.imagesCode
                });
                if (this.data.captchaimg != '') {
                    that.runNun();
                }
            } else {
                that.runNun();
            }
            return app.Tips({
                title: '发送成功',
                icon: 'success'
            });
        }).catch(err => {
            return app.Tips({
                title: err
            });
        });
    },

    runNun: function () {
        let that = this;
        let n = 60;
        let run = setInterval(function () {
            n--;
            if (n < 0) {
                clearInterval(run);
                that.setData({
                    disabled: false,
                    active: false,
                    timetext: '重新获取'
                })
            } else {
                that.setData({
                    timetext: "剩余 " + n + "s",
                    disabled: true,
                    active: true
                })
            }
        }, 1000);
    },

    /**
     *  获取key值；
     */
    getVerifyCode: function () {
        let that = this;
        verifyCode().then(res => {
            that.setData({
                key: res.data.key,
                httpUrl: app.globalData.url + '/api/sms_captcha?key=' + res.data.key
            })
        }).catch(err => {
            return app.Tips({
                title: err.msg
            });
        })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.getVerifyCode();
    },

    imagesCodeTap: function () {
        this.setData({
            httpUrl: this.data.httpUrl + '&' + Date.parse(new Date())
        })
    },
    
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

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

    },

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

    },

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

    },

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

    },

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

    }
})