You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
5.0 KiB
2 lines
5.0 KiB
"use strict";(self["webpackChunkabcdf"]=self["webpackChunkabcdf"]||[]).push([[411],{5411:function(e,t,s){s.r(t),s.d(t,{default:function(){return n}});var o=function(){var e=this,t=e._self._c;return t("div",{staticClass:"login-page"},[e._m(0),t("div",{staticClass:"form-card"},[t("el-form",{ref:"loginForm",staticClass:"login-form",attrs:{model:e.form,rules:e.rules,"label-width":"0"}},[t("el-form-item",{attrs:{prop:"phone"}},[t("el-input",{attrs:{placeholder:"请输入手机号码",clearable:"","prefix-icon":"el-icon-phone",maxlength:"11"},model:{value:e.form.phone,callback:function(t){e.$set(e.form,"phone",t)},expression:"form.phone"}})],1),t("el-form-item",{attrs:{prop:"captcha"}},[t("el-input",{staticStyle:{width:"65%"},attrs:{placeholder:"请输入图形验证码",clearable:"","prefix-icon":"el-icon-picture"},model:{value:e.form.captcha,callback:function(t){e.$set(e.form,"captcha",t)},expression:"form.captcha"}}),t("div",{staticClass:"captcha-img",on:{click:e.refreshCaptcha}},[t("img",{staticClass:"captcha-pic",attrs:{src:e.captchaUrl,alt:"图形验证码"}})])],1),"sms"===e.loginType?t("el-form-item",{attrs:{prop:"code"}},[t("el-input",{staticStyle:{width:"65%"},attrs:{placeholder:"请输入验证码",clearable:"","prefix-icon":"el-icon-message"},model:{value:e.form.code,callback:function(t){e.$set(e.form,"code",t)},expression:"form.code"}}),t("el-button",{staticClass:"code-btn",attrs:{type:"primary",disabled:e.codeDisabled},on:{click:e.handleGetCode}},[e._v(" "+e._s(e.codeText)+" ")])],1):e._e(),"password"===e.loginType?t("el-form-item",{attrs:{prop:"password"}},[t("el-input",{attrs:{type:"password",placeholder:"请输入密码",clearable:"","prefix-icon":"el-icon-lock"},model:{value:e.form.password,callback:function(t){e.$set(e.form,"password",t)},expression:"form.password"}})],1):e._e(),t("el-form-item",{staticClass:"remember-item"},[t("el-checkbox",{attrs:{size:"mini"},model:{value:e.rememberPhone,callback:function(t){e.rememberPhone=t},expression:"rememberPhone"}},[e._v(" 记住用户名/手机号码 ")])],1),t("el-form-item",[t("el-button",{staticClass:"login-btn",attrs:{type:"primary",loading:e.submitting},on:{click:e.handleLogin}},[e._v(" 立即登录 ")])],1),e._e()],1)],1)])},r=[function(){var e=this,t=e._self._c;return t("div",{staticClass:"bg-container"},[t("img",{staticClass:"bg-img",attrs:{src:"https://static.ticket.sz-trip.com/shiweisuzhou/pc/login/loginBg.png",alt:"login background"}})])}],a=(s(4114),{name:"Login",data(){return{loginType:"sms",form:{phone:"",code:"",password:"",captcha:""},rules:{phone:[{required:!0,message:"请输入手机号码",trigger:"blur"},{pattern:/^1\d{10}$/,message:"手机号码格式错误",trigger:"blur"}],captcha:[{required:!0,message:"请输入图形验证码",trigger:"blur"},{min:4,max:4,message:"图形验证码为4位字符",trigger:"blur"}],code:[{required:!0,message:"请输入验证码",trigger:"blur"},{pattern:/^\d{6}$/,message:"验证码为6位数字",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"},{min:6,message:"密码至少6位",trigger:"blur"}]},codeText:"获取验证码",codeDisabled:!1,countdown:60,captchaUrl:"",captchaId:"",rememberPhone:!1,submitting:!1,smsCodeId:""}},mounted(){const e=localStorage.getItem("rememberedPhone");e&&(this.form.phone=e,this.rememberPhone=!0),this.refreshCaptcha()},methods:{refreshCaptcha(){this.post({},"/api/uservice/user/getCaptchaImg").then(e=>{e&&(this.captchaUrl=e.data.code,this.captchaId=e.data.id)})},switchLoginType(e){this.loginType=e,this.resetForm()},resetForm(){this.form.code="",this.form.password="",this.form.captcha="",this.$refs.loginForm.resetValidation(),this.refreshCaptcha()},handleGetCode(){this.form.phone?this.form.captcha?this.post({mobile:this.form.phone,captchaCode:this.form.captcha,captchaCodeId:this.captchaId},"/api/uservice/user/getMobileCodeForLogin").then(e=>{if(console.log(e),1==e.code){this.codeDisabled=!0,this.smsCodeId=e.data.id,this.codeText=`重新发送(${this.countdown}s)`;const t=setInterval(()=>{this.countdown--,this.codeText=`重新发送(${this.countdown}s)`,this.countdown<=0&&(clearInterval(t),this.codeText="获取验证码",this.codeDisabled=!1,this.countdown=60)},1e3)}}):this.$message.warning("请先输入图形验证码"):this.$message.warning("请先输入手机号码")},handleLogin(){this.$refs.loginForm.validate(e=>{e&&(this.submitting=!0,this.post({mobile:this.form.phone,smsCodeId:this.smsCodeId,smsCode:this.form.code,fromSource:"PC"},"/api/uservice/user/loginByMobileCode").then(e=>{if(this.submitting=!1,1==e.code){this.$message.success("登录成功！"),this.rememberPhone?localStorage.setItem("rememberedPhone",this.form.phone):localStorage.removeItem("rememberedPhone"),this.$store.commit("USER_LOGIN",{userInfo:e.data,token:e.data.token});const t=localStorage.getItem("redirectPath");this.$router.push(t||"/"),localStorage.removeItem("redirectPath")}}),setTimeout(()=>{},1500))})},goToRegister(){this.$router.push("/Register")}}}),i=a,c=s(1656),l=(0,c.A)(i,o,r,!1,null,"6c83dcbd",null),n=l.exports}}]);
|
|
//# sourceMappingURL=411.e9addbc3.js.map
|