You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
23 KiB
1 line
23 KiB
{"remainingRequest":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\src\\views\\login.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\src\\views\\login.vue","mtime":1651797261000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoNCmltcG9ydCBtZW51IGZyb20gIkAvdXRpbHMvbWVudSI7Cg0KZXhwb3J0IGRlZmF1bHQgew0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBydWxlc0Zvcm06IHsNCiAgICAgICAgdXNlcm5hbWU6ICIiLA0KICAgICAgICBwYXNzd29yZDogIiIsDQogICAgICAgIHJvbGU6ICIiLA0KICAgICAgICBjb2RlOiAnJywNCiAgICAgIH0sDQogICAgICBtZW51czogW10sDQogICAgICByb2xlczogW10sCiAgICAgIHRhYmxlTmFtZTogIiIsDQogICAgICBjb2RlczogW3sNCiAgICAgICAgbnVtOiAxLA0KICAgICAgICBjb2xvcjogJyMwMDAnLA0KICAgICAgICByb3RhdGU6ICcxMGRlZycsDQogICAgICAgIHNpemU6ICcxNnB4Jw0KICAgICAgfSx7DQogICAgICAgIG51bTogMiwNCiAgICAgICAgY29sb3I6ICcjMDAwJywNCiAgICAgICAgcm90YXRlOiAnMTBkZWcnLA0KICAgICAgICBzaXplOiAnMTZweCcNCiAgICAgIH0sew0KICAgICAgICBudW06IDMsDQogICAgICAgIGNvbG9yOiAnIzAwMCcsDQogICAgICAgIHJvdGF0ZTogJzEwZGVnJywNCiAgICAgICAgc2l6ZTogJzE2cHgnDQogICAgICB9LHsNCiAgICAgICAgbnVtOiA0LA0KICAgICAgICBjb2xvcjogJyMwMDAnLA0KICAgICAgICByb3RhdGU6ICcxMGRlZycsDQogICAgICAgIHNpemU6ICcxNnB4Jw0KICAgICAgfV0sDQogICAgfTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCglsZXQgbWVudXMgPSBtZW51Lmxpc3QoKTsKCXRoaXMubWVudXMgPSBtZW51czsNCiAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMubWVudXMubGVuZ3RoOyBpKyspIHsKICAgICAgaWYgKHRoaXMubWVudXNbaV0uaGFzQmFja0xvZ2luPT0n5pivJykgewogICAgICAgICAgICB0aGlzLnJvbGVzLnB1c2godGhpcy5tZW51c1tpXSkKICAgICAgfQogICAgfQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5nZXRSYW5kQ29kZSgpDQoJDQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICByZWdpc3Rlcih0YWJsZU5hbWUpew0KICAgICAgdGhpcy4kc3RvcmFnZS5zZXQoImxvZ2luVGFibGUiLCB0YWJsZU5hbWUpOw0KICAgICAgdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6Jy9yZWdpc3Rlcid9KQ0KICAgIH0sDQogICAgLy8g55m76ZmGDQogICAgbG9naW4oKSB7DQogICAgICBpZiAoIXRoaXMucnVsZXNGb3JtLnVzZXJuYW1lKSB7DQogICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKCLor7fovpPlhaXnlKjmiLflkI0iKTsNCiAgICAgICAgcmV0dXJuOw0KICAgICAgfQ0KICAgICAgaWYgKCF0aGlzLnJ1bGVzRm9ybS5wYXNzd29yZCkgew0KICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcigi6K+36L6T5YWl5a+G56CBIik7DQogICAgICAgIHJldHVybjsNCiAgICAgIH0NCiAgICAgIGlmKHRoaXMucm9sZXMubGVuZ3RoPjEpIHsKICAgICAgICAgIGlmICghdGhpcy5ydWxlc0Zvcm0ucm9sZSkgewogICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcigi6K+36YCJ5oup6KeS6ImyIik7CiAgICAgICAgICAgIHJldHVybjsKICAgICAgICAgIH0KICAgICAgICAgIGxldCBtZW51cyA9IHRoaXMubWVudXM7CiAgICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IG1lbnVzLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgICAgIGlmIChtZW51c1tpXS5yb2xlTmFtZSA9PSB0aGlzLnJ1bGVzRm9ybS5yb2xlKSB7CiAgICAgICAgICAgICAgdGhpcy50YWJsZU5hbWUgPSBtZW51c1tpXS50YWJsZU5hbWU7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgfSBlbHNlIHsKICAgICAgICAgIHRoaXMudGFibGVOYW1lID0gdGhpcy5yb2xlc1swXS50YWJsZU5hbWU7CiAgICAgICAgICB0aGlzLnJ1bGVzRm9ybS5yb2xlID0gdGhpcy5yb2xlc1swXS5yb2xlTmFtZTsKICAgICAgfQoKICAgICAgdGhpcy4kaHR0cCh7DQogICAgICAgIHVybDogYCR7dGhpcy50YWJsZU5hbWV9L2xvZ2luP3VzZXJuYW1lPSR7dGhpcy5ydWxlc0Zvcm0udXNlcm5hbWV9JnBhc3N3b3JkPSR7dGhpcy5ydWxlc0Zvcm0ucGFzc3dvcmR9YCwNCiAgICAgICAgbWV0aG9kOiAicG9zdCINCiAgICAgIH0pLnRoZW4oKHsgZGF0YSB9KSA9PiB7DQogICAgICAgIGlmIChkYXRhICYmIGRhdGEuY29kZSA9PT0gMCkgew0KICAgICAgICAgIHRoaXMuJHN0b3JhZ2Uuc2V0KCJUb2tlbiIsIGRhdGEudG9rZW4pOw0KICAgICAgICAgIHRoaXMuJHN0b3JhZ2Uuc2V0KCJyb2xlIiwgdGhpcy5ydWxlc0Zvcm0ucm9sZSk7DQogICAgICAgICAgdGhpcy4kc3RvcmFnZS5zZXQoInNlc3Npb25UYWJsZSIsIHRoaXMudGFibGVOYW1lKTsNCiAgICAgICAgICB0aGlzLiRzdG9yYWdlLnNldCgiYWRtaW5OYW1lIiwgdGhpcy5ydWxlc0Zvcm0udXNlcm5hbWUpOw0KICAgICAgICAgIHRoaXMuJHJvdXRlci5yZXBsYWNlKHsgcGF0aDogIi9pbmRleC8iIH0pOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZGF0YS5tc2cpOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIGdldFJhbmRDb2RlKGxlbiA9IDQpew0KICAgICAgdGhpcy5yYW5kb21TdHJpbmcobGVuKQ0KICAgIH0sDQogICAgcmFuZG9tU3RyaW5nKGxlbiA9IDQpIHsNCiAgICAgIGxldCBjaGFycyA9IFsNCiAgICAgICAgICAiYSIsICJiIiwgImMiLCAiZCIsICJlIiwgImYiLCAiZyIsICJoIiwgImkiLCAiaiIsICJrIiwNCiAgICAgICAgICAibCIsICJtIiwgIm4iLCAibyIsICJwIiwgInEiLCAiciIsICJzIiwgInQiLCAidSIsICJ2IiwNCiAgICAgICAgICAidyIsICJ4IiwgInkiLCAieiIsICJBIiwgIkIiLCAiQyIsICJEIiwgIkUiLCAiRiIsICJHIiwNCiAgICAgICAgICAiSCIsICJJIiwgIkoiLCAiSyIsICJMIiwgIk0iLCAiTiIsICJPIiwgIlAiLCAiUSIsICJSIiwNCiAgICAgICAgICAiUyIsICJUIiwgIlUiLCAiViIsICJXIiwgIlgiLCAiWSIsICJaIiwgIjAiLCAiMSIsICIyIiwNCiAgICAgICAgICAiMyIsICI0IiwgIjUiLCAiNiIsICI3IiwgIjgiLCAiOSINCiAgICAgIF0NCiAgICAgIGxldCBjb2xvcnMgPSBbIjAiLCAiMSIsICIyIiwiMyIsICI0IiwgIjUiLCAiNiIsICI3IiwgIjgiLCAiOSIsICJhIiwgImIiLCAiYyIsICJkIiwgImUiLCAiZiJdDQogICAgICBsZXQgc2l6ZXMgPSBbJzE0JywgJzE1JywgJzE2JywgJzE3JywgJzE4J10NCg0KICAgICAgbGV0IG91dHB1dCA9IFtdOw0KICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBsZW47IGkrKykgew0KICAgICAgICAvLyDpmo/mnLrpqozor4HnoIENCiAgICAgICAgbGV0IGtleSA9IE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSpjaGFycy5sZW5ndGgpDQogICAgICAgIHRoaXMuY29kZXNbaV0ubnVtID0gY2hhcnNba2V5XQ0KICAgICAgICAvLyDpmo/mnLrpqozor4HnoIHpopzoibINCiAgICAgICAgbGV0IGNvZGUgPSAnIycNCiAgICAgICAgZm9yIChsZXQgaiA9IDA7IGogPCA2OyBqKyspIHsNCiAgICAgICAgICBsZXQga2V5ID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpKmNvbG9ycy5sZW5ndGgpDQogICAgICAgICAgY29kZSArPSBjb2xvcnNba2V5XQ0KICAgICAgICB9DQogICAgICAgIHRoaXMuY29kZXNbaV0uY29sb3IgPSBjb2RlDQogICAgICAgIC8vIOmaj+acuumqjOivgeeggeaWueWQkQ0KICAgICAgICBsZXQgcm90YXRlID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpKjYwKQ0KICAgICAgICBsZXQgcGx1cyA9IE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSoyKQ0KICAgICAgICBpZihwbHVzID09IDEpIHJvdGF0ZSA9ICctJytyb3RhdGUNCiAgICAgICAgdGhpcy5jb2Rlc1tpXS5yb3RhdGUgPSAncm90YXRlKCcrcm90YXRlKydkZWcpJw0KICAgICAgICAvLyDpmo/mnLrpqozor4HnoIHlrZfkvZPlpKflsI8NCiAgICAgICAgbGV0IHNpemUgPSBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkqc2l6ZXMubGVuZ3RoKQ0KICAgICAgICB0aGlzLmNvZGVzW2ldLnNpemUgPSBzaXplc1tzaXplXSsncHgnDQogICAgICB9DQogICAgfSwNCiAgfQ0KfTsNCg=="},{"version":3,"sources":["login.vue"],"names":[],"mappings":";;AA6DA;;AAEA;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;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;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;AACA","file":"login.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div>\n <div class=\"container loginIn\">\r\n\r\n <div :class=\"1 == 1 ? 'left' : 1 == 2 ? 'left center' : 'left right'\">\r\n <el-form class=\"login-form\" label-position=\"left\" :label-width=\"1 == 3 || 1 == 2 ? '30px': '0px'\">\r\n <div class=\"title-container\"><h3 class=\"title\">校园志愿者管理系统登录</h3></div>\r\n <el-form-item :style='{\"padding\":\"0\",\"boxShadow\":\"0 0 6px rgba(0,0,0,0)\",\"margin\":\"0 auto 10px\",\"borderColor\":\"rgba(0,0,0,0)\",\"backgroundColor\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"20px\",\"borderWidth\":\"0\",\"width\":\"98%\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' :label=\"1 == 3 ? '用户名' : ''\" :class=\"'style'+1\">\r\n <span v-if=\"1 != 3\" class=\"svg-container\" style=\"\r\n\t\t\tcolor:#333;\r\n\t\t\tline-height:30px;\r\n\t\t\tfont-size:14px;\r\n\t\t\twidth:30px;\r\n\t\t\tpadding:0;\r\n\t\t\tmargin:0;\r\n\t\t\tradius:0;\r\n\t\t\tborder-width:0;\r\n\t\t\tborder-style:solid;\r\n\t\t\tborder-color:rgba(0,0,0,0);\r\n\t\t\tbackground-color:rgba(0,0,0,0);\r\n\t\t\tbox-shadow:0 0 6px rgba(0,0,0,0);\r\n\t\t\t}\"><svg-icon icon-class=\"user\" /></span>\r\n <el-input placeholder=\"请输入用户名\" name=\"username\" type=\"text\" v-model=\"rulesForm.username\" />\r\n </el-form-item>\r\n <el-form-item :style='{\"padding\":\"0\",\"boxShadow\":\"0 0 6px rgba(0,0,0,0)\",\"margin\":\"0 auto 10px\",\"borderColor\":\"rgba(0,0,0,0)\",\"backgroundColor\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"20px\",\"borderWidth\":\"0\",\"width\":\"98%\",\"borderStyle\":\"solid\",\"height\":\"auto\"}' :label=\"1 == 3 ? '密码' : ''\" :class=\"'style'+1\">\r\n <span v-if=\"1 != 3\" class=\"svg-container\" style=\"color:#333;\r\n\t\t\tline-height:30px;\r\n\t\t\tfont-size:14px;\r\n\t\t\twidth:30px;\r\n\t\t\tpadding:0;\r\n\t\t\tmargin:0;\r\n\t\t\tradius:0;\r\n\t\t\tborder-width:0;\r\n\t\t\tborder-style:solid;\r\n\t\t\tborder-color:rgba(0,0,0,0);\r\n\t\t\tbackground-color:rgba(0,0,0,0);\r\n\t\t\tbox-shadow:0 0 6px rgba(0,0,0,0);\"><svg-icon icon-class=\"password\" /></span>\r\n <el-input placeholder=\"请输入密码\" name=\"password\" type=\"password\" v-model=\"rulesForm.password\" />\r\n </el-form-item>\r\n <el-form-item v-if=\"roles.length>1\" label=\"角色\" prop=\"loginInRole\" class=\"role\" style=\"display: flex;align-items: center;\">\r\n <el-radio\r\n v-for=\"item in roles\"\r\n v-bind:key=\"item.roleName\"\r\n v-model=\"rulesForm.role\"\r\n :label=\"item.roleName\"\r\n >{{item.roleName}}</el-radio>\r\n </el-form-item>\r\n <el-form-item v-if=\"roles.length==1\" label=\" \" prop=\"loginInRole\" class=\"role\" style=\"display: flex;align-items: center;\">\r\n </el-form-item>\r\n <el-button type=\"primary\" @click=\"login()\" class=\"loginInBt\">{{'1' == '1' ? '登录' : 'login'}}</el-button>\r\n <el-form-item class=\"setting\">\r\n <!-- <div style=\"color:${template2.back.login.loginInSettingFontColor}\" class=\"reset\">修改密码</div> -->\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\n\r\nimport menu from \"@/utils/menu\";\n\r\nexport default {\r\n data() {\r\n return {\r\n rulesForm: {\r\n username: \"\",\r\n password: \"\",\r\n role: \"\",\r\n code: '',\r\n },\r\n menus: [],\r\n roles: [],\n tableName: \"\",\r\n codes: [{\r\n num: 1,\r\n color: '#000',\r\n rotate: '10deg',\r\n size: '16px'\r\n },{\r\n num: 2,\r\n color: '#000',\r\n rotate: '10deg',\r\n size: '16px'\r\n },{\r\n num: 3,\r\n color: '#000',\r\n rotate: '10deg',\r\n size: '16px'\r\n },{\r\n num: 4,\r\n color: '#000',\r\n rotate: '10deg',\r\n size: '16px'\r\n }],\r\n };\r\n },\r\n mounted() {\r\n\tlet menus = menu.list();\n\tthis.menus = menus;\r\n for (let i = 0; i < this.menus.length; i++) {\n if (this.menus[i].hasBackLogin=='是') {\n this.roles.push(this.menus[i])\n }\n }\n },\r\n created() {\r\n this.getRandCode()\r\n\t\r\n },\r\n methods: {\r\n register(tableName){\r\n this.$storage.set(\"loginTable\", tableName);\r\n this.$router.push({path:'/register'})\r\n },\r\n // 登陆\r\n login() {\r\n if (!this.rulesForm.username) {\r\n this.$message.error(\"请输入用户名\");\r\n return;\r\n }\r\n if (!this.rulesForm.password) {\r\n this.$message.error(\"请输入密码\");\r\n return;\r\n }\r\n if(this.roles.length>1) {\n if (!this.rulesForm.role) {\n this.$message.error(\"请选择角色\");\n return;\n }\n let menus = this.menus;\n for (let i = 0; i < menus.length; i++) {\n if (menus[i].roleName == this.rulesForm.role) {\n this.tableName = menus[i].tableName;\n }\n }\n } else {\n this.tableName = this.roles[0].tableName;\n this.rulesForm.role = this.roles[0].roleName;\n }\n\n this.$http({\r\n url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,\r\n method: \"post\"\r\n }).then(({ data }) => {\r\n if (data && data.code === 0) {\r\n this.$storage.set(\"Token\", data.token);\r\n this.$storage.set(\"role\", this.rulesForm.role);\r\n this.$storage.set(\"sessionTable\", this.tableName);\r\n this.$storage.set(\"adminName\", this.rulesForm.username);\r\n this.$router.replace({ path: \"/index/\" });\r\n } else {\r\n this.$message.error(data.msg);\r\n }\r\n });\r\n },\r\n getRandCode(len = 4){\r\n this.randomString(len)\r\n },\r\n randomString(len = 4) {\r\n let chars = [\r\n \"a\", \"b\", \"c\", \"d\", \"e\", \"f\", \"g\", \"h\", \"i\", \"j\", \"k\",\r\n \"l\", \"m\", \"n\", \"o\", \"p\", \"q\", \"r\", \"s\", \"t\", \"u\", \"v\",\r\n \"w\", \"x\", \"y\", \"z\", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\",\r\n \"H\", \"I\", \"J\", \"K\", \"L\", \"M\", \"N\", \"O\", \"P\", \"Q\", \"R\",\r\n \"S\", \"T\", \"U\", \"V\", \"W\", \"X\", \"Y\", \"Z\", \"0\", \"1\", \"2\",\r\n \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\"\r\n ]\r\n let colors = [\"0\", \"1\", \"2\",\"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"a\", \"b\", \"c\", \"d\", \"e\", \"f\"]\r\n let sizes = ['14', '15', '16', '17', '18']\r\n\r\n let output = [];\r\n for (let i = 0; i < len; i++) {\r\n // 随机验证码\r\n let key = Math.floor(Math.random()*chars.length)\r\n this.codes[i].num = chars[key]\r\n // 随机验证码颜色\r\n let code = '#'\r\n for (let j = 0; j < 6; j++) {\r\n let key = Math.floor(Math.random()*colors.length)\r\n code += colors[key]\r\n }\r\n this.codes[i].color = code\r\n // 随机验证码方向\r\n let rotate = Math.floor(Math.random()*60)\r\n let plus = Math.floor(Math.random()*2)\r\n if(plus == 1) rotate = '-'+rotate\r\n this.codes[i].rotate = 'rotate('+rotate+'deg)'\r\n // 随机验证码字体大小\r\n let size = Math.floor(Math.random()*sizes.length)\r\n this.codes[i].size = sizes[size]+'px'\r\n }\r\n },\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.loginIn {\r\n min-height: 100vh;\r\n position: relative;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: cover;\n background-image: url(http://codegen.caihongy.cn/20220103/8cbce5dbf24f41779ce5a37edd915b90.png);\n \n\n .loginInBt {\n width: 80px;\n height: 150px;\n line-height: 150px;\n margin: 100px auto 0;\n padding: 0;\n color: rgba(255, 255, 255, 1);\n font-size: 24px;\n border-radius: 60px 60px 0 0;\n border-width: 0;\n border-style: solid;\n border-color: rgba(64, 158, 255, 1);\n background-color: rgba(245, 170, 89, 1);\n box-shadow: 0 0 6px rgba(255,0,0,.1);\n }\n .register {\n width: 80%;\n height: 24px;\n line-height: 24px;\n margin: -200px 0 ;\n padding: 0;\n color: rgba(254, 254, 254, 1);\n font-size: 12px;\n border-radius: 0;\n border-width: 0;\n border-style: solid;\n border-color: rgba(64, 158, 255, 1);\n background-color: rgba(255, 255, 255, 0);\n box-shadow: 0 0 6px rgba(255,0,0,0);\n\tcursor: pointer;\r\n }\n .reset {\n width: auto;\n height: 24px;\n line-height: 24px;\n margin: -200px 0;\n padding: 0;\n color: rgba(255, 255, 255, 1);\n font-size: 12px;\n border-radius: 0;\n border-width: 0;\n border-style: solid;\n border-color: rgba(64, 158, 255, 1);\n background-color: rgba(255, 255, 255, 0);\n box-shadow: 0 0 6px rgba(255,0,0,0);\n }\n\n\n .left {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n\tbox-sizing: border-box;\r\n\twidth: 250px;\r\n\theight: 440px;\r\n\tmargin: 230px 0 0 18%;\r\n\tpadding: 0 12px;\r\n\tborder-radius: 145px;\r\n\tborder-width: 2px;\r\n\tborder-style: solid;\r\n\tborder-color: rgba(213, 213, 213, 1);\r\n\tbackground-color: rgba(98, 190, 84, 1);\r\n\tbox-shadow: 0px 0px 0px 30px rgba(98,190,84,1);\r\n\r\n .login-form {\r\n background-color: transparent;\r\n width: 100%;\r\n right: inherit;\r\n padding: 0;\r\n box-sizing: border-box;\r\n display: flex;\r\n\t position: initial;\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n\r\n .title-container {\r\n text-align: center;\r\n font-size: 24px;\r\n\r\n .title {\r\n width: 80%;\r\n line-height: auto;\n margin: 220px auto 20px;\n padding: 0;\n color: rgba(255, 255, 255, 1);\n font-size: 20px;\n border-radius: 0;\n border-width: 0;\n border-style: solid;\n border-color: rgba(0,0,0,.3);\n background-color: rgba(0,0,0,0);\n box-shadow: 0 0 6px rgba(0,0,0,0);\n }\r\n }\r\n\r\n .el-form-item {\r\n position: relative;\r\n\n & /deep/ .el-form-item__content {\n line-height: initial;\n }\n\r\n\t & /deep/ .el-radio__label {\r\n\t width: auto;\r\n\t height: 14px;\r\n\t line-height: 14px;\r\n\t margin: 0;\r\n\t padding: 0 0 0 10px;\r\n\t color: #fff;\r\n\t font-size: 14px;\r\n\t border-radius: 0;\r\n\t border-width: 0;\r\n\t border-style: solid;\r\n\t border-color: rgba(255, 255, 255, 0);\r\n\t background-color: rgba(255, 255, 255, 0);\r\n\t box-shadow: 0 0 6px rgba(255,0,0,0);\r\n\t text-align: left;\r\n\t }\r\n\t & /deep/ .el-radio.is-checked .el-radio__label {\r\n\t width: auto;\r\n\t height: 14px;\r\n\t line-height: 14px;\r\n\t margin: 0;\r\n\t padding: 0 0 0 10px;\r\n\t color: rgba(255, 255, 255, 1);\r\n\t font-size: 14px;\r\n\t border-radius: 0;\r\n\t border-width: 0;\r\n\t border-style: solid;\r\n\t border-color: rgba(255, 255, 255, 0);\r\n\t background-color: rgba(255, 255, 255, 0);\r\n\t box-shadow: 0 0 6px rgba(255,0,0,0);\r\n\t text-align: left;\r\n\t }\r\n\t & /deep/ .el-radio__inner {\r\n\t width: 14px;\r\n\t height: 14px;\r\n\t margin: 0;\r\n\t padding: 0;\r\n\t border-radius: 100%;\r\n\t border-width: 1px;\r\n\t border-style: solid;\r\n\t border-color: #dcdfe6;\r\n\t background-color: rgba(98, 190, 84, 1);\r\n\t box-shadow: 0 0 6px rgba(255,0,0,0);\r\n\t }\r\n\t & /deep/ .el-radio.is-checked .el-radio__inner {\r\n\t width: 14px;\r\n\t height: 14px;\r\n\t margin: 0;\r\n\t padding: 0;\r\n\t border-radius: 100%;\r\n\t border-width: 1px;\r\n\t border-style: solid;\r\n\t border-color: rgba(255, 255, 255, 1);\r\n\t background-color: rgba(255, 255, 255, 1);\r\n\t box-shadow: 0 0 6px rgba(255,0,0,0);\r\n\t }\r\n\r\n .svg-container {\r\n padding: 6px 5px 6px 15px;\r\n color: #889aa4;\r\n vertical-align: middle;\r\n display: inline-block;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n z-index: 1;\r\n padding: 0;\r\n line-height: 40px;\r\n width: 30px;\r\n text-align: center;\r\n }\r\n\r\n .el-input {\r\n display: inline-block;\r\n // height: 40px;\r\n width: 100%;\r\n\r\n & /deep/ input {\r\n background: transparent;\r\n border: 0px;\r\n -webkit-appearance: none;\r\n padding: 0 15px 0 30px;\r\n color: #fff;\r\n height: 40px;\r\n\r\n\t\t width: 100%;\r\n\t\t height: 30px;\r\n\t\t line-height: 30px;\r\n\t\t margin: 0;\r\n\t\t padding: 0 30px;\r\n\t\t color: rgba(0, 0, 0, 1);\r\n\t\t font-size: 16px;\r\n\t\t border-radius: 0;\r\n\t\t border-width: 0;\r\n\t\t border-style: solid;\r\n\t\t border-color: rgba(0,0,0,0);\r\n\t\t background-color: rgba(0,0,0,0);\r\n\t\t box-shadow: 0 0 6px rgba(255,0,0,0);\r\n }\r\n }\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n .center {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate3d(-50%,-50%,0);\r\n }\r\n\r\n .right {\r\n position: absolute;\r\n left: inherit;\r\n right: 0;\r\n top: 0;\r\n }\r\n\r\n .code {\r\n .el-form-item__content {\r\n position: relative;\r\n\r\n .getCodeBt {\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translate3d(0, -50%, 0);\r\n line-height: 40px;\r\n width: 100px;\r\n background-color: rgba(51,51,51,0.4);\r\n color: #fff;\r\n text-align: center;\r\n border-radius: 0 4px 4px 0;\r\n height: 40px;\r\n overflow: hidden;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\twidth: 100px;\n height: 30px;\n line-height: 30px;\n border-radius: 0;\n border-width: 0;\n border-style: solid;\n border-color: rgba(64, 158, 255, 1);\n background-color: rgba(51, 51, 51, 0.4);\n box-shadow: 0 0 6px rgba(255,0,0,0);\n\r\n span {\r\n padding: 0 5px;\r\n display: inline-block;\r\n font-size: 16px;\r\n font-weight: 600;\r\n }\r\n }\r\n\r\n .el-input {\r\n & /deep/ input {\r\n padding: 0 130px 0 30px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .setting {\r\n & /deep/ .el-form-item__content {\r\n // padding: 0 15px;\r\n box-sizing: border-box;\r\n line-height: 32px;\r\n height: 32px;\r\n font-size: 14px;\r\n color: #999;\r\n margin: 0 !important;\r\n\t display: flex;\r\n\r\n .register {\r\n // float: left;\r\n // width: 50%;\r\n\t\ttext-align: center;\r\n }\r\n\r\n .reset {\r\n float: right;\r\n width: 50%;\r\n text-align: right;\r\n }\r\n }\r\n }\r\n\r\n .style2 {\r\n padding-left: 30px;\r\n\r\n .svg-container {\r\n left: -30px !important;\r\n }\r\n\r\n .el-input {\r\n & /deep/ input {\r\n padding: 0 15px !important;\r\n }\r\n }\r\n }\r\n\r\n .code.style2, .code.style3 {\r\n .el-input {\r\n & /deep/ input {\r\n padding: 0 115px 0 15px;\r\n }\r\n }\r\n }\r\n\r\n .style3 {\r\n & /deep/ .el-form-item__label {\r\n padding-right: 6px;\r\n height: 30px;\n line-height: 30px;\n }\r\n\r\n .el-input {\r\n & /deep/ input {\r\n padding: 0 15px !important;\r\n }\r\n }\r\n }\r\n \r\n & /deep/ .el-form-item__label {\n\twidth: 30px;\r\n\theight: 30px;\r\n\tline-height: 30px;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tcolor: #333;\r\n\tfont-size: 14px;\r\n\tborder-radius: 0;\r\n\tborder-width: 0;\r\n\tborder-style: solid;\r\n\tborder-color: rgba(0,0,0,0);\r\n\tbackground-color: rgba(0,0,0,0);\r\n\tbox-shadow: 0 0 6px rgba(0,0,0,0);\r\n }\r\n\r\n .role {\r\n & /deep/ .el-form-item__label {\r\n width: 56px !important;\n height: 35px;\n line-height: 35px;\n margin: 0;\n padding: 0;\n color: rgba(255, 255, 255, 1);\n font-size: 14px;\n border-radius: 0;\n border-width: 0;\n border-style: solid;\n border-color: rgba(64, 158, 255, 1);\n background-color: rgba(255, 255, 255, 0);\n box-shadow: 0 0 6px rgba(255,0,0,0);\n text-align: left;\r\n }\r\n\r\n & /deep/ .el-radio {\r\n margin-right: 12px;\r\n }\r\n }\r\n}\r\n</style>\n"]}]} |