{"remainingRequest":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-ui\\src\\views\\Login.vue?vue&type=style&index=0&id=74bcd06c&scoped=true&lang=less&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-ui\\src\\views\\Login.vue","mtime":1675233415816},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\less-loader\\dist\\cjs.js","mtime":1675233429113},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5sb2dpbiB7CgkvLyBiYWNrZ3JvdW5kOiB1cmwoIi4uL2Fzc2V0cy9iZzIuanBlZyIpOwoJdGV4dC1hbGlnbjogY2VudGVyOwoJYmFja2dyb3VuZC1jb2xvcjogI2M0YzRjNDsKCXdpZHRoOiAxMDAlOwoJaGVpZ2h0OiAxMDAlOwoJcG9zaXRpb246IGZpeGVkOwoJYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7CgoJLmJveC1jYXJkIHsKCQkvLyBvcGFjaXR5OiAwLjM7CgkJcG9zaXRpb246IGFic29sdXRlOwoJCWJhY2tncm91bmQtY29sb3I6ICNmZmY7CgkJcmlnaHQ6IDE1JTsKCQl0b3A6IDM1JTsKCQl3aWR0aDogNDAwcHg7CgkJYm9yZGVyOiAwOwoKCQkvZGVlcC8gLmVsLWZvcm0taXRlbSB7CgkJCWJhY2tncm91bmQtY29sb3I6IHVuc2V0ICFpbXBvcnRhbnQ7CgkJfQoKCQkvZGVlcC8gLmVsLWlucHV0IGlucHV0IHsKCQkJY29sb3I6IHJlZDsKCQkJYmFja2dyb3VuZDogdHJhbnNwYXJlbnQgIWltcG9ydGFudDsKCQl9CgoJCS5lbC1idXR0b24gewoJCQliYWNrZ3JvdW5kOiByZWQ7CgkJCWJvcmRlcjogMDsKCQkJY29sb3I6ICNmZmY7CgkJCWZvbnQtd2VpZ2h0OiBib2xkOwoJCX0KCgl9CgoJLmVsLWZvcm0gewoJCWNvbG9yOiByZWQ7Cgl9CgoJc3BhbiB7CgkJY29sb3I6ICMwMDA7CgkJZm9udC1zaXplOiAxOHB4OwoJCWZvbnQtd2VpZ2h0OiBib2xkOwoJfQp9Cg=="},{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n\t<div class=\"login\">\r\n\t\t<el-card class=\"box-card\">\r\n\t\t\t<div slot=\"header\" class=\"clearfix\">\r\n\t\t\t\t<span>后台管理系统UI</span>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<el-form :model=\"loginForm\" status-icon ref=\"loginForm\" :rules=\"rules\">\r\n\t\t\t\t\t<el-form-item label=\"用户名\" label-width=\"80px\" prop=\"username\">\r\n\t\t\t\t\t\t<el-input type=\"text\" v-model=\"loginForm.username\"></el-input>\r\n\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t<el-form-item label=\"密码\" label-width=\"80px\" prop=\"password\">\r\n\t\t\t\t\t\t<el-input type=\"password\" v-model=\"loginForm.password\"></el-input>\r\n\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t<el-form-item>\r\n\t\t\t\t\t\t<el-button type=\"primary\" @click=\"submitForm('loginForm')\">登录</el-button>\r\n\t\t\t\t\t</el-form-item>\r\n\t\t\t\t</el-form>\r\n\t\t\t</div>\r\n\t\t</el-card>\r\n\t</div>\r\n\r\n</template>\r\n\r\n<script>\r\n\timport api from \"../api\";\r\n\timport {\r\n\t\tmapMutations\r\n\t} from \"vuex\";\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\t// 验证规则\r\n\t\t\tvar validateUserName = (rule, value, callback) => {\r\n\t\t\t\tif (value === \"\") {\r\n\t\t\t\t\tcallback(new Error(\"请输入用户名\"));\r\n\t\t\t\t} else if (value.length < 4) {\r\n\t\t\t\t\tcallback(new Error(\"长度不够\"));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcallback();\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\tvar validatePassWord = (rule, value, callback) => {\r\n\t\t\t\tif (value === \"\") {\r\n\t\t\t\t\tcallback(new Error(\"请输入密码\"));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcallback();\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\tvar validateconfigurePassword = (rule, value, callback) => {\r\n\t\t\t\tif (value === \"\") {\r\n\t\t\t\t\tcallback(new Error(\"请再次输入密码\"));\r\n\t\t\t\t} else if (value !== this.registerForm.password) {\r\n\t\t\t\t\tcallback(new Error(\"两次输入密码不一致!\"));\r\n\t\t\t\t} else {\r\n\t\t\t\t\tcallback();\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\treturn {\r\n\t\t\t\tcurrentIndex: \"login\",\r\n\t\t\t\tloginForm: {\r\n\t\t\t\t\tusername: \"\",\r\n\t\t\t\t\tpassword: \"\",\r\n\t\t\t\t},\r\n\t\t\t\tregisterForm: {\r\n\t\t\t\t\tusername: \"\",\r\n\t\t\t\t\tpassword: \"\",\r\n\t\t\t\t\tconfigurePassword: \"\",\r\n\t\t\t\t\temail: \"\",\r\n\t\t\t\t},\r\n\t\t\t\tactiveTab: \"login\",\r\n\t\t\t\trules: {\r\n\t\t\t\t\t// 邮箱\r\n\t\t\t\t\temail: [{\r\n\t\t\t\t\t\t\trequired: true,\r\n\t\t\t\t\t\t\tmessage: '请填写邮箱',\r\n\t\t\t\t\t\t\ttrigger: 'blur'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\ttype: 'string',\r\n\t\t\t\t\t\t\tmessage: '邮箱格式不正确',\r\n\t\t\t\t\t\t\ttrigger: 'blur',\r\n\t\t\t\t\t\t\ttransform(value) {\r\n\t\t\t\t\t\t\t\tif (!/^\\w+((-\\w+)|(\\.\\w+))*@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$/.test(\r\n\t\t\t\t\t\t\t\t\t\tvalue)) {\r\n\t\t\t\t\t\t\t\t\treturn true\r\n\t\t\t\t\t\t\t\t} else {}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\ttype: 'string',\r\n\t\t\t\t\t\t\tmessage: '长度不能超过30位',\r\n\t\t\t\t\t\t\ttrigger: 'blur',\r\n\t\t\t\t\t\t\tmax: 30\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t],\r\n\t\t\t\t\tusername: [{\r\n\t\t\t\t\t\tvalidator: validateUserName,\r\n\t\t\t\t\t\ttrigger: \"blur\",\r\n\t\t\t\t\t}, ],\r\n\t\t\t\t\tpassword: [{\r\n\t\t\t\t\t\tvalidator: validatePassWord,\r\n\t\t\t\t\t\ttrigger: \"blur\",\r\n\t\t\t\t\t}, ],\r\n\t\t\t\t\tconfigurePassword: [{\r\n\t\t\t\t\t\tvalidator: validateconfigurePassword,\r\n\t\t\t\t\t\ttrigger: \"blur\",\r\n\t\t\t\t\t}, ],\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapMutations(\"login\", [\"setUser\"]),\r\n\t\t\tsubmitForm(formName) {\r\n\t\t\t\tthis.$refs[formName].validate((valid) => {\r\n\t\t\t\t\tif (valid) {\r\n\t\t\t\t\t\t\t// 登录\r\n\t\t\t\t\t\t\t// this.$bus.$emit(\"loginnn\", this.loginForm);\r\n\t\t\t\t\t\t\tthis.$router.push(\"/Worktable\");\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\thandleTabsClick(tab) {\r\n\t\t\t\tthis.activeTab = tab.name;\r\n\t\t\t},\r\n\t\t},\r\n\t};\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n\t.login {\r\n\t\t// background: url(\"../assets/bg2.jpeg\");\r\n\t\ttext-align: center;\r\n\t\tbackground-color: #c4c4c4;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: fixed;\r\n\t\tbackground-size: 100% 100%;\r\n\r\n\t\t.box-card {\r\n\t\t\t// opacity: 0.3;\r\n\t\t\tposition: absolute;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tright: 15%;\r\n\t\t\ttop: 35%;\r\n\t\t\twidth: 400px;\r\n\t\t\tborder: 0;\r\n\r\n\t\t\t/deep/ .el-form-item {\r\n\t\t\t\tbackground-color: unset !important;\r\n\t\t\t}\r\n\r\n\t\t\t/deep/ .el-input input {\r\n\t\t\t\tcolor: red;\r\n\t\t\t\tbackground: transparent !important;\r\n\t\t\t}\r\n\r\n\t\t\t.el-button {\r\n\t\t\t\tbackground: red;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.el-form {\r\n\t\t\tcolor: red;\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\tcolor: #000;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\t}\r\n</style>\r\n"]}]}