| 1 |
- {"remainingRequest":"/Users/tanyanfei/zky-admin/node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js??vue-loader-options!/Users/tanyanfei/zky-admin/src/views/Login.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"/Users/tanyanfei/zky-admin/src/views/Login.vue","mtime":1608812817519},{"path":"/Users/tanyanfei/zky-admin/node_modules/_css-loader@1.0.1@css-loader/index.js","mtime":499162500000},{"path":"/Users/tanyanfei/zky-admin/node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/tanyanfei/zky-admin/node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/tanyanfei/zky-admin/node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/tanyanfei/zky-admin/node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/tanyanfei/zky-admin/node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n@import '../style/_base.scss';\n.login{\n height: 100vh;\n min-height: 450px;\n background: #1F315D;\n position: relative;\n .login-div{\n width:520px;\n height:448px;\n background:#FFFFFF;\n box-shadow:0px 12px 24px 0px rgba(0,0,0,0.24);\n border-radius:8px;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n padding:48px 75px;\n h1{\n text-align: center;\n margin-bottom: 40px;\n font-size: 28px;\n }\n .input_div{\n position: relative;\n margin-bottom: 12px;\n input{\n padding-left: 80px;\n outline: none;\n background:rgba(242,245,247,1);\n border-radius:8px;\n border:1px solid rgba(238,238,238,1);\n display: block;\n height: 54px;\n width: 100%;\n font-size: 16px;\n }\n label{\n color: #222;\n font-size: 16px;\n position: absolute;\n left: 16px;\n top:16px;\n z-index: 99;\n }\n }\n .code{\n input{\n width: 250px;\n }\n img{\n width: 108px;\n height: 54px;\n float: right;\n background-origin: 1px solid red;\n }\n }\n \n .login-btn{\n background: #FF694B;\n width: 100%;\n height: 54px;\n margin-top: 36px;\n font-size: 18px;\n color: #FFF;\n font-weight: 600;\n border:none;\n border-radius: 8px;\n }\n }\n .footer{\n position: fixed;\n width: 100%;\n bottom: 10px;\n left:0;\n z-index: 9;\n text-align: center;\n color:#333;\n font-size: 12px;\n }\n}\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/views","sourcesContent":["<style lang=\"scss\">\n @import '../style/_base.scss';\n .login{\n height: 100vh;\n min-height: 450px;\n background: #1F315D;\n position: relative;\n .login-div{\n width:520px;\n height:448px;\n background:#FFFFFF;\n box-shadow:0px 12px 24px 0px rgba(0,0,0,0.24);\n border-radius:8px;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n padding:48px 75px;\n h1{\n text-align: center;\n margin-bottom: 40px;\n font-size: 28px;\n }\n .input_div{\n position: relative;\n margin-bottom: 12px;\n input{\n padding-left: 80px;\n outline: none;\n background:rgba(242,245,247,1);\n border-radius:8px;\n border:1px solid rgba(238,238,238,1);\n display: block;\n height: 54px;\n width: 100%;\n font-size: 16px;\n }\n label{\n color: #222;\n font-size: 16px;\n position: absolute;\n left: 16px;\n top:16px;\n z-index: 99;\n }\n }\n .code{\n input{\n width: 250px;\n }\n img{\n width: 108px;\n height: 54px;\n float: right;\n background-origin: 1px solid red;\n }\n }\n \n .login-btn{\n background: #FF694B;\n width: 100%;\n height: 54px;\n margin-top: 36px;\n font-size: 18px;\n color: #FFF;\n font-weight: 600;\n border:none;\n border-radius: 8px;\n }\n }\n .footer{\n position: fixed;\n width: 100%;\n bottom: 10px;\n left:0;\n z-index: 9;\n text-align: center;\n color:#333;\n font-size: 12px;\n }\n }\n</style>\n\n<template>\n <div class=\"login\">\n <div class=\"login-div\">\n <h1>期刊微信公众号管理系统</h1>\n <form>\n <div class=\"input_div\">\n <label>手机号</label>\n <input type=\"text\" v-model=\"logindata.username\" placeholder=\"请输入用户名\">\n </div>\n <div class=\"input_div\">\n <label>密 码</label>\n <input type=\"password\" v-model=\"logindata.password\" placeholder=\"请输入密码\">\n </div>\n <div class=\"input_div\">\n <label>验证码</label>\n <input type=\"password\" v-model=\"logindata.password\" placeholder=\"请输入验证码\">\n </div>\n <el-button @click=\"login\" @keyup.enter=\"login\" class=\"login-btn\" type=\"primary\">登 录</el-button>\n </form>\n </div>\n <p class=\"footer\">中汇拍卖</p>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'login',\n data(){\n return{\n tp:'xt',\n code:'',\n logindata:{\n username:'root',\n password:'root',\n imgcode_id:'',\n imgcode:'',\n utype:2\n }\n }\n },\n methods:{\n keyupEnter(){\n document.onkeydown = e =>{\n if (e.keyCode === 13) {\n console.log('enter')\n this.login()\n }\n }\n },\n login(){\n let parms=this.logindata;\n this.$api.login(parms).then((res)=>{\n let data=res.data\n if(res.data.code == 0){\n if(data.data.utype == 0){\n window.location.hash='/';\n }\n if(data.data.utype == 1){\n window.location.hash='/govermentData';\n }\n if(data.data.utype == 2){\n window.location.hash='/companyData';\n }\n localStorage.setItem('utype',res.data.data.utype);\n localStorage.setItem('token',res.data.data.token);\n }else{\n this.$message.error(\"账号或者密码有误\");\n } \n })\n },\n\n },\n created(){\n \n }\n}\n</script>\n"]}]}
|
