<template lang="html">
    <el-button :class="type" :type="type=='theme1'?'primary':'text'" size="medium" @click="sendClick()"
               :disabled="sendSuccess">
        {{sendSuccess?time+$t('message.sign.resend_verificationText'):$t('message.sign.verificationText')}}
    </el-button>
</template>

<script>
    import {checkPhone} from '@/assets/js/util.js'
    // changePhoneIsRegist
    import {getSmsRegCodeApi} from '@/assets/js/api/loginSign'

    export default {
        props: ['phone', 'type'],
        data() {
            return {
                sendSuccess: false, //true验证码发送 false验证码未发送
                time: 60  //时间
            };
        },
        methods: {
            //定时器
            finish() {
                //禁用以下表单
                this.sendSuccess = true;
                //进行倒计时提示
                let Time = setInterval(() => {
                    if (this.time <= 1) {
                        //当时间小于等于一的时候清除定时器
                        //初始化一下数据参数
                        clearInterval(Time);
                        this.sendSuccess = false;
                        this.time = 60;
                    } else {
                        this.time--;
                    }
                }, 1000);
            },
            //发送验证码请求
            sendClick() {
               
                if (checkPhone(this.phone)) {
                     window._paq.push(['trackEvent', '点击', '获取','获取短信验证码'])
                    // changePhoneIsRegist({phone:this.phone}).then((res) => {
                    // this.canuse  = res.canuse
                    // if(res.canuse){
                    //调用定时器
                    this.finish();
                    //发送请求
                    console.log(this.phone)
                    getSmsRegCodeApi({phone: this.phone}).then(res => {
                        // if(res.STATUS=="1"){
                        this.$message.success(this.$t('message.sign.verificationSendSuccess'));//验证码发送成功
                        this.$emit('getCode', res.VerificationCode)
                        // }else{
                        //   this.$message.error('验证码发送失败');
                        // }
                    })
                    // }else{
                    //   this.$message.error('新手机号不可用')
                    // }
                    // })

                } else {
                    this.$message.error(this.$t('message.sign.verificationSendError'));//发送失败,手机号码格式不正确
                }

            }
        }
    }
</script>

<style lang="less" scoped>
    .theme1 {
        margin-right: -5px;
        border-radius: 0 3px 3px 0;
    }
</style>
