{"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>密&nbsp;&nbsp;码</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"]}]}