(self["webpackChunkexchange"]=self["webpackChunkexchange"]||[]).push([[8224],{43803:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return y}});var i=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"register"},[i("div",{staticClass:"top",on:{click:function(e){return t.$router.go(-1)}}},[i("img",{attrs:{src:n(77635)("./"+t.theme+"/image/Union.png"),alt:""}})]),i("Step",{attrs:{step:1}}),i("div",{staticClass:"title textColor"},[t._v(t._s(t.$t("注册")))]),i("div",{staticClass:"flex re-tab"},[i("div",{staticClass:"textColor1",class:1==t.activeIndex?"active":"",on:{click:function(e){return t.changeIndex(1)}}},[t._v(t._s(t.$t("邮箱")))]),i("div",{staticClass:"textColor1",class:2==t.activeIndex?"active":"",on:{click:function(e){return t.changeIndex(2)}}},[t._v(t._s(t.$t("手机号")))])]),i("ExInput",{attrs:{label:t.getRegType(t.activeIndex,!0),placeholderText:t.getRegType(t.activeIndex,!1),area:t.isArea,dialCode:t.dialCode,icon:t.icon},on:{selectArea:t.onSelectArea},model:{value:t.username,callback:function(e){t.username="string"===typeof e?e.trim():e},expression:"username"}}),i("ExInput",{attrs:{label:t.$t("设置密码"),placeholderText:t.$t("密码（6-12个字符）"),typeText:"password"},model:{value:t.password,callback:function(e){t.password=e},expression:"password"}}),i("ExInput",{attrs:{label:t.$t("确认密码"),placeholderText:t.$t("请确认密码"),typeText:"password"},model:{value:t.repassword,callback:function(e){t.repassword=e},expression:"repassword"}}),i("ExInput",{attrs:{label:t.$t("邀请码"),placeholderText:t.$t("请输入邀请码"),clearBtn:!1},model:{value:t.invitCode,callback:function(e){t.invitCode=e},expression:"invitCode"}}),i("div",{staticClass:"protocol textColor"},[i("i",{on:{click:t.agreeProt}},[i("img",{directives:[{name:"show",rawName:"v-show",value:t.agree,expression:"agree"}],attrs:{src:n(49501),alt:""}}),i("img",{directives:[{name:"show",rawName:"v-show",value:!t.agree,expression:"!agree"}],attrs:{src:n(65734),alt:""}})]),t._v(" "+t._s(t.$t("我已阅读并同意"))),i("span",{staticClass:"colorMain",on:{click:function(e){return t.$router.push("/TermsOfService?serviceTerm=1")}}},[t._v(t._s(t.$t("服务条款")))])]),i("div",{staticClass:"btn btnMain",on:{click:t.register}},[t._v(t._s(t.$t("注册")))]),i("div",{staticClass:"noTips textColor"},[t._v(t._s(t.$t("已有账号"))),i("span",{staticClass:"colorMain",on:{click:function(e){return t.$router.push("/login")}}},[t._v(" "+t._s(t.$t("去登录")))])]),i("nationality-list",{ref:"controlChild",attrs:{title:t.$t("选择区域码")},on:{getName:function(e){return t.getName(arguments)}}}),i("Vcode",{attrs:{imgs:[t.img1,t.img2],show:t.show,canvasHeight:200,sliderText:"",successText:t.$t("验证通过!"),failText:t.$t("验证失败,请重试")},on:{success:t.onSuccess,fail:t.onFail,close:function(e){t.show=!1}}}),i("div",[t._v(t._s(t.msg))])],1)},s=[],a=(n(93093),n(75187)),o=(n(44114),n(47755)),r=n(45170),h=n(10861),l=n(93518),c=n(54401),d=n(53963),u=n(94363),p=n.n(u),g=n.p+"img/1.2f228562.png",f=n.p+"img/2.ccb98307.png",v=n(23808),m=n(94348),b={props:{},components:{[a.A.name]:a.A,ExInput:o.A,Step:r.A,nationalityList:d.A,Vcode:p()},data(){return{show:!1,msg:"",type:3,agree:!1,username:"",password:"",repassword:"",invitCode:"",activeIndex:1,typeText:"password",isArea:!1,dialCode:0,icon:"",img1:g,img2:f}},mounted(){let t=(0,v.c7)("usercode");t&&(this.invitCode=t)},computed:{...(0,l.L8)({theme:"home/theme"})},methods:{...(0,l.i0)("user",[c.j_]),getRegType(t,e){switch(t){case 0:return e?this.$t("账号"):this.$t("请输入账号");case 1:return e?this.$t("邮箱"):this.$t("请输入邮箱");case 2:return e?this.$t("手机号"):this.$t("请输入手机号")}},onClose(){m.log("onClose")},onSuccess(){m.log("onSuccess"),this.registerApi(),this.show=!1},onFail(){this.msg=""},onRefresh(){this.msg=""},onSelectArea(){this.openBtn()},openBtn(){this.$refs.controlChild.open()},getName(t){this.icon=t[1],this.dialCode=t[2]},agreeProt(){this.agree=!this.agree},register(){switch(this.activeIndex){case 0:if(""==this.username)return void this.$toast(this.$t("请输入账号"));if(this.username.length<6||this.username.length>30)return void this.$toast(this.$t("账号长度必须6-30位"));break;case 1:{let t=this.username.search(/@/);if(""==this.username||-1==t)return void this.$toast(this.$t("请输入正确的邮箱地址"));break}case 2:if(""==this.username)return void this.$toast(this.$t("请输入手机号"));break}""!=this.password?this.password.length<6?this.$toast(this.$t("密码（6-12个字符）")):this.repassword===this.password?this.agree?this.show=!0:this.$toast(this.$t("请同意服务条款")):this.$toast(this.$t("密码不一致")):this.$toast(this.$t("请输入密码"))},changeIndex(t){switch(this.activeIndex=t,t){case 0:case 1:this.isArea=!1;break;case 2:this.isArea=!0;break}},registerApi(){switch(this.activeIndex){case 0:this.type=3;break;case 1:this.type=2;break;case 2:this.type=1;break}h.A.registerUser({username:0==this.activeIndex||1==this.activeIndex?this.username:`${this.username}`,password:this.password,re_password:this.repassword,type:this.type,usercode:this.invitCode}).then((t=>{this.GET_USERINFO(t.data),0==this.activeIndex||2==this.activeIndex?this.$router.push("/setFond"):this.$router.push({name:"verify",query:{type:this.activeIndex,account:1==this.activeIndex?this.username:`${this.username}`}})})).catch((t=>{"ECONNABORTED"===t.code?this.$toast(this.$t("网络超时！")):void 0!==t.msg&&this.$toast(this.$t(t.msg))}))}}},x=b,A=n(81656),w=(0,A.A)(x,i,s,!1,null,"8332aa5a",null),y=w.exports},45170:function(t,e,n){"use strict";n.d(e,{A:function(){return l}});var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"steps"},[n("div",{staticClass:"step",class:1==t.step||2==t.step||3==t.step||4==t.step?"green":""},[t._v("1")]),n("div",{staticClass:"line",class:1==t.step||2==t.step||3==t.step||4==t.step?"green":""}),n("div",{staticClass:"step",class:2==t.step||3==t.step||4==t.step?"green":""},[t._v("2")]),n("div",{staticClass:"line",class:3==t.step||4==t.step?"green":""}),n("div",{staticClass:"step",class:3==t.step||4==t.step?"green":""},[t._v("3")]),n("div",{staticClass:"line",class:4==t.step?"green":""}),n("div",{staticClass:"step",class:4==t.step?"green":""},[t._v("4")])]),n("div",{staticClass:"stepsText textColor"},[n("div",[t._v(t._s(t.$t("账号注册")))]),n("div",[t._v(t._s(t.$t("实名认证")))]),n("div",[t._v(t._s(t.$t("安全绑定")))]),n("div",[t._v(t._s(t.$t("去交易")))])])])},s=[],a={props:{step:{type:Number|String,default:1}},components:{},data(){return{}},methods:{}},o=a,r=n(81656),h=(0,r.A)(o,i,s,!1,null,"1b272119",null),l=h.exports},94363:function(t,e,n){n(44114),n(64979),function(e,n){t.exports=n()}(0,(function(){return function(){"use strict";var t={358:function(t,e,n){var i=n(81),s=n.n(i),a=n(645),o=n.n(a)()(s());o.push([t.id,".vue-puzzle-vcode {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.3);\n z-index: 999;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 200ms;\n transition: opacity 200ms;\n}\n.vue-puzzle-vcode.show_ {\n opacity: 1;\n pointer-events: auto;\n}\n.vue-auth-box_ {\n position: absolute;\n top: 40%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n padding: 20px;\n background: #fff;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-radius: 3px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.vue-auth-box_ .auth-body_ {\n position: relative;\n overflow: hidden;\n border-radius: 3px;\n}\n.vue-auth-box_ .auth-body_ .loading-box_ {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.8);\n z-index: 20;\n opacity: 1;\n -webkit-transition: opacity 200ms;\n transition: opacity 200ms;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n.vue-auth-box_ .auth-body_ .loading-box_.hide_ {\n opacity: 0;\n pointer-events: none;\n}\n.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span {\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ {\n -webkit-box-flex: 0;\n -webkit-flex: none;\n flex: none;\n height: 5px;\n line-height: 0;\n}\n@-webkit-keyframes load {\n0% {\n opacity: 1;\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n}\n100% {\n opacity: 0.2;\n -webkit-transform: scale(0.3);\n transform: scale(0.3);\n}\n}\n@keyframes load {\n0% {\n opacity: 1;\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n}\n100% {\n opacity: 0.2;\n -webkit-transform: scale(0.3);\n transform: scale(0.3);\n}\n}\n.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span {\n display: inline-block;\n width: 5px;\n height: 100%;\n margin-left: 2px;\n border-radius: 50%;\n background-color: #888;\n -webkit-animation: load 1.04s ease infinite;\n animation: load 1.04s ease infinite;\n}\n.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(1) {\n margin-left: 0;\n}\n.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(2) {\n -webkit-animation-delay: 0.13s;\n animation-delay: 0.13s;\n}\n.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(3) {\n -webkit-animation-delay: 0.26s;\n animation-delay: 0.26s;\n}\n.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(4) {\n -webkit-animation-delay: 0.39s;\n animation-delay: 0.39s;\n}\n.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(5) {\n -webkit-animation-delay: 0.52s;\n animation-delay: 0.52s;\n}\n.vue-auth-box_ .auth-body_ .info-box_ {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 24px;\n line-height: 24px;\n text-align: center;\n overflow: hidden;\n font-size: 13px;\n background-color: #83ce3f;\n opacity: 0;\n -webkit-transform: translateY(24px);\n transform: translateY(24px);\n -webkit-transition: all 200ms;\n transition: all 200ms;\n color: #fff;\n z-index: 10;\n}\n.vue-auth-box_ .auth-body_ .info-box_.show {\n opacity: 0.95;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n.vue-auth-box_ .auth-body_ .info-box_.fail {\n background-color: #ce594b;\n}\n.vue-auth-box_ .auth-body_ .auth-canvas2_ {\n position: absolute;\n top: 0;\n left: 0;\n width: 60px;\n height: 100%;\n z-index: 2;\n}\n.vue-auth-box_ .auth-body_ .auth-canvas3_ {\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n -webkit-transition: opacity 600ms;\n transition: opacity 600ms;\n z-index: 3;\n}\n.vue-auth-box_ .auth-body_ .auth-canvas3_.show {\n opacity: 1;\n}\n.vue-auth-box_ .auth-body_ .flash_ {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.1);\n z-index: 3;\n}\n.vue-auth-box_ .auth-body_ .flash_.show {\n -webkit-transition: -webkit-transform 600ms;\n transition: -webkit-transform 600ms;\n transition: transform 600ms;\n transition: transform 600ms, -webkit-transform 600ms;\n}\n.vue-auth-box_ .auth-body_ .reset_ {\n position: absolute;\n top: 2px;\n right: 2px;\n width: 35px;\n height: auto;\n z-index: 12;\n cursor: pointer;\n -webkit-transition: -webkit-transform 200ms;\n transition: -webkit-transform 200ms;\n transition: transform 200ms;\n transition: transform 200ms, -webkit-transform 200ms;\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n.vue-auth-box_ .auth-body_ .reset_:hover {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n.vue-auth-box_ .auth-control_ .range-box {\n position: relative;\n width: 100%;\n background-color: #eef1f8;\n margin-top: 20px;\n border-radius: 3px;\n box-shadow: 0 0 8px rgba(240, 240, 240, 0.6) inset;\n}\n.vue-auth-box_ .auth-control_ .range-box .range-text {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n font-size: 14px;\n color: #b7bcd1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: center;\n width: 100%;\n}\n.vue-auth-box_ .auth-control_ .range-box .range-slider {\n position: absolute;\n height: 100%;\n width: 50px;\n background-color: rgba(106, 160, 255, 0.8);\n border-radius: 3px;\n}\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn {\n position: absolute;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n right: 0;\n width: 50px;\n height: 100%;\n background-color: #fff;\n border-radius: 3px;\n box-shadow: 0 0 4px #ccc;\n cursor: pointer;\n}\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn > div {\n width: 0;\n height: 40%;\n -webkit-transition: all 200ms;\n transition: all 200ms;\n border: solid 1px #6aa0ff;\n}\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn > div:nth-child(2) {\n margin: 0 4px;\n}\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover > div:first-child,\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown > div:first-child {\n border: solid 4px transparent;\n height: 0;\n border-right-color: #6aa0ff;\n}\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover > div:nth-child(2),\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown > div:nth-child(2) {\n border-width: 3px;\n height: 0;\n border-radius: 3px;\n margin: 0 6px;\n border-right-color: #6aa0ff;\n}\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover > div:nth-child(3),\n.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown > div:nth-child(3) {\n border: solid 4px transparent;\n height: 0;\n border-left-color: #6aa0ff;\n}\n.vue-puzzle-overflow {\n overflow: hidden !important;\n}\n",""]),e.Z=o},645:function(t){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",i=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),i&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),i&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,i,s,a){"string"==typeof t&&(t=[[null,t,void 0]]);var o={};if(i)for(var r=0;r<this.length;r++){var h=this[r][0];null!=h&&(o[h]=!0)}for(var l=0;l<t.length;l++){var c=[].concat(t[l]);i&&o[c[0]]||(void 0!==a&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),n&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=n):c[2]=n),s&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=s):c[4]="".concat(s)),e.push(c))}},e}},81:function(t){t.exports=function(t){return t[1]}},379:function(t){var e=[];function n(t){for(var n=-1,i=0;i<e.length;i++)if(e[i].identifier===t){n=i;break}return n}function i(t,i){for(var a={},o=[],r=0;r<t.length;r++){var h=t[r],l=i.base?h[0]+i.base:h[0],c=a[l]||0,d="".concat(l," ").concat(c);a[l]=c+1;var u=n(d),p={css:h[1],media:h[2],sourceMap:h[3],supports:h[4],layer:h[5]};if(-1!==u)e[u].references++,e[u].updater(p);else{var g=s(p,i);i.byIndex=r,e.splice(r,0,{identifier:d,updater:g,references:1})}o.push(d)}return o}function s(t,e){var n=e.domAPI(e);return n.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,s){var a=i(t=t||[],s=s||{});return function(t){t=t||[];for(var o=0;o<a.length;o++){var r=n(a[o]);e[r].references--}for(var h=i(t,s),l=0;l<a.length;l++){var c=n(a[l]);0===e[c].references&&(e[c].updater(),e.splice(c,1))}a=h}}},569:function(t){var e={};t.exports=function(t,n){var i=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(n)}},216:function(t){t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},565:function(t,e,n){t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},795:function(t){t.exports=function(t){var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var i="";n.supports&&(i+="@supports (".concat(n.supports,") {")),n.media&&(i+="@media ".concat(n.media," {"));var s=void 0!==n.layer;s&&(i+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),i+=n.css,s&&(i+="}"),n.media&&(i+="}"),n.supports&&(i+="}");var a=n.sourceMap;a&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(i,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},589:function(t){t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}},e={};function n(i){var s=e[i];if(void 0!==s)return s.exports;var a=e[i]={id:i,exports:{}};return t[i](a,a.exports,n),a.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};return function(){n.r(i),n.d(i,{default:function(){return x}});var t=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:["vue-puzzle-vcode",{show_:t.show}],on:{mousedown:t.onCloseMouseDown,mouseup:t.onCloseMouseUp,touchstart:t.onCloseMouseDown,touchend:t.onCloseMouseUp}},[n("div",{staticClass:"vue-auth-box_",on:{mousedown:function(t){t.stopPropagation()},touchstart:function(t){t.stopPropagation()}}},[n("div",{staticClass:"auth-body_",style:"height: "+t.canvasHeight+"px"},[n("canvas",{ref:"canvas1",style:"width:"+t.canvasWidth+"px;height:"+t.canvasHeight+"px",attrs:{width:t.canvasWidth,height:t.canvasHeight}}),t._v(" "),n("canvas",{ref:"canvas3",class:["auth-canvas3_",{show:t.isSuccess}],style:"width:"+t.canvasWidth+"px;height:"+t.canvasHeight+"px",attrs:{width:t.canvasWidth,height:t.canvasHeight}}),t._v(" "),n("canvas",{ref:"canvas2",staticClass:"auth-canvas2_",style:"width:"+t.puzzleBaseSize+"px;height:"+t.canvasHeight+"px;transform:translateX("+(t.styleWidth-t.sliderBaseSize-(t.puzzleBaseSize-t.sliderBaseSize)*((t.styleWidth-t.sliderBaseSize)/(t.canvasWidth-t.sliderBaseSize)))+"px)",attrs:{width:t.puzzleBaseSize,height:t.canvasHeight}}),t._v(" "),n("div",{class:["loading-box_",{hide_:!t.loading}]},[t._m(0)]),t._v(" "),n("div",{class:["info-box_",{show:t.infoBoxShow},{fail:t.infoBoxFail}]},[t._v("\n "+t._s(t.infoText)+"\n ")]),t._v(" "),n("div",{class:["flash_",{show:t.isSuccess}],style:"transform: translateX("+(t.isSuccess?t.canvasWidth+.578*t.canvasHeight+"px":"-"+.578*t.canvasHeight+"px")+") skew(-30deg, 0);"}),t._v(" "),n("img",{staticClass:"reset_",attrs:{src:t.resetSvg},on:{click:t.reset}})]),t._v(" "),n("div",{staticClass:"auth-control_"},[n("div",{staticClass:"range-box",style:"height:"+t.sliderBaseSize+"px"},[n("div",{staticClass:"range-text"},[t._v(t._s(t.sliderText))]),t._v(" "),n("div",{ref:"range-slider",staticClass:"range-slider",style:"width:"+t.styleWidth+"px"},[n("div",{class:["range-btn",{isDown:t.mouseDown}],style:"width:"+t.sliderBaseSize+"px",on:{mousedown:function(e){return t.onRangeMouseDown(e)},touchstart:function(e){return t.onRangeMouseDown(e)}}},[n("div"),t._v(" "),n("div"),t._v(" "),n("div")])])])])])])};t._withStripped=!0;var e={props:{canvasWidth:{type:Number,default:310},canvasHeight:{type:Number,default:160},show:{type:Boolean,default:!1},puzzleScale:{type:Number,default:1},sliderSize:{type:Number,default:50},range:{type:Number,default:10},imgs:{type:Array},successText:{type:String,default:"验证通过！"},failText:{type:String,default:"验证失败，请重试"},sliderText:{type:String,default:"拖动滑块完成拼图"}},data:()=>({mouseDown:!1,startWidth:50,startX:0,newX:0,pinX:0,pinY:0,loading:!1,isCanSlide:!1,error:!1,infoBoxShow:!1,infoText:"",infoBoxFail:!1,timer1:null,closeDown:!1,isSuccess:!1,imgIndex:-1,isSubmting:!1,resetSvg:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAELklEQVRYR+2YW2wUZRTH//9vtlCoF9IoIklT3PqgPGi326hoetuaGEhIr9SgCYkkgt2WGOQVCca+GavWdr0GjD4YhG3RB3hply1LQA1tEQIxEXapGI2pEkys9LIzx2ylYWfY6e5sF0oi+7hzzvl+3/9855xvhrjNf7zN+XAHcL4Z+n8o6JWTeYt++W25S596AIZy6TB+n3yo+Nchlk8vmIIVowdXU9c3Q1gDSilBlQwjgBAYFGDvdF58/4milqvZwDpOcXWsb5Uh8hmBqkwXFMhlCN8aX5LXNbRy/T+Z+iXsHAFWRXs3QGQPyLucLDJrK5DgUXdTsxPfjAEro8E3Ce50EtxsKxPTwCPH3U2jTmJkBJgWTnAMxDeGMEoa0xQ+LJQnCD4HYFkCyAC3RdwN3U7gMkpxRTTYrMD91sCJIgCxV5R6O1Jcfy7VwonqLoj9/CqB2kF341qncGkBvRe+ureAWpRgoalCBecMFzcdK24YymZRJz5zprgq1tsJwXYL3CVZGvdGHmwZc7JQtra2gE+f712ep2QUYP714DJhaJrXLqXZQszlZwtYdSHoB9ljVk/ePVrSZFL0ZkAlxzQBVseCT8WhZhRThtFB8plk9Zi/qCi8cv0fNxvKFrDy4oF11NXXIFy2EII4iBcG3Y03VLZT8OqRd5aFPduvOEpxRayvXolxAKB2g6NgEhobBlc1HHYKY7WvHf5wtVAPgegIlbbZ9seUZ7AyFnwewi9pGoUyDmhrB931kfnC1ZwOeKlLP8GZJi6QLSFP2yep4toXSbT3ZQAfX3O6omt8Nhd9r/aHQAUMOQywYBZo5uZD2ThQ2rbPCjlnH6yI9rUryE5DU75ctJaake46Be4DuDjF8dFBNA94/AdtiySVxIlpMlTS8td801o70vMigM9huTda2lhcKHVHPO2HZv/P6LIwX7hk/+qzPSvUJGMkrg8AQYTkroRdXMlE+HH/twsG6BsOdJHYZlaO/lBZ6weOiiSXqs3Gqj0TeAxx+T75DIpgwjC0onD51pQD4JaluPrkR/cpFT9DcoVp84LOgTL/DjtBbglgou+puHwB8lEznPxJw1XSX77VtgizBvQNBw4RMqB7xt4Lc3c8lQKJaQHoO4R8ydz0/7MWoCXk8c85MrMC9J3qaafw/WtQlwXST+F3BnAeYB4obgJ1BJIuG+YtiKAjVOZ/Pd1ZdwzoG+4uBtSPpjaRbhXLcwF3hzytb2TilgVgT5BkYybBrTYC+Rvg5nRpdTRJrIs8+VPXPQXj2i4ItxC4O2NQQUQnN4U9rRcz9nH64p4ceM2lziX5Y4s3KHCdUHwE77ecMkMEp6BwhIa2Z6DslZRvfulgHafYLuCas58WLp2aLCFUga70qxOFU6dPFL2W1feYeaU43Y5z/TxnCuYabMEuC043ckdBp4pZ7f8FE5psOI1g6fwAAAAASUVORK5CYII="}),mounted(){document.body.appendChild(this.$el),document.addEventListener("mousemove",this.onRangeMouseMove,!1),document.addEventListener("mouseup",this.onRangeMouseUp,!1),document.addEventListener("touchmove",this.onRangeMouseMove,{passive:!1}),document.addEventListener("touchend",this.onRangeMouseUp,!1),this.show&&(document.body.classList.add("vue-puzzle-overflow"),this.reset())},beforeDestroy(){clearTimeout(this.timer1),document.body.removeChild(this.$el),document.removeEventListener("mousemove",this.onRangeMouseMove,!1),document.removeEventListener("mouseup",this.onRangeMouseUp,!1),document.removeEventListener("touchmove",this.onRangeMouseMove,{passive:!1}),document.removeEventListener("touchend",this.onRangeMouseUp,!1)},watch:{show(t){t?(document.body.classList.add("vue-puzzle-overflow"),this.reset()):(this.isSubmting=!1,this.isSuccess=!1,this.infoBoxShow=!1,document.body.classList.remove("vue-puzzle-overflow"))}},computed:{styleWidth(){const t=this.startWidth+this.newX-this.startX;return t<this.sliderBaseSize?this.sliderBaseSize:t>this.canvasWidth?this.canvasWidth:t},puzzleBaseSize(){return Math.round(52.5*Math.max(Math.min(this.puzzleScale,2),.2)+6)},sliderBaseSize(){return Math.max(Math.min(Math.round(this.sliderSize),Math.round(.5*this.canvasWidth)),10)}},methods:{onClose(){this.mouseDown||this.isSubmting||(clearTimeout(this.timer1),this.$emit("close"))},onCloseMouseDown(){this.closeDown=!0},onCloseMouseUp(){this.closeDown&&this.onClose(),this.closeDown=!1},onRangeMouseDown(t){this.isCanSlide&&(this.mouseDown=!0,this.startWidth=this.$refs["range-slider"].clientWidth,this.newX=t.clientX||t.changedTouches[0].clientX,this.startX=t.clientX||t.changedTouches[0].clientX)},onRangeMouseMove(t){this.mouseDown&&(t.preventDefault(),this.newX=t.clientX||t.changedTouches[0].clientX)},onRangeMouseUp(){this.mouseDown&&(this.mouseDown=!1,this.submit())},init(t){if(this.loading&&!t)return;this.loading=!0,this.isCanSlide=!1;const e=this.$refs.canvas1,n=this.$refs.canvas2,i=this.$refs.canvas3,s=e.getContext("2d"),a=n.getContext("2d"),o=i.getContext("2d"),r=navigator.userAgent.indexOf("Firefox")>=0&&navigator.userAgent.indexOf("Windows")>=0,h=document.createElement("img");if(s.fillStyle="rgba(255,255,255,1)",o.fillStyle="rgba(255,255,255,1)",s.clearRect(0,0,this.canvasWidth,this.canvasHeight),a.clearRect(0,0,this.canvasWidth,this.canvasHeight),this.pinX=this.getRandom(this.puzzleBaseSize,this.canvasWidth-this.puzzleBaseSize-20),this.pinY=this.getRandom(20,this.canvasHeight-this.puzzleBaseSize-20),h.crossOrigin="anonymous",h.onload=()=>{const[t,e,n,i]=this.makeImgSize(h);s.save(),this.paintBrick(s),s.closePath(),r?(s.clip(),s.save(),s.shadowOffsetX=0,s.shadowOffsetY=0,s.shadowColor="#000",s.shadowBlur=3,s.fill(),s.restore()):(s.shadowOffsetX=0,s.shadowOffsetY=0,s.shadowColor="#000",s.shadowBlur=3,s.fill(),s.clip()),s.drawImage(h,t,e,n,i),o.fillRect(0,0,this.canvasWidth,this.canvasHeight),o.drawImage(h,t,e,n,i),s.globalCompositeOperation="source-atop",this.paintBrick(s),s.arc(this.pinX+Math.ceil(this.puzzleBaseSize/2),this.pinY+Math.ceil(this.puzzleBaseSize/2),1.2*this.puzzleBaseSize,0,2*Math.PI,!0),s.closePath(),s.shadowColor="rgba(255, 255, 255, .8)",s.shadowOffsetX=-1,s.shadowOffsetY=-1,s.shadowBlur=Math.min(Math.ceil(8*this.puzzleScale),12),s.fillStyle="#ffffaa",s.fill();const l=s.getImageData(this.pinX-3,this.pinY-20,this.pinX+this.puzzleBaseSize+5,this.pinY+this.puzzleBaseSize+5);a.putImageData(l,0,this.pinY-20),s.restore(),s.clearRect(0,0,this.canvasWidth,this.canvasHeight),s.save(),this.paintBrick(s),s.globalAlpha=.8,s.fillStyle="#ffffff",s.fill(),s.restore(),s.save(),s.globalCompositeOperation="source-atop",this.paintBrick(s),s.arc(this.pinX+Math.ceil(this.puzzleBaseSize/2),this.pinY+Math.ceil(this.puzzleBaseSize/2),1.2*this.puzzleBaseSize,0,2*Math.PI,!0),s.shadowColor="#000",s.shadowOffsetX=2,s.shadowOffsetY=2,s.shadowBlur=16,s.fill(),s.restore(),s.save(),s.globalCompositeOperation="destination-over",s.drawImage(h,t,e,n,i),s.restore(),this.loading=!1,this.isCanSlide=!0},h.onerror=()=>{this.init(!0)},!t&&this.imgs&&this.imgs.length){let t=this.getRandom(0,this.imgs.length-1);t===this.imgIndex&&(t===this.imgs.length-1?t=0:t++),this.imgIndex=t,h.src=this.imgs[t]}else h.src=this.makeImgWithCanvas()},getRandom:(t,e)=>Math.ceil(Math.random()*(e-t)+t),makeImgSize(t){const e=t.width/t.height;let n=0,i=0,s=0,a=0;return e>this.canvasWidth/this.canvasHeight?(a=this.canvasHeight,s=e*a,i=0,n=(this.canvasWidth-s)/2):(s=this.canvasWidth,a=s/e,n=0,i=(this.canvasHeight-a)/2),[n,i,s,a]},paintBrick(t){const e=Math.ceil(15*this.puzzleScale);t.beginPath(),t.moveTo(this.pinX,this.pinY),t.lineTo(this.pinX+e,this.pinY),t.arcTo(this.pinX+e,this.pinY-e/2,this.pinX+e+e/2,this.pinY-e/2,e/2),t.arcTo(this.pinX+e+e,this.pinY-e/2,this.pinX+e+e,this.pinY,e/2),t.lineTo(this.pinX+e+e+e,this.pinY),t.lineTo(this.pinX+e+e+e,this.pinY+e),t.arcTo(this.pinX+e+e+e+e/2,this.pinY+e,this.pinX+e+e+e+e/2,this.pinY+e+e/2,e/2),t.arcTo(this.pinX+e+e+e+e/2,this.pinY+e+e,this.pinX+e+e+e,this.pinY+e+e,e/2),t.lineTo(this.pinX+e+e+e,this.pinY+e+e+e),t.lineTo(this.pinX,this.pinY+e+e+e),t.lineTo(this.pinX,this.pinY+e+e),t.arcTo(this.pinX+e/2,this.pinY+e+e,this.pinX+e/2,this.pinY+e+e/2,e/2),t.arcTo(this.pinX+e/2,this.pinY+e,this.pinX,this.pinY+e,e/2),t.lineTo(this.pinX,this.pinY)},makeImgWithCanvas(){const t=document.createElement("canvas"),e=t.getContext("2d");t.width=this.canvasWidth,t.height=this.canvasHeight,e.fillStyle=`rgb(${this.getRandom(100,255)},${this.getRandom(100,255)},${this.getRandom(100,255)})`,e.fillRect(0,0,this.canvasWidth,this.canvasHeight);for(let n=0;n<12;n++)if(e.fillStyle=`rgb(${this.getRandom(100,255)},${this.getRandom(100,255)},${this.getRandom(100,255)})`,e.strokeStyle=`rgb(${this.getRandom(100,255)},${this.getRandom(100,255)},${this.getRandom(100,255)})`,this.getRandom(0,2)>1)e.save(),e.rotate(this.getRandom(-90,90)*Math.PI/180),e.fillRect(this.getRandom(-20,t.width-20),this.getRandom(-20,t.height-20),this.getRandom(10,t.width/2+10),this.getRandom(10,t.height/2+10)),e.restore();else{e.beginPath();const n=this.getRandom(-Math.PI,Math.PI);e.arc(this.getRandom(0,t.width),this.getRandom(0,t.height),this.getRandom(10,t.height/2+10),n,n+1.5*Math.PI),e.closePath(),e.fill()}return t.toDataURL("image/png")},submit(){this.isSubmting=!0;const t=Math.abs(this.pinX-(this.styleWidth-this.sliderBaseSize)+(this.puzzleBaseSize-this.sliderBaseSize)*((this.styleWidth-this.sliderBaseSize)/(this.canvasWidth-this.sliderBaseSize))-3);t<this.range?(this.infoText=this.successText,this.infoBoxFail=!1,this.infoBoxShow=!0,this.isCanSlide=!1,this.isSuccess=!0,clearTimeout(this.timer1),this.timer1=setTimeout((()=>{this.isSubmting=!1,this.$emit("success",t)}),800)):(this.infoText=this.failText,this.infoBoxFail=!0,this.infoBoxShow=!0,this.isCanSlide=!1,this.$emit("fail",t),clearTimeout(this.timer1),this.timer1=setTimeout((()=>{this.isSubmting=!1,this.reset()}),800))},resetState(){this.infoBoxFail=!1,this.infoBoxShow=!1,this.isCanSlide=!1,this.isSuccess=!1,this.startWidth=this.sliderBaseSize,this.startX=0,this.newX=0},reset(){this.isSubmting||(this.resetState(),this.init())}}},s=n(379),a=n.n(s),o=n(795),r=n.n(o),h=n(569),l=n.n(h),c=n(565),d=n.n(c),u=n(216),p=n.n(u),g=n(589),f=n.n(g),v=n(358),m={};m.styleTagTransform=f(),m.setAttributes=d(),m.insert=l().bind(null,"head"),m.domAPI=r(),m.insertStyleElement=p(),a()(v.Z,m),v.Z&&v.Z.locals&&v.Z.locals;var b=function(t,e,n,i,s,a,o,r){var h,l="function"==typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"loading-gif_"},[n("span"),t._v(" "),n("span"),t._v(" "),n("span"),t._v(" "),n("span"),t._v(" "),n("span")])}],l._compiled=!0),h)if(l.functional){l._injectStyles=h;var c=l.render;l.render=function(t,e){return h.call(e),c(t,e)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,h):[h]}return{exports:t,options:l}}(e,t);b.options.__file="src/app.vue";var x=b.exports}(),i}()}))},10861:function(t,e,n){"use strict";var i=n(60783);const s=t=>(0,i.zi)({url:"projectInfoApp/getCurrentProjectInfo",method:"get",isLoading:!0},t),a=t=>(0,i.zi)({url:"/api/localuser!registerNoVerifcode.action",method:"get",isLoading:!0},t),o=t=>(0,i.zi)({url:"/api/user!login.action",method:"get",isLoading:!0},t),r=t=>(0,i.zi)({url:"/api/idcode!execute.action",method:"get",isLoading:!1},t),h=t=>(0,i.zi)({url:"/api/cms!list.action",method:"get",isLoading:!1},t),l=t=>(0,i.zi)({url:"/api/localuser!registerTest.action",method:"get",isLoading:!0},t),c={getCurrentProjectInfo:s,registerUser:a,sendVerifyCode:r,loginUser:o,helpCenter:h,registerTest:l};e.A=c},77635:function(t,e,n){var i={"./dark/image/Union.png":41464,"./light/image/Union.png":51642};function s(t){var e=a(t);return n(e)}function a(t){if(!n.o(i,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return i[t]}s.keys=function(){return Object.keys(i)},s.resolve=a,t.exports=s,s.id=77635},65734:function(t){"use strict";t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIKSURBVHgBvZbLbcJAEIbHS8RTiIfgwM2pIFBBoIKQCgIlpIKITpIKIBWQVACpIL5xAAES4gASkPkd2wKzttfG8EuWF+8yn2d2ZzwaKWg6nTaFEE98NQ+Hg86PitbUUtO08X6/x/VZrVa/gmxpfpOz2azDkDce6qQmg8G9SqXyTmGAk8lET6VSfR7WKZqMzWbTqtVqhntCuB8sFosXho0ugEF44RFHqO2eOPEQCziEfYpRvMedUqn0cQa0wgjPihSvlhzehh1eJ6QMG14BBhWt80AOEKeR1E9iFNUtxn9I5/P575WBkFEul+81JHUikRjSDbTb7Vp8KEWbbiSwAHygGMUHhHK5nHSOU+RRcG28JMFPlE6nKZvNUjKZhHHZEv2OPFKhUCiY99VqRVwfSQWWyWTM8Xq9JnZEtqwo/IxwuCmfz5v3MLDtduttk6+lbML2LAgaBgYWrBiyGcCCoCFh0BiH5ttr1g8aAYZ9/RFsbOC3SAbFSQwLs2wNlEubLKxhYGSVNmGRe0Grjz2NAHMYTnayl8pfeSS1R555yfQOA3Fk5Jk8UsStkDB0di37hwPkNgAd1yvFLLbZhe0zIIT2jhcoexqgJWBs8yQLpBWWOzedw4ZvpE7RNMYWHXtmS1qvsBCbjDckj0rkIWxLl//bkMEgTcWK1eq3+a3x7cRJdlp9QFCtkNQqrf4fqd4USi1p41YAAAAASUVORK5CYII="},49501:function(t){"use strict";t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIPSURBVHgBzZa9LgRRFMf/9+6KimypQEapQqXzUaitCK0VDyATDyAeQDYSD0BLBKUo0GitSsfEbqGcrEpk5zrnzhqzY2Zn7n6IfzLZ3Tk393fv2fMlkEGjZbUgclhWCgsCsOhVoWlyIVChz4pq4LJmi9u0vUQ741hZlSCxCx+SRQ487FVtcQQT4EhZWXmJczJOozM5nx4W32zhRA0y+mL8UG0MSDx0AWNZvAd5qBg1tNxQL6CboYciQOl1WxyHfvtiN/Kp8BMQvZJL7p35dm/gUoLd9AHGKuRDXtNAHY3ZI9FYHA9NRvOGfuj3V02G0Entu7PvUpQqfMMi/k5FiRym0ENtUfbuLyUYJealUF0leIvsWWB3DlibBIYHf9u5DrNLY1PhfpOeEhXuIWSG8cPauQbqH7HLCrLdJqPDwMlqOjQKO31KXstAN86wfgbU3tOhJjBmScUtJUa1ejrUEEZ5gYqk/nWXZG8HNYYxT+ExU+KHYXyIq2c//E1gGkiJr7vF2IF6QUotjXOrCYzkVLfFhB+lNBakrQ67twNYwAj64fiBelAZuzwndUKeJUnfjr8EeSg9rCAhRaIyhLk5+u8CTnAE7sgebPRaHjad0DDVUmn0eGdw0xS5DKM9L8IvY8dEi+abhp8qFjoQxUIlTwd3YsbE/zEIR8XFAdyoBaaE0JEcjPpUPRy6Eleriyyj/hdfOsvZ5QnHbwAAAABJRU5ErkJggg=="},41464:function(t){"use strict";t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGSSURBVHgB7ZfPaoMwHMfzi1h62fARfIT2OMagMsbwVp+o+kTtTcooDsbotY/gI8guK5MmS4rprH/zb6fte6k/o34+JDGpCP31QL1YrzNveussEYE8fHp4RRaTvrwtKFAPytMhDIO8JZCmmQ/uJGOH/rkBcPz8eJcgC9nu3leUorgq80/nax4FQcELLC6irjMT8HNNSbzd7VfIMA04jz8tJ0tRXASAQtG82VSiA17BSN4S4GPOgIktiT44O5fU5xc0L2CTJWbj3wKqzIlh+P3Veeh6gImECrxXQFdCFT4ooCqhAx8VkJXQhUsJjEkgRJAuXFpgSKIrsnAlAVkJFbiywJiEKpwHI8VgjKlOW1+UeqB3ba8/UHEXlRaQgetISA3B0HtuuoGN9oDMImOyd4ApXERXAmzATSTAFlxXAmzCdSTANlxVAmo3LFhjZgM+JsFe00D8L/xZBzD1bcJ5GCTuWicwod7lWBwc8WnDfnJb8AGJnBD3IIqrOZCme5+65Yx/I/zGpxnv5ePHzSaK5gX6T5Vvp/1mM89rWf8AAAAASUVORK5CYII="},51642:function(t){"use strict";t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACdSURBVHgBzZZRDoAgDEMbT9Ib6w09ivLBBxpQNjp0yWLC2r7EQAAAmHrN36hiydhSH6l3xECZs4/MuiyooWxlNwcRsG6BEmYWKmBug8LrMXo87gCLdhjao5FBn2ZyaG1NWrwBQmE1qAu24MdFTPylxMRNQ0w8FsTEg09DkEUrC/B4xower9kwktEtVEBfBUpocxAF/eQhvCHwiikZJ4TFlHEruw9xAAAAAElFTkSuQmCC"}}]);
|
