| 1 |
- import{$ as a,c as t,w as e,n as s,i as l,o,a as i,f as m,t as c,l as d,I as n,g as u}from"./index-DjrXbm8j.js";import{b as r}from"./user.DeQhYGSk.js";import{i as h,a as p}from"./verify.GLYtc6cp.js";import{_ as f}from"./_plugin-vue_export-helper.BCo6x5W8.js";import"../config.js";const C="captcha/image",b="captcha/sendSmsCaptcha";const g=f({data:()=>({isLoading:!1,captcha:{},smsState:!1,times:60,mobile:"",captchaCode:"",smsCode:""}),created(){this.getCaptcha()},methods:{getCaptcha(){const t=this;a.get(C,{},{load:!1}).then((a=>t.captcha=a.data))},handelSmsCaptcha(){const a=this;a.isLoading||a.smsState||!a.formValidation(10)||(a.sendSmsCaptcha(),a.getCaptcha())},formValidation(a=10){const t=this;return!!(10!==a||t.validteMobile(t.mobile)&&t.validteCaptchaCode(t.captchaCode))&&!!(20!==a||t.validteMobile(t.mobile)&&t.validteSmsCode(t.smsCode))},validteMobile(a){return h(a)?(this.$toast("请先输入手机号"),!1):!!p(a)||(this.$toast("请输入正确格式的手机号"),!1)},validteCaptchaCode(a){return!h(a)||(this.$toast("请先输入图形验证码"),!1)},validteSmsCode(a){return!h(a)||(this.$toast("请先输入短信验证码"),!1)},sendSmsCaptcha(){const t=this;var e;t.isLoading=!0,(e={form:{captchaKey:t.captcha.key,captchaCode:t.captchaCode,mobile:t.mobile}},a.post(b,e)).then((a=>{t.$toast(a.message),t.timer()})).finally((()=>t.isLoading=!1))},timer(){const a=this;a.smsState=!0;const t=setInterval((()=>{a.times=a.times-1,a.times<=0&&(a.smsState=!1,a.times=60,clearInterval(t))}),1e3)},handleSubmit(){const a=this;!a.isLoading&&a.formValidation(20)&&a.onSubmitEvent()},onSubmitEvent(){const a=this;a.isLoading=!0,r({form:{smsCode:a.smsCode,mobile:a.mobile}}).then((t=>{a.$toast(t.message),setTimeout((()=>{a.onNavigateBack(1)}),2e3)})).finally((()=>a.isLoading=!1))},onNavigateBack(a){uni.navigateBack({delta:Number(a||1)})}}},[["render",function(a,r,h,p,f,C){const b=d,g=l,_=n,v=u;return o(),t(g,{class:"container",style:s(a.appThemeStyle)},{default:e((()=>[i(g,{class:"header"},{default:e((()=>[i(g,{class:"title"},{default:e((()=>[i(b,null,{default:e((()=>[m("绑定您的手机号")])),_:1})])),_:1}),i(g,{class:"sub-title"},{default:e((()=>[i(b,null,{default:e((()=>[m("为了更好的服务您，请绑定手机号")])),_:1})])),_:1})])),_:1}),i(g,{class:"submit-form"},{default:e((()=>[i(g,{class:"form-item"},{default:e((()=>[i(_,{class:"form-item--input",type:"number",modelValue:f.mobile,"onUpdate:modelValue":r[0]||(r[0]=a=>f.mobile=a),maxlength:"11",placeholder:"请输入手机号码"},null,8,["modelValue"])])),_:1}),i(g,{class:"form-item"},{default:e((()=>[i(_,{class:"form-item--input",type:"text",modelValue:f.captchaCode,"onUpdate:modelValue":r[1]||(r[1]=a=>f.captchaCode=a),maxlength:"5",placeholder:"请输入图形验证码"},null,8,["modelValue"]),i(g,{class:"form-item--parts"},{default:e((()=>[i(g,{class:"captcha",onClick:r[2]||(r[2]=a=>C.getCaptcha())},{default:e((()=>[i(v,{class:"image",src:f.captcha.base64},null,8,["src"])])),_:1})])),_:1})])),_:1}),i(g,{class:"form-item"},{default:e((()=>[i(_,{class:"form-item--input",type:"number",modelValue:f.smsCode,"onUpdate:modelValue":r[3]||(r[3]=a=>f.smsCode=a),maxlength:"6",placeholder:"请输入短信验证码"},null,8,["modelValue"]),i(g,{class:"form-item--parts"},{default:e((()=>[i(g,{class:"captcha-sms",onClick:r[4]||(r[4]=a=>C.handelSmsCaptcha())},{default:e((()=>[f.smsState?(o(),t(b,{key:1,class:"un-activate"},{default:e((()=>[m("重新发送("+c(f.times)+")秒",1)])),_:1})):(o(),t(b,{key:0,class:"activate"},{default:e((()=>[m("获取验证码")])),_:1}))])),_:1})])),_:1})])),_:1}),i(g,{class:"submit-button",onClick:r[5]||(r[5]=a=>C.handleSubmit())},{default:e((()=>[i(b,null,{default:e((()=>[m("确认绑定")])),_:1})])),_:1})])),_:1})])),_:1},8,["style"])}],["__scopeId","data-v-b84160a8"]]);export{g as default};
|
