vue-admin-test-sdk
Version:
一个真正开箱即用的后台管理系统模板
1 lines • 14.7 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/components/SocialSignin.vue?vue&type=style&index=0&id=7309fbbb&lang=scss&scoped=true&":function(e,s,o){(e.exports=o("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".social-signup-container[data-v-7309fbbb]{margin:20px 0}.social-signup-container .sign-btn[data-v-7309fbbb]{display:inline-block;cursor:pointer}.social-signup-container .icon[data-v-7309fbbb]{color:#fff;font-size:24px;margin-top:8px}.social-signup-container .wx-svg-container[data-v-7309fbbb],.social-signup-container .qq-svg-container[data-v-7309fbbb]{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;padding-top:1px;border-radius:4px;margin-bottom:20px;margin-right:5px}.social-signup-container .wx-svg-container[data-v-7309fbbb]{background-color:#24da70}.social-signup-container .qq-svg-container[data-v-7309fbbb]{background-color:#6BA2D6;margin-left:50px}\n",""])},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=1&lang=scss&":function(e,s,o){(e.exports=o("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,"@supports (-webkit-mask: none) and (not (cater-color: #fff)){.login-container .el-input input{color:#fff}}.login-container .el-input{display:inline-block;height:47px;width:85%}.login-container .el-input input{background:transparent;border:0px;-webkit-appearance:none;border-radius:0px;padding:12px 5px 12px 15px;color:#fff;height:47px;caret-color:#fff}.login-container .el-input input:-webkit-autofill{box-shadow:0 0 0px 1000px #283443 inset !important;-webkit-text-fill-color:#fff !important}.login-container .el-form-item{border:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.1);border-radius:5px;color:#454545}\n",""])},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=2&id=209e1112&lang=scss&scoped=true&":function(e,s,o){(e.exports=o("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".login-container[data-v-209e1112]{min-height:100%;width:100%;background-color:#2d3a4b;overflow:hidden}.login-container .login-form[data-v-209e1112]{position:relative;width:520px;max-width:100%;padding:160px 35px 0;margin:0 auto;overflow:hidden}.login-container .tips[data-v-209e1112]{font-size:14px;color:#fff;margin-bottom:10px}.login-container .tips span[data-v-209e1112]:first-of-type{margin-right:16px}.login-container .svg-container[data-v-209e1112]{padding:6px 5px 6px 15px;color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title-container[data-v-209e1112]{position:relative}.login-container .title-container .title[data-v-209e1112]{font-size:26px;color:#eee;margin:0px auto 40px auto;text-align:center;font-weight:bold}.login-container .title-container .set-language[data-v-209e1112]{color:#fff;position:absolute;top:3px;font-size:18px;right:0px;cursor:pointer}.login-container .show-pwd[data-v-209e1112]{position:absolute;right:10px;top:7px;font-size:16px;color:#889aa4;cursor:pointer;user-select:none}.login-container .thirdparty-button[data-v-209e1112]{position:absolute;right:0;bottom:6px}@media only screen and (max-width: 470px){.login-container .thirdparty-button[data-v-209e1112]{display:none}}\n",""])},"./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=0&id=209e1112&scoped=true&lang=css&":function(e,s,o){(e.exports=o("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,"\n.login-captcha[data-v-209e1112] {\n overflow: hidden;\n height: 100%;\n}\nimg[data-v-209e1112] {\n width: 100%;\n cursor: pointer;\n padding-top: 10px;\n}\n",""])},"./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/components/SocialSignin.vue?vue&type=style&index=0&id=7309fbbb&lang=scss&scoped=true&":function(e,s,o){var n=o("./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/components/SocialSignin.vue?vue&type=style&index=0&id=7309fbbb&lang=scss&scoped=true&");"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);(0,o("./node_modules/vue-style-loader/lib/addStylesClient.js").default)("ddd937e0",n,!0,{})},"./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=1&lang=scss&":function(e,s,o){var n=o("./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=1&lang=scss&");"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);(0,o("./node_modules/vue-style-loader/lib/addStylesClient.js").default)("708b78ea",n,!0,{})},"./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=2&id=209e1112&lang=scss&scoped=true&":function(e,s,o){var n=o("./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=2&id=209e1112&lang=scss&scoped=true&");"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);(0,o("./node_modules/vue-style-loader/lib/addStylesClient.js").default)("4e2ab466",n,!0,{})},"./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=0&id=209e1112&scoped=true&lang=css&":function(e,s,o){var n=o("./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=0&id=209e1112&scoped=true&lang=css&");"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);(0,o("./node_modules/vue-style-loader/lib/addStylesClient.js").default)("9ed39808",n,!0,{})},"./src/views/login/components/SocialSignin.vue?vue&type=style&index=0&id=7309fbbb&lang=scss&scoped=true&":function(e,s,o){"use strict";var n=o("./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/components/SocialSignin.vue?vue&type=style&index=0&id=7309fbbb&lang=scss&scoped=true&");o.n(n).a},"./src/views/login/index.vue":function(e,s,o){"use strict";o.r(s);var n=o("./src/api/user.js"),i={name:"SocialSignin",methods:{wechatHandleClick:function(e){alert("ok")},tencentHandleClick:function(e){alert("ok")}}},t=(o("./src/views/login/components/SocialSignin.vue?vue&type=style&index=0&id=7309fbbb&lang=scss&scoped=true&"),o("./node_modules/vue-loader/lib/runtime/componentNormalizer.js")),l=(Object(t.a)(i,function(){var s=this,e=s.$createElement,o=s._self._c||e;return o("div",{staticClass:"social-signup-container"},[o("div",{staticClass:"sign-btn",on:{click:function(e){return s.wechatHandleClick("wechat")}}},[o("span",{staticClass:"wx-svg-container"},[o("svg-icon",{staticClass:"icon",attrs:{"icon-class":"wechat"}})],1),s._v("\n WeChat\n ")]),s._v(" "),o("div",{staticClass:"sign-btn",on:{click:function(e){return s.tencentHandleClick("tencent")}}},[o("span",{staticClass:"qq-svg-container"},[o("svg-icon",{staticClass:"icon",attrs:{"icon-class":"qq"}})],1),s._v("\n QQ\n ")])])},[],!1,null,"7309fbbb",null).exports,o("./src/utils/auth.js")),d={name:"Login",data:function(){return{codebase64:"",loginForm:{username:"admin",password:"123456",code:""},loginRules:{username:[{required:!0,trigger:"blur",validator:function(e,s,o){0===s.length||0===s.trim().length?o(new Error("请输入合法用户名")):o()}}],password:[{required:!0,trigger:"blur",validator:function(e,s,o){s.length<4?o(new Error("请输入4位以上密码")):o()}}],code:[{required:!0,trigger:"blur",validator:function(e,s,o){4!==s.length?o(new Error("请输入4位验证码")):o()}}]},passwordType:"password",capsTooltip:!1,loading:!1,showDialog:!1,redirect:void 0,otherQuery:{}}},watch:{$route:{handler:function(e){var s=e.query;s&&(this.redirect=s.redirect,this.otherQuery=this.getOtherQuery(s))},immediate:!0}},created:function(){this.getCode()},mounted:function(){""===this.loginForm.username?this.$refs.username.focus():""===this.loginForm.password&&this.$refs.password.focus()},destroyed:function(){},methods:{checkCapslock:function(e){var s=0<arguments.length&&void 0!==e?e:{},o=s.shiftKey,n=s.key;n&&1===n.length&&(this.capsTooltip=!!(o&&"a"<=n&&n<="z"||!o&&"A"<=n&&n<="Z")),"CapsLock"===n&&!0===this.capsTooltip&&(this.capsTooltip=!1)},showPwd:function(){var e=this;"password"===this.passwordType?this.passwordType="":this.passwordType="password",this.$nextTick(function(){e.$refs.password.focus()})},handleLogin:function(){var s=this;this.$refs.loginForm.validate(function(e){if(!e)return console.log("error submit!!"),!1;s.loading=!0,s.$store.dispatch("user/login",s.loginForm).then(function(e){200===e.status?(s.$message.success(e.msg),s.$router.push({path:s.redirect||"/",query:s.otherQuery})):s.$message.error(e.msg)}).catch(function(){s.loading=!1})})},getOtherQuery:function(o){return Object.keys(o).reduce(function(e,s){return"redirect"!==s&&(e[s]=o[s]),e},{})},getCode:function(){var o=this;Object(n.e)().then(function(e){var s=e.data.data;200===e.data.code&&(o.codebase64="data:image/png;base64,"+s.base64,Object(l.e)(s.codeToken))})}}},a=(o("./src/views/login/index.vue?vue&type=style&index=0&id=209e1112&scoped=true&lang=css&"),o("./src/views/login/index.vue?vue&type=style&index=1&lang=scss&"),o("./src/views/login/index.vue?vue&type=style&index=2&id=209e1112&lang=scss&scoped=true&"),Object(t.a)(d,function(){var s=this,e=s.$createElement,o=s._self._c||e;return o("div",{staticClass:"login-container"},[o("el-form",{ref:"loginForm",staticClass:"login-form",attrs:{model:s.loginForm,rules:s.loginRules,autocomplete:"on","label-position":"left"}},[o("div",{staticClass:"title-container"},[o("h3",{staticClass:"title"},[s._v("\n 登录系统\n ")]),s._v(" "),o("lang-select",{staticClass:"set-language"})],1),s._v(" "),o("el-form-item",{attrs:{prop:"username"}},[o("span",{staticClass:"svg-container"},[o("svg-icon",{attrs:{"icon-class":"user"}})],1),s._v(" "),o("el-input",{ref:"username",attrs:{placeholder:"用户名",name:"username",type:"text",tabindex:"1",autocomplete:"on"},model:{value:s.loginForm.username,callback:function(e){s.$set(s.loginForm,"username",e)},expression:"loginForm.username"}})],1),s._v(" "),o("el-tooltip",{attrs:{content:"Caps lock is On",placement:"right",manual:""},model:{value:s.capsTooltip,callback:function(e){s.capsTooltip=e},expression:"capsTooltip"}},[o("el-form-item",{attrs:{prop:"password"}},[o("span",{staticClass:"svg-container"},[o("svg-icon",{attrs:{"icon-class":"password"}})],1),s._v(" "),o("el-input",{key:s.passwordType,ref:"password",attrs:{type:s.passwordType,placeholder:"密码",name:"password",tabindex:"2",autocomplete:"on"},on:{blur:function(e){s.capsTooltip=!1}},nativeOn:{keyup:[function(e){return s.checkCapslock(e)},function(e){return!e.type.indexOf("key")&&s._k(e.keyCode,"enter",13,e.key,"Enter")?null:s.handleLogin(e)}]},model:{value:s.loginForm.password,callback:function(e){s.$set(s.loginForm,"password",e)},expression:"loginForm.password"}}),s._v(" "),o("span",{staticClass:"show-pwd",on:{click:s.showPwd}},[o("svg-icon",{attrs:{"icon-class":"password"===s.passwordType?"eye":"eye-open"}})],1)],1)],1),s._v(" "),o("el-form-item",{attrs:{prop:"code"}},[o("el-row",{attrs:{gutter:4}},[o("el-col",{attrs:{span:19}},[o("el-input",{attrs:{name:"code",placeholder:"验证码"},model:{value:s.loginForm.code,callback:function(e){s.$set(s.loginForm,"code",e)},expression:"loginForm.code"}})],1),s._v(" "),o("el-col",{staticClass:"login-captcha",attrs:{span:5}},[o("img",{attrs:{src:s.codebase64,alt:""},on:{click:function(e){return s.getCode()}}})])],1)],1),s._v(" "),o("el-button",{staticStyle:{width:"100%","margin-bottom":"30px"},attrs:{loading:s.loading,type:"primary"},nativeOn:{click:function(e){return e.preventDefault(),s.handleLogin(e)}}},[s._v("\n 登录\n ")])],1)],1)},[],!1,null,"209e1112",null));s.default=a.exports},"./src/views/login/index.vue?vue&type=style&index=0&id=209e1112&scoped=true&lang=css&":function(e,s,o){"use strict";var n=o("./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=0&id=209e1112&scoped=true&lang=css&");o.n(n).a},"./src/views/login/index.vue?vue&type=style&index=1&lang=scss&":function(e,s,o){"use strict";var n=o("./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=1&lang=scss&");o.n(n).a},"./src/views/login/index.vue?vue&type=style&index=2&id=209e1112&lang=scss&scoped=true&":function(e,s,o){"use strict";var n=o("./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/index.js?!./src/views/login/index.vue?vue&type=style&index=2&id=209e1112&lang=scss&scoped=true&");o.n(n).a}}]);