1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4139ed56"],{"0740":function(e,t,o){},7253:function(e,t,o){"use strict";o("b12f4")},9698:function(e,t,o){e.exports=o.p+"static/img/login-head.4ebecb6f.png"},"9ed6":function(e,t,o){"use strict";o.r(t);var s=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"login-container"},[o("div",{staticClass:"form-content"},[e._m(0),"login"==e.loginOrRetrieve?o("el-form",{ref:"loginForm",staticClass:"login-form",attrs:{model:e.loginForm,rules:e.loginRules,autocomplete:"on","label-position":"left"}},[o("el-form-item",{attrs:{prop:"username"}},[o("span",{staticClass:"svg-container"},[o("svg-icon",{attrs:{"icon-class":"user"}})],1),o("el-input",{ref:"username",attrs:{placeholder:"登录用户名",name:"username",type:"text",tabindex:"1",autocomplete:"on"},model:{value:e.loginForm.username,callback:function(t){e.$set(e.loginForm,"username",t)},expression:"loginForm.username"}})],1),o("el-tooltip",{attrs:{content:"Caps lock is On",placement:"right",manual:""},model:{value:e.capsTooltip,callback:function(t){e.capsTooltip=t},expression:"capsTooltip"}},[o("el-form-item",{attrs:{prop:"password"}},[o("span",{staticClass:"svg-container"},[o("svg-icon",{attrs:{"icon-class":"password"}})],1),o("el-input",{key:e.passwordType,ref:"password",attrs:{type:e.passwordType,placeholder:"登录密码",name:"password",tabindex:"2",autocomplete:"on"},on:{blur:function(t){e.capsTooltip=!1}},nativeOn:{keyup:[function(t){return e.checkCapslock(t)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.handleLogin(t)}]},model:{value:e.loginForm.password,callback:function(t){e.$set(e.loginForm,"password",t)},expression:"loginForm.password"}}),o("span",{staticClass:"show-pwd",on:{click:e.showPwd}},[o("svg-icon",{attrs:{"icon-class":"password"===e.passwordType?"eye":"eye-open"}})],1)],1)],1),o("el-button",{staticStyle:{width:"100%","margin-bottom":"30px"},attrs:{loading:e.loading,type:"primary"},on:{click:e.handleLogin}},[e._v("立即登录")]),o("div",{staticClass:"tips"},[o("div",{staticStyle:{cursor:"pointer"},on:{click:function(t){return e.Retrieve("retrieve")}}},[e._v(" 找回密码 ")])])],1):e._e(),"retrieve"==e.loginOrRetrieve?o("div",[o("el-form",{ref:"RetrieveForm",staticClass:"login-form",attrs:{model:e.RetrieveForm,rules:e.RetrieveRules,autocomplete:"on","label-position":"left"}},[o("el-form-item",{attrs:{prop:"phone"}},[o("el-input",{ref:"phone",attrs:{placeholder:"请输入手机号",name:"phone",type:"text",tabindex:"1",autocomplete:"on"},model:{value:e.RetrieveForm.phone,callback:function(t){e.$set(e.RetrieveForm,"phone",t)},expression:"RetrieveForm.phone"}})],1),o("el-tooltip",{attrs:{content:"Caps lock is On",placement:"right",manual:""},model:{value:e.capsTooltip,callback:function(t){e.capsTooltip=t},expression:"capsTooltip"}},[o("el-form-item",{attrs:{prop:"verification_code"}},[o("el-input",{ref:"verification_code",attrs:{type:"text",placeholder:"请输入验证码",name:"text",tabindex:"2",autocomplete:"on"},model:{value:e.RetrieveForm.verification_code,callback:function(t){e.$set(e.RetrieveForm,"verification_code",t)},expression:"RetrieveForm.verification_code"}}),o("span",{staticClass:"show-pwd"},[o("el-button",{attrs:{disabled:e.isDisabled},on:{click:e.getCode}},[e._v(" "+e._s(e.buttonText)+" ")])],1)],1)],1),o("el-tooltip",{attrs:{content:"Caps lock is On",placement:"right",manual:""},model:{value:e.capsTooltip,callback:function(t){e.capsTooltip=t},expression:"capsTooltip"}},[o("el-form-item",{attrs:{prop:"new_password1"}},[o("span",{staticClass:"svg-container"},[o("svg-icon",{attrs:{"icon-class":"password"}})],1),o("el-input",{key:e.passwordType,ref:"password",attrs:{type:e.passwordType,placeholder:"请输入新密码",name:"password",tabindex:"2",autocomplete:"on"},on:{blur:function(t){e.capsTooltip=!1}},nativeOn:{keyup:function(t){return e.checkCapslock(t)}},model:{value:e.RetrieveForm.new_password1,callback:function(t){e.$set(e.RetrieveForm,"new_password1",t)},expression:"RetrieveForm.new_password1"}}),o("span",{staticClass:"show-pwd",on:{click:e.showPwd}},[o("svg-icon",{attrs:{"icon-class":"password"===e.passwordType?"eye":"eye-open"}})],1)],1)],1),o("el-tooltip",{attrs:{content:"Caps lock is On",placement:"right",manual:""},model:{value:e.capsTooltip,callback:function(t){e.capsTooltip=t},expression:"capsTooltip"}},[o("el-form-item",{attrs:{prop:"new_password2"}},[o("span",{staticClass:"svg-container"},[o("svg-icon",{attrs:{"icon-class":"password"}})],1),o("el-input",{key:e.passwordType,ref:"passwords",attrs:{type:e.passwordTypes,placeholder:"确认新密码",name:"password",tabindex:"2",autocomplete:"on"},on:{blur:function(t){e.capsTooltips=!1}},nativeOn:{keyup:function(t){return e.checkCapslock(t)}},model:{value:e.RetrieveForm.new_password2,callback:function(t){e.$set(e.RetrieveForm,"new_password2",t)},expression:"RetrieveForm.new_password2"}}),o("span",{staticClass:"show-pwd",on:{click:e.showPwds}},[o("svg-icon",{attrs:{"icon-class":"password"===e.passwordTypes?"eye":"eye-open"}})],1)],1)],1),o("el-button",{staticStyle:{width:"100%","margin-bottom":"30px"},attrs:{loading:e.loading,type:"primary"},on:{click:e.retPass}},[e._v("重置密码")]),o("div",{staticClass:"tips"},[o("div",{staticStyle:{cursor:"pointer"},on:{click:function(t){return e.Retrieve("login")}}},[e._v("返回登录")])])],1)],1):e._e()],1)])},n=[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"title-container"},[s("img",{staticClass:"images",attrs:{src:o("9698")}})])}],r=(o("13d5"),o("b64b"),o("d3b7"),o("ac1f"),o("00b4"),o("61f7"),o("b775"));function i(e){return Object(r["a"])({url:"/SMS/tailPhone",method:"post",data:e})}function a(e){return Object(r["a"])({url:"SMS/codeCheckout",method:"post",data:e})}function c(e){return Object(r["a"])({url:"SMS/updatePassword",method:"post",data:e})}var l=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"social-signup-container"},[o("div",{staticClass:"sign-btn",on:{click:function(t){return e.wechatHandleClick("wechat")}}},[o("span",{staticClass:"wx-svg-container"},[o("svg-icon",{staticClass:"icon",attrs:{"icon-class":"wechat"}})],1),e._v(" WeChat ")]),o("div",{staticClass:"sign-btn",on:{click:function(t){return e.tencentHandleClick("tencent")}}},[o("span",{staticClass:"qq-svg-container"},[o("svg-icon",{staticClass:"icon",attrs:{"icon-class":"qq"}})],1),e._v(" QQ ")])])},p=[],u={name:"SocialSignin",methods:{wechatHandleClick:function(e){alert("ok")},tencentHandleClick:function(e){alert("ok")}}},d=u,m=(o("aa05"),o("2877")),w=Object(m["a"])(d,l,p,!1,null,"7309fbbb",null),f=w.exports,v={name:"Login",components:{SocialSign:f},data:function(){var e=this,t=function(e,t,o){t.length<3?o(new Error("请填写正确的登录用户名")):o()},o=function(e,t,o){t.length<6?o(new Error("请填写正确的密码,密码不得小于6位")):o()},s=function(e,t,o){var s=/^1[3-9]\d{9}$/;""===t?o(new Error("请输入手机号码")):s.test(t)?o():o(new Error("请输入正确的手机号码"))},n=function(t,o,s){o.length<6?s(new Error("新密码不能少于6个字符")):(""!==e.RetrieveForm.new_password2&&e.$refs.RetrieveForm.validateField("new_password2"),s())},r=function(t,o,s){""===o?s(new Error("请再次输入密码")):o!==e.RetrieveForm.new_password1?s(new Error("两次输入的密码不一致")):s()};return{loginForm:{username:"",password:""},loginRules:{username:[{required:!0,trigger:"blur",validator:t}],password:[{required:!0,trigger:"blur",validator:o}]},passwordType:"password",passwordTypes:"password",capsTooltip:!1,loading:!1,showDialog:!1,redirect:void 0,otherQuery:{},loginOrRetrieve:"login",RetrieveForm:{phone:"",verification_code:"",new_password1:"",new_password2:""},RetrieveRules:{phone:[{required:!0,trigger:"blur",validator:s}],verification_code:[{required:!0,message:"请输入验证码",trigger:"blur"}],new_password1:[{required:!0,trigger:"blur",validator:n}],new_password2:[{required:!0,trigger:"blur",validator:r}]},countdown:60,isDisabled:!1,buttonText:"获取验证码"}},watch:{$route:{handler:function(e){var t=e.query;t&&(this.redirect=t.redirect,this.otherQuery=this.getOtherQuery(t))},immediate:!0}},created:function(){},mounted:function(){""===this.loginForm.username?this.$refs.username.focus():""===this.loginForm.password&&this.$refs.password.focus()},destroyed:function(){},methods:{retPass:function(){var e=this;this.$refs.RetrieveForm.validate((function(t){if(!t)return console.log("error submit!!"),!1;a({phone:e.RetrieveForm.phone,verification_code:e.RetrieveForm.verification_code}).then((function(t){200===t.status&&c(e.RetrieveForm).then((function(t){e.loginOrRetrieve="login",e.$message.success("密码已成功重置")}))})).catch((function(t){e.$message.error("验证码校验失败")}))}))},getCode:function(){var e=this;this.$refs.RetrieveForm.validateField("phone",(function(t){if(t)e.$message.warning(t);else{e.isDisabled=!0,e.buttonText="".concat(e.countdown,"s");var o=setInterval((function(){e.countdown>0?(e.countdown--,e.buttonText="".concat(e.countdown,"s")):(clearInterval(o),e.isDisabled=!1,e.buttonText="获取验证码",e.countdown=60)}),1e3);i({phone:e.RetrieveForm.phone}).then((function(e){console.log(e)}))}}))},showPwds:function(){var e=this;"password"===this.passwordTypes?this.passwordTypes="":this.passwordTypes="password",this.$nextTick((function(){e.$refs.passwords.focus()}))},checkCapslock:function(e){var t=e.key;this.capsTooltip=t&&1===t.length&&t>="A"&&t<="Z"},showPwd:function(){var e=this;"password"===this.passwordType?this.passwordType="":this.passwordType="password",this.$nextTick((function(){e.$refs.password.focus()}))},handleLogin:function(){var e=this;this.$refs.loginForm.validate((function(t){if(!t)return console.log("error submit!!"),!1;e.loading=!0,e.$store.dispatch("user/login",e.loginForm).then((function(){e.$router.push({path:e.redirect||"/",query:e.otherQuery}),e.loading=!1})).catch((function(){e.loading=!1}))}))},getOtherQuery:function(e){return Object.keys(e).reduce((function(t,o){return"redirect"!==o&&(t[o]=e[o]),t}),{})},Retrieve:function(e){this.loginOrRetrieve=e}}},h=v,g=(o("7253"),Object(m["a"])(h,s,n,!1,null,null,null));t["default"]=g.exports},aa05:function(e,t,o){"use strict";o("0740")},b12f4:function(e,t,o){}}]);
|