| 1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\views\\login.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\views\\login.vue","mtime":1623215520545},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJFOi9ib21hbi1mcmFtd29yay9ydW95aS11aS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQiKS5kZWZhdWx0OwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7Cgp2YXIgX2xvZ2luID0gcmVxdWlyZSgiQC9hcGkvbG9naW4iKTsKCnZhciBfanNDb29raWUgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoImpzLWNvb2tpZSIpKTsKCnZhciBfanNlbmNyeXB0ID0gcmVxdWlyZSgiQC91dGlscy9qc2VuY3J5cHQiKTsKCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCnZhciBfZGVmYXVsdCA9IHsKICBuYW1lOiAiTG9naW4iLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzdGF0dXNGbGFnOiAxLAogICAgICBjb2RlVXJsOiAiIiwKICAgICAgY29va2llUGFzc3dvcmQ6ICIiLAogICAgICBsb2dpbkZvcm06IHsKICAgICAgICB1c2VybmFtZTogImFkbWluIiwKICAgICAgICBwYXNzd29yZDogImFkbWluMTIzIiwKICAgICAgICByZW1lbWJlck1lOiBmYWxzZSwKICAgICAgICBjb2RlOiAiIiwKICAgICAgICB1dWlkOiAiIgogICAgICB9LAogICAgICBsb2dpblJ1bGVzOiB7CiAgICAgICAgdXNlcm5hbWU6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIHRyaWdnZXI6ICJibHVyIiwKICAgICAgICAgIG1lc3NhZ2U6ICLnlKjmiLflkI3kuI3og73kuLrnqboiCiAgICAgICAgfV0sCiAgICAgICAgcGFzc3dvcmQ6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIHRyaWdnZXI6ICJibHVyIiwKICAgICAgICAgIG1lc3NhZ2U6ICLlr4bnoIHkuI3og73kuLrnqboiCiAgICAgICAgfV0sCiAgICAgICAgY29kZTogW3sKICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgICAgdHJpZ2dlcjogImNoYW5nZSIsCiAgICAgICAgICBtZXNzYWdlOiAi6aqM6K+B56CB5LiN6IO95Li656m6IgogICAgICAgIH1dCiAgICAgIH0sCiAgICAgIGxvYWRpbmc6IGZhbHNlLAogICAgICByZWRpcmVjdDogdW5kZWZpbmVkCiAgICB9OwogIH0sCiAgd2F0Y2g6IHsKICAgICRyb3V0ZTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKHJvdXRlKSB7CiAgICAgICAgdGhpcy5yZWRpcmVjdCA9IHJvdXRlLnF1ZXJ5ICYmIHJvdXRlLnF1ZXJ5LnJlZGlyZWN0OwogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUKICAgIH0KICB9LAogIGNyZWF0ZWQ6IGZ1bmN0aW9uIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmdldENvZGUoKTsKICAgIHRoaXMuZ2V0Q29va2llKCk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBidG5zOiBmdW5jdGlvbiBidG5zKCkgewogICAgICB0aGlzLm1zZ0luZm8oJ+aaguacquW8gOaUvicpOwogICAgfSwKICAgIGdldENvZGU6IGZ1bmN0aW9uIGdldENvZGUoKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgICAoMCwgX2xvZ2luLmdldENvZGVJbWcpKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMuY29kZVVybCA9ICJkYXRhOmltYWdlL2dpZjtiYXNlNjQsIiArIHJlcy5pbWc7CiAgICAgICAgX3RoaXMubG9naW5Gb3JtLnV1aWQgPSByZXMudXVpZDsKICAgICAgfSk7CiAgICB9LAogICAgZ2V0Q29va2llOiBmdW5jdGlvbiBnZXRDb29raWUoKSB7CiAgICAgIHZhciB1c2VybmFtZSA9IF9qc0Nvb2tpZS5kZWZhdWx0LmdldCgidXNlcm5hbWUiKTsKCiAgICAgIHZhciBwYXNzd29yZCA9IF9qc0Nvb2tpZS5kZWZhdWx0LmdldCgicGFzc3dvcmQiKTsKCiAgICAgIHZhciByZW1lbWJlck1lID0gX2pzQ29va2llLmRlZmF1bHQuZ2V0KCdyZW1lbWJlck1lJyk7CgogICAgICB0aGlzLmxvZ2luRm9ybSA9IHsKICAgICAgICB1c2VybmFtZTogdXNlcm5hbWUgPT09IHVuZGVmaW5lZCA/IHRoaXMubG9naW5Gb3JtLnVzZXJuYW1lIDogdXNlcm5hbWUsCiAgICAgICAgcGFzc3dvcmQ6IHBhc3N3b3JkID09PSB1bmRlZmluZWQgPyB0aGlzLmxvZ2luRm9ybS5wYXNzd29yZCA6ICgwLCBfanNlbmNyeXB0LmRlY3J5cHQpKHBhc3N3b3JkKSwKICAgICAgICByZW1lbWJlck1lOiByZW1lbWJlck1lID09PSB1bmRlZmluZWQgPyBmYWxzZSA6IEJvb2xlYW4ocmVtZW1iZXJNZSkKICAgICAgfTsKICAgIH0sCiAgICBoYW5kbGVMb2dpbjogZnVuY3Rpb24gaGFuZGxlTG9naW4oKSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwoKICAgICAgdGhpcy4kcmVmcy5sb2dpbkZvcm0udmFsaWRhdGUoZnVuY3Rpb24gKHZhbGlkKSB7CiAgICAgICAgaWYgKHZhbGlkKSB7CiAgICAgICAgICBfdGhpczIubG9hZGluZyA9IHRydWU7CgogICAgICAgICAgaWYgKF90aGlzMi5sb2dpbkZvcm0ucmVtZW1iZXJNZSkgewogICAgICAgICAgICBfanNDb29raWUuZGVmYXVsdC5zZXQoInVzZXJuYW1lIiwgX3RoaXMyLmxvZ2luRm9ybS51c2VybmFtZSwgewogICAgICAgICAgICAgIGV4cGlyZXM6IDMwCiAgICAgICAgICAgIH0pOwoKICAgICAgICAgICAgX2pzQ29va2llLmRlZmF1bHQuc2V0KCJwYXNzd29yZCIsICgwLCBfanNlbmNyeXB0LmVuY3J5cHQpKF90aGlzMi5sb2dpbkZvcm0ucGFzc3dvcmQpLCB7CiAgICAgICAgICAgICAgZXhwaXJlczogMzAKICAgICAgICAgICAgfSk7CgogICAgICAgICAgICBfanNDb29raWUuZGVmYXVsdC5zZXQoJ3JlbWVtYmVyTWUnLCBfdGhpczIubG9naW5Gb3JtLnJlbWVtYmVyTWUsIHsKICAgICAgICAgICAgICBleHBpcmVzOiAzMAogICAgICAgICAgICB9KTsKICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgIF9qc0Nvb2tpZS5kZWZhdWx0LnJlbW92ZSgidXNlcm5hbWUiKTsKCiAgICAgICAgICAgIF9qc0Nvb2tpZS5kZWZhdWx0LnJlbW92ZSgicGFzc3dvcmQiKTsKCiAgICAgICAgICAgIF9qc0Nvb2tpZS5kZWZhdWx0LnJlbW92ZSgncmVtZW1iZXJNZScpOwogICAgICAgICAgfQoKICAgICAgICAgIF90aGlzMi4kc3RvcmUuZGlzcGF0Y2goIkxvZ2luIiwgX3RoaXMyLmxvZ2luRm9ybSkudGhlbihmdW5jdGlvbiAoKSB7CiAgICAgICAgICAgIF90aGlzMi4kcm91dGVyLnB1c2goewogICAgICAgICAgICAgIHBhdGg6IF90aGlzMi5yZWRpcmVjdCB8fCAiLyIKICAgICAgICAgICAgfSkuY2F0Y2goZnVuY3Rpb24gKCkge30pOwogICAgICAgICAgfSkuY2F0Y2goZnVuY3Rpb24gKCkgewogICAgICAgICAgICBfdGhpczIubG9hZGluZyA9IGZhbHNlOwoKICAgICAgICAgICAgX3RoaXMyLmdldENvZGUoKTsKICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9CiAgfQp9OwpleHBvcnRzLmRlZmF1bHQgPSBfZGVmYXVsdDs="},{"version":3,"sources":["login.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div class=\"login\">\r\n <el-form ref=\"loginForm\" :model=\"loginForm\" :rules=\"loginRules\" class=\"login-form\">\r\n <img src=\"../assets/images/icon_dl_ewm@2x.png\" v-if=\"statusFlag==1\" @click=\"statusFlag=2\" alt=\"\" class=\"icon_rw\">\r\n <img src=\"../assets/images/icon_dl_madl@2x.png\" v-if=\"statusFlag==2\" alt=\"\" @click=\"statusFlag=1\" class=\"icon_mim\">\r\n <h3 class=\"title\"> 潜山市云数据中心</h3>\r\n <div v-if=\"statusFlag==2\">\r\n <div class=\"erw_img\">\r\n <img src=\"\" alt=\"\" class=\"imgs\">\r\n <p>请使用手机扫描上方二维码登录</p>\r\n </div>\r\n <div class=\"mim_p\">\r\n 密码登录\r\n </div>\r\n </div>\r\n <div v-if=\"statusFlag==1\">\r\n <el-form-item prop=\"username\">\r\n <el-input v-model=\"loginForm.username\" type=\"text\" auto-complete=\"off\" placeholder=\"账号\">\r\n <svg-icon slot=\"prefix\" icon-class=\"user\" class=\"el-input__icon input-icon\" />\r\n </el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"password\">\r\n <el-input\r\n v-model=\"loginForm.password\"\r\n type=\"password\"\r\n auto-complete=\"off\"\r\n placeholder=\"密码\"\r\n @keyup.enter.native=\"handleLogin\"\r\n >\r\n <svg-icon slot=\"prefix\" icon-class=\"password\" class=\"el-input__icon input-icon\" />\r\n </el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"code\">\r\n <el-input\r\n v-model=\"loginForm.code\"\r\n auto-complete=\"off\"\r\n placeholder=\"验证码\"\r\n style=\"width: 63%\"\r\n @keyup.enter.native=\"handleLogin\"\r\n >\r\n <svg-icon slot=\"prefix\" icon-class=\"validCode\" class=\"el-input__icon input-icon\" />\r\n </el-input>\r\n <div class=\"login-code\">\r\n <img :src=\"codeUrl\" @click=\"getCode\" class=\"login-code-img\"/>\r\n </div>\r\n </el-form-item>\r\n <el-checkbox v-model=\"loginForm.rememberMe\" style=\"margin:0px 0px 25px 0px;\">记住密码</el-checkbox>\r\n <el-form-item style=\"width:100%; margin-bottom: 42px;\">\r\n <div class=\"medTitle\">\r\n 快捷登录\r\n </div>\r\n <div class=\"med_icons\">\r\n <div class=\"med_icons_item\" @click=\"btns\">\r\n <img src=\"@/assets/images/icon_kjdl_wz@2x.png\" alt=\"\" class=\"icon\">\r\n <p>皖事通</p>\r\n </div>\r\n <div class=\"med_icons_item\" @click=\"btns\">\r\n <img src=\"@/assets/images/icon_kjdl_dd@2x.png\" alt=\"\" class=\"icon\">\r\n <p>钉钉</p>\r\n </div>\r\n <div class=\"med_icons_item\" @click=\"btns\">\r\n <img src=\"@/assets/images/icon_kjdl_wx@2x.png\" alt=\"\" class=\"icon\">\r\n <p>微信</p>\r\n </div>\r\n <div class=\"med_icons_item\" @click=\"btns\">\r\n <img src=\"@/assets/images/icon_kjdl_qywx@2x.png\" alt=\"\" class=\"icon\">\r\n <p>企业微信</p>\r\n </div>\r\n <div class=\"med_icons_item\" @click=\"btns\">\r\n <img src=\"@/assets/images/icon_kjdl_qq@2x.png\" alt=\"\" class=\"icon\">\r\n <p>QQ</p>\r\n </div>\r\n </div>\r\n </el-form-item>\r\n <el-form-item style=\"width:100%;margin-bottom: 0;\">\r\n <el-button\r\n :loading=\"loading\"\r\n size=\"medium\"\r\n type=\"primary\"\r\n style=\"width: 100%;background-color: #2865E1;height: 45px;\"\r\n @click.native.prevent=\"handleLogin\"\r\n >\r\n <span v-if=\"!loading\">登 录</span>\r\n <span v-else>登 录 中...</span>\r\n </el-button>\r\n <p class=\"div_p\">\r\n * 使用快捷登录，请先绑定第三方账号\r\n </p>\r\n </el-form-item>\r\n </div>\r\n </el-form>\r\n <!-- 底部 -->\r\n <div class=\"el-login-footer\">\r\n <!-- <span>Copyright © 2018-2021 ruoyi.vip All Rights Reserved.</span> -->\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getCodeImg } from \"@/api/login\";\r\nimport Cookies from \"js-cookie\";\r\nimport { encrypt, decrypt } from '@/utils/jsencrypt'\r\n\r\nexport default {\r\n name: \"Login\",\r\n data() {\r\n return {\r\n statusFlag: 1,\r\n codeUrl: \"\",\r\n cookiePassword: \"\",\r\n loginForm: {\r\n username: \"admin\",\r\n password: \"admin123\",\r\n rememberMe: false,\r\n code: \"\",\r\n uuid: \"\"\r\n },\r\n loginRules: {\r\n username: [\r\n { required: true, trigger: \"blur\", message: \"用户名不能为空\" }\r\n ],\r\n password: [\r\n { required: true, trigger: \"blur\", message: \"密码不能为空\" }\r\n ],\r\n code: [{ required: true, trigger: \"change\", message: \"验证码不能为空\" }]\r\n },\r\n loading: false,\r\n redirect: undefined\r\n };\r\n },\r\n watch: {\r\n $route: {\r\n handler: function(route) {\r\n this.redirect = route.query && route.query.redirect;\r\n },\r\n immediate: true\r\n }\r\n },\r\n created() {\r\n this.getCode();\r\n this.getCookie();\r\n },\r\n methods: {\r\n btns() {\r\n this.msgInfo('暂未开放')\r\n },\r\n getCode() {\r\n getCodeImg().then(res => {\r\n this.codeUrl = \"data:image/gif;base64,\" + res.img;\r\n this.loginForm.uuid = res.uuid;\r\n });\r\n },\r\n getCookie() {\r\n const username = Cookies.get(\"username\");\r\n const password = Cookies.get(\"password\");\r\n const rememberMe = Cookies.get('rememberMe')\r\n this.loginForm = {\r\n username: username === undefined ? this.loginForm.username : username,\r\n password: password === undefined ? this.loginForm.password : decrypt(password),\r\n rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)\r\n };\r\n },\r\n handleLogin() {\r\n this.$refs.loginForm.validate(valid => {\r\n if (valid) {\r\n this.loading = true;\r\n if (this.loginForm.rememberMe) {\r\n Cookies.set(\"username\", this.loginForm.username, { expires: 30 });\r\n Cookies.set(\"password\", encrypt(this.loginForm.password), { expires: 30 });\r\n Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });\r\n } else {\r\n Cookies.remove(\"username\");\r\n Cookies.remove(\"password\");\r\n Cookies.remove('rememberMe');\r\n }\r\n this.$store.dispatch(\"Login\", this.loginForm).then(() => {\r\n this.$router.push({ path: this.redirect || \"/\" }).catch(()=>{});\r\n }).catch(() => {\r\n this.loading = false;\r\n this.getCode();\r\n });\r\n }\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\">\r\n.login {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n height: 100%;\r\n background-image: url(\"../assets/images/login-background.jpg\");\r\n background-size: cover;\r\n}\r\n.div_p{\r\n text-align: center;\r\n font-size: 11px;\r\n color: #AAAAAA;\r\n // line-height: 1;\r\n}\r\n.medTitle{\r\n margin-top: 10px;\r\n text-align: center;\r\n line-height: 50px;\r\n position: relative;\r\n color: #343434;\r\n font-size: 14px;\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n &::before{\r\n content: \"\";\r\n position: absolute;\r\n width: 30px;\r\n height: 2px;\r\n border-radius: 1px;\r\n background-color: #F4AD6B;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n}\r\n.med_icons{\r\n display: flex;\r\n justify-content: space-between;\r\n width: 365px;\r\n position: relative;\r\n left: -23px;\r\n\r\n .med_icons_item{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n cursor: pointer;\r\n .icon{\r\n width: 34px;\r\n height: 34px;\r\n margin-bottom: 6px;\r\n }\r\n p{\r\n text-align: center;\r\n font-size: 11px;\r\n color: #666666;\r\n line-height: 24px;\r\n margin: 0;\r\n }\r\n }\r\n}\r\n.title {\r\n margin: 0px auto 40px auto;\r\n text-align: center;\r\n color: #343434;\r\n padding: 0 15px;\r\n position: relative;\r\n font-weight: normal;\r\n font-size: 22px;\r\n &::before{\r\n position: absolute;\r\n content: '';\r\n width: 145px;\r\n height: 15px;\r\n background-image: url('../assets/images/pic_dlbt_hx@2x.png');\r\n background-size: 100% 100%;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n}\r\n\r\n.login-form {\r\n border-radius: 6px;\r\n background: #ffffff;\r\n width: 441px;\r\n box-shadow: 0 0 25px #E3E3EA;\r\n margin-right: 101px;\r\n background-image: urk;\r\n padding: 58px 62px 49px;\r\n position: relative;\r\n .icon_rw{\r\n position: absolute;\r\n width: 72px;\r\n height: 72px;\r\n top: 11px;\r\n right: 11px;\r\n cursor: pointer;\r\n }\r\n .icon_mim{\r\n position: absolute;\r\n width: 57px;\r\n height: 57px;\r\n top: 11px;\r\n right: 11px;\r\n cursor: pointer;\r\n }\r\n .erw_img{\r\n margin: 69px 0 83px;\r\n text-align: center;\r\n .img{\r\n width: 240px;\r\n height: 240px;\r\n margin-bottom: 17px;\r\n }\r\n p{\r\n color: #666666;\r\n font-size: 14px;\r\n }\r\n }\r\n .mim_p{\r\n text-align: center;\r\n color: #2865E1;\r\n font-size: 15px;\r\n font-weight: bold;\r\n text-decoration: underline;\r\n }\r\n .el-input {\r\n height: 38px;\r\n input {\r\n height: 38px;\r\n }\r\n }\r\n .input-icon {\r\n height: 39px;\r\n width: 14px;\r\n margin-left: 2px;\r\n }\r\n}\r\n.login-tip {\r\n font-size: 13px;\r\n text-align: center;\r\n color: #bfbfbf;\r\n}\r\n.login-code {\r\n width: 33%;\r\n height: 38px;\r\n float: right;\r\n img {\r\n cursor: pointer;\r\n vertical-align: middle;\r\n }\r\n}\r\n.el-login-footer {\r\n height: 40px;\r\n line-height: 40px;\r\n position: fixed;\r\n bottom: 0;\r\n width: 100%;\r\n text-align: center;\r\n color: #fff;\r\n font-family: Arial;\r\n font-size: 12px;\r\n letter-spacing: 1px;\r\n}\r\n.login-code-img {\r\n height: 38px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
|
