chunk-56fee1d8.4733d875.js 7.9 KB

1
  1. (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-56fee1d8"],{5846:function(e,t,s){},"5e72":function(e,t,s){"use strict";s("5846")},"5f4e":function(e,t,s){e.exports={color_0:"#000",color_1:"#111",color_2:"#222",color_3:"#333",color_4:"#444",color_5:"#555",color_6:"#666",color_7:"#777",color_8:"#888",color_9:"#999",color_a:"#aaa",color_b:"#bbb",color_c:"#ccc",color_d:"#ddd",color_e:"#eee",color_f2:"#f2f2f2",color_f5:"#f5f5f5",color_fa:"#fafafa",color_fc:"#fcfcfc",color_f:"#fff",color_on:"#F66420",pad:"20px"}},d5c2:function(e,t,s){"use strict";s.r(t);var o=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"container"},[s("div",{staticClass:"content"},[s("div",{staticClass:"steps"},[s("p",[s("span",{class:[0===e.active?"on":""]},[e._v("邮箱验证")]),e._v("\n >\n "),s("span",{class:[1===e.active?"on":""]},[e._v("设置密码")]),e._v("\n >\n "),s("span",{class:[2===e.active?"on":""]},[e._v("注册成功")])])]),e._v(" "),2!=e.active?s("h3",{staticClass:"title"},[e._v("免费注册")]):e._e(),e._v(" "),s("el-form",{directives:[{name:"show",rawName:"v-show",value:0===e.active,expression:"active === 0"}],ref:"emailForm",staticClass:"register-form",attrs:{model:e.emailForm,rules:e.emailRules,"label-position":"left"}},[s("el-form-item",{attrs:{prop:"email"}},[s("el-input",{ref:"email",attrs:{type:"text",size:"small",name:"email",placeholder:"请输入邮箱地址"},model:{value:e.emailForm.email,callback:function(t){e.$set(e.emailForm,"email",t)},expression:"emailForm.email"}},[s("span",{staticClass:"solt",attrs:{slot:"prefix"},slot:"prefix"},[e._v("邮箱")])])],1),e._v(" "),s("el-form-item",{attrs:{prop:"code"}},[s("el-input",{ref:"code",staticStyle:{width:"220px"},attrs:{type:"text",size:"small",name:"code",placeholder:"请输入验证码"},model:{value:e.emailForm.code,callback:function(t){e.$set(e.emailForm,"code",t)},expression:"emailForm.code"}},[s("span",{staticClass:"solt",attrs:{slot:"prefix"},slot:"prefix"},[e._v("验证码")])]),e._v(" "),s("el-button",{staticClass:"code",attrs:{type:"danger",size:"small",disabled:e.countDown>0,plain:""},nativeOn:{click:function(t){return t.preventDefault(),e.getCode(t)}}},[e._v(e._s(e.countDown>0?e.countDown+"s":"获取验证码"))])],1),e._v(" "),s("div",{staticClass:"agree"},[s("el-checkbox",{model:{value:e.emailForm.checked,callback:function(t){e.$set(e.emailForm,"checked",t)},expression:"emailForm.checked"}},[e._v("点击“下一步”按钮将视为您已阅读并同意")]),e._v(" "),s("router-link",{attrs:{to:"/protocol"}},[e._v("《注册协议》")])],1),e._v(" "),s("el-button",{staticClass:"next-btn",attrs:{type:"danger",size:"small"},nativeOn:{click:function(t){return t.preventDefault(),e.Next(t)}}},[e._v("下一步")])],1),e._v(" "),s("el-form",{directives:[{name:"show",rawName:"v-show",value:1===e.active,expression:"active === 1"}],ref:"setForm",staticClass:"register-form",attrs:{model:e.setForm,rules:e.setRules,"label-position":"left"}},[s("el-form-item",{attrs:{prop:"name"}},[s("el-input",{ref:"name",attrs:{type:"text",size:"small",name:"name",placeholder:"请设置用户名"},model:{value:e.setForm.name,callback:function(t){e.$set(e.setForm,"name",t)},expression:"setForm.name"}},[s("span",{staticClass:"solt",attrs:{slot:"prefix"},slot:"prefix"},[e._v("用户名")])])],1),e._v(" "),s("el-form-item",{attrs:{prop:"pwd"}},[s("el-input",{ref:"pwd",attrs:{type:e.setForm.pwdType,size:"small",name:"pwd",placeholder:"请输入密码"},model:{value:e.setForm.pwd,callback:function(t){e.$set(e.setForm,"pwd",t)},expression:"setForm.pwd"}},[s("span",{staticClass:"solt",attrs:{slot:"prefix"},slot:"prefix"},[e._v("密码")]),e._v(" "),s("svg-icon",{attrs:{slot:"suffix","icon-class":"password"===e.setForm.pwdType?"eye":"eye-open"},on:{click:e.showPwd},slot:"suffix"})],1)],1),e._v(" "),s("el-form-item",{attrs:{prop:"spwd"}},[s("el-input",{ref:"spwd",attrs:{type:e.setForm.spwdType,size:"small",name:"spwd",placeholder:"请确认密码"},model:{value:e.setForm.spwd,callback:function(t){e.$set(e.setForm,"spwd",t)},expression:"setForm.spwd"}},[s("span",{staticClass:"solt",attrs:{slot:"prefix"},slot:"prefix"},[e._v("确认密码")]),e._v(" "),s("svg-icon",{attrs:{slot:"suffix","icon-class":"password"===e.setForm.spwdType?"eye":"eye-open"},on:{click:e.showSpwd},slot:"suffix"})],1)],1),e._v(" "),s("el-button",{staticClass:"next-btn",attrs:{type:"danger",size:"small"},nativeOn:{click:function(t){return t.preventDefault(),e.Next(t)}}},[e._v("下一步")])],1),e._v(" "),s("div",{directives:[{name:"show",rawName:"v-show",value:2!==e.active,expression:"active !== 2"}],staticClass:"link"},[e._v("\n 已有账号?\n "),s("router-link",{staticClass:"link-item",attrs:{to:"/login"}},[e._v("立即登录")])],1),e._v(" "),s("div",{directives:[{name:"show",rawName:"v-show",value:2===e.active,expression:"active === 2"}],staticClass:"success"},[s("i",{staticClass:"el-icon-circle-check"}),e._v(" "),s("p",[e._v("恭喜您,注册成功!")]),e._v(" "),s("router-link",{attrs:{to:"/login"}},[e._v("返回登录页面")])],1)],1)])},r=[],a=(s("7f7f"),s("61f7")),i=s("b775"),l={name:"Register",data:function(){var e=this,t=function(e,t,s){t?Object(a["c"])(t)?s():s(new Error("请输入正确的邮箱地址")):s(new Error("请输入邮箱地址"))},s=function(e,t,s){t?Object(a["b"])(t)?s():s(new Error("验证码为6位数字")):s(new Error("请输入验证码"))},o=function(e,t,s){t?Object(a["e"])(t)?s():s(new Error("用户名不允许输入‘@’和‘空格’")):s(new Error("请输入用户名"))},r=function(e,t,s){t?Object(a["f"])(t)?s():s(new Error("6~18位,只能包含字母、数字和下划线")):s(new Error("请输入密码"))},i=function(t,s,o){s?s!=e.setForm.pwd?o(new Error("两次密码不一致")):o():o(new Error("请再次输入密码"))};return{active:0,countDown:"00",emailForm:{email:"",code:"",checked:!0},emailRules:{email:[{required:!0,trigger:"blur",validator:t}],code:[{required:!0,trigger:"blur",validator:s}]},setForm:{name:"",pwd:"",spwd:"",pwdType:"password",spwdType:"password"},setRules:{name:[{required:!0,trigger:"blur",validator:o}],pwd:[{required:!0,trigger:"blur",validator:r}],spwd:[{required:!0,trigger:"blur",validator:i}]}}},computed:{},methods:{showPwd:function(){var e=this;this.setForm.pwdType="password"===this.setForm.pwdType?"":"password",this.$nextTick((function(){e.$refs.pwd.focus()}))},showSpwd:function(){var e=this;this.setForm.spwdType="password"===this.setForm.spwdType?"":"password",this.$nextTick((function(){e.$refs.spwd.focus()}))},theLast:function(){var e=this;this.countDown=60;var t=setInterval((function(){e.countDown>0?(e.countDown--,e.countDown<10&&(e.countDown="0"+e.countDown)):clearInterval(t)}),1e3)},getCode:function(){var e=this;if(this.countDown>0)return this.$message.error("请不要频繁点击!");if(!this.emailForm.email)return this.$message.error("请输入邮箱地址!");if(!Object(a["c"])(this.emailForm.email))return this.$message.error("请输入正确的邮箱地址!");var t={transCode:"A00001",mail:this.emailForm.email,type:"1"};Object(i["e"])(t).then((function(t){e.$message.success("验证码已发送至邮箱: ".concat(e.emailForm.email," ,请注意查收!")),e.theLast()})).catch((function(e){}))},Next:function(){var e=this;0===this.active?this.$refs.emailForm.validate((function(t){if(!t)return!1;e.emailForm.checked?e.active=1:e.$alert("请仔细阅读《注册协议》,并同意!","提示",{confirmButtonText:"确定",callback:function(e){}})})):1===this.active&&this.$refs.setForm.validate((function(t){if(!t)return!1;var s={transCode:"A00003",userName:e.setForm.name,password:Object(i["b"])(e.setForm.pwd),mail:e.emailForm.email,verificationCode:e.emailForm.code};Object(i["e"])(s).then((function(t){e.$message.success("恭喜您,注册成功!"),e.active=2})).catch((function(e){}))}))}}},n=l,c=(s("5e72"),s("d862"),s("2877")),m=Object(c["a"])(n,o,r,!1,null,"2c1cdfb8",null);t["default"]=m.exports},d862:function(e,t,s){"use strict";s("5f4e")}}]);