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
4.0 KiB
2 lines
4.0 KiB
2 months ago
|
"use strict";(self["webpackChunkabcdf"]=self["webpackChunkabcdf"]||[]).push([[23],{3023:function(e,t,s){s.r(t),s.d(t,{default:function(){return c}});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("div",{staticClass:"tab-bar"},[t("div",{staticClass:"tab-item",class:{active:"sms"===e.loginType},on:{click:function(t){e.loginType="sms"}}},[e._v(" 短信登录 ")]),t("div",{staticClass:"tab-item",class:{active:"password"===e.loginType},on:{click:function(t){e.loginType="password"}}},[e._v(" 密码登录 ")])]),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"},model:{value:e.form.phone,callback:function(t){e.$set(e.form,"phone",t)},expression:"form.phone"}})],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),t("div",{staticClass:"register-guide"},[e._v(" 首次使用？ "),t("router-link",{staticClass:"register-link",attrs:{to:"/Register"},on:{click:e.goToRegister}},[e._v(" 点击注册 ")])],1)],1)],1)])},r=[function(){var e=this,t=e._self._c;return t("div",{staticClass:"bg-container"},[t("img",{staticClass:"bg-img",attrs:{src:s(3153),alt:"login background"}})])}],i=(s(4114),{name:"Login",data(){return{loginType:"sms",form:{phone:"",code:"",password:""},rules:{phone:[{required:!0,message:"请输入手机号码",trigger:"blur"},{pattern:/^1\d{10}$/,message:"手机号码格式错误",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,rememberPhone:!1,submitting:!1}},mounted(){const e=localStorage.getItem("rememberedPhone");e&&(this.form.phone=e,this.rememberPhone=!0)},methods:{switchLoginType(e){this.loginType=e,this.resetForm()},resetForm(){this.form.code="",this.form.password="",this.$refs.loginForm.resetValidation()},handleGetCode(){if(!this.form.phone)return void this.$message.warning("请先输入手机号码");this.codeDisabled=!0,this.codeText=`重新发送(${this.countdown}s)`;const e=setInterval(()=>{this.countdown--,this.codeText=`重新发送(${this.countdown}s)`,this.countdown<=0&&(clearInterval(e),this.codeText="获取验证码",this.codeDisabled=!1,this.countdown=60)},1e3)},handleLogin(){this.$refs.loginForm.validate(e=>{e&&(this.submitting=!0,setTimeout(()=>{this.$message.success("登录成功！"),this.submitting=!1,this.rememberPhone?localStorage.setItem("rememberedPhone",this.form.phone):localStorage.removeItem("rememberedPhone")},1500))})},goToRegister(){this.$router.push("/register")}}}),a=i,n=s(1656),l=(0,n.A)(a,o,r,!1,null,"d5fcf218",null),c=l.exports}}]);
|
||
|
|
//# sourceMappingURL=23.5e60beb0.js.map
|