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
10 KiB
1 line
10 KiB
{"remainingRequest":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\src\\views\\login.vue?vue&type=style&index=0&id=7589b93f&lang=css","dependencies":[{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\src\\views\\login.vue","mtime":1697304254000},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\css-loader\\dist\\cjs.js","mtime":1741688070309},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1741688069861},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\postcss-loader\\src\\index.js","mtime":1741688069710},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1741688074111},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\vue-loader\\lib\\index.js","mtime":1741688069764}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CiAgICAubG9naW4tY29udGFpbmVyIHsKCQliYWNrZ3JvdW5kLWltYWdlOiB1cmwoIi4uL2Fzc2V0cy9iZy5qcGciKTsKCQlwb3NpdGlvbjogZml4ZWQ7CgkJbGVmdDogMDsKCQl0b3A6IDA7CgkJYm90dG9tOiAwOwoJCXJpZ2h0OiAwOwoJfQoJLmxvZ2luLXdpbiB7CgkJcG9zaXRpb246IGFic29sdXRlOwoJCXRvcDogNTAlOwoJCWxlZnQ6IDUwJTsKCQl0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTsKCQl3aWR0aDogNTUwcHg7CgkJaGVpZ2h0OiAzMDBweDsKCQlwYWRkaW5nOiAxNXB4OwoJCWJvcmRlci1yYWRpdXM6IDVweDsKCQliYWNrZ3JvdW5kLXNpemU6IGNvdmVyOwoJfQoJLmxvZ2luLWJvZHkgewogICAgcGFkZGluZzogMzBweCA0MHB4OwoKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIHRvcDogNTAlOwogICAgbGVmdDogNTAlOwogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwtNTAlKTsKICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogICAgYm9yZGVyLXJhZGl1czogMjBweDsKICAgIGJvcmRlcjogMnB4IHNvbGlkICAjMDA5OTk5OwogICAgfQoJLmxvZ2luLXRpdGxlIHsKCQl0ZXh0LWFsaWduOiBjZW50ZXI7CgkJZm9udC1zaXplOiAyMHB4OwoJCWZvbnQtd2VpZ2h0OiBib2xkOwoJCWNvbG9yOiAjMDA5OTk5OwoJCW1hcmdpbi1ib3R0b206IDM1cHg7Cgl9Cg=="},{"version":3,"sources":["login.vue"],"names":[],"mappings":";AAkOA;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","file":"login.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n <div class=\"login-container\">\r\n\r\n\t\t\t<div class=\"login-body\">\r\n\t\t\t\t<div class=\"login-title\">\r\n\t\t\t\t\t用户登录\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"login-form\">\r\n\t\t\t\t\t<el-form :model=\"loginForm\" :rules=\"rules\" ref=\"loginForm\">\r\n\t\t\t\t\t\t<el-form-item prop=\"userName\">\r\n\t\t\t\t\t\t\t<el-input type=\"text\" \r\n v-model=\"loginForm.userName\" suffix-icon=\"el-icon-user-solid\"\r\n placeholder=\"请输入您的账号\"></el-input>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t\t<el-form-item prop=\"passWord\">\r\n\t\t\t\t\t\t\t<el-input type=\"password\" \r\n v-model=\"loginForm.passWord\" suffix-icon=\"el-icon-lock\"\r\n placeholder=\"请输入您的密码\"></el-input>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t\t<el-form-item>\r\n\t\t\t\t\t\t\t<el-button \r\n style=\"margin-top: 15px; width: 100%;background-color: #009999;\"\r\n @click=\"submitForm('loginForm')\" \r\n type=\"primary\">用户登录</el-button>\r\n\t\t\t\t\t\t\t\t<el-link style=\"text-align:right;width: 100%;\"\r\n\t\t\t\t\t\t\t\t\t@click=\"showAddWin()\" :underline=\"false\" type=\"info\">没有账号，注册一个</el-link>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-form>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\r\n\t\t<el-dialog title=\"用户注册\" width=\"700px\" :modal=\"false\" :visible.sync=\"showAddFlag\">\r\n <el-form label-width=\"90px\" :model=\"usersForm\">\r\n <el-row :gutter=\"15\">\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"用户账号\">\r\n <el-input v-model=\"usersForm.userName\"\r\n placeholder=\"请输入用户账号…\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"用户密码\">\r\n <el-input v-model=\"usersForm.passWord\" type=\"password\"\r\n placeholder=\"请输入用户密码…\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <el-row :gutter=\"15\">\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"用户姓名\">\r\n <el-input v-model=\"usersForm.name\"\r\n placeholder=\"请输入用户姓名…\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"用户年龄\">\r\n <el-input v-model=\"usersForm.age\"\r\n placeholder=\"请输入用户年龄…\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <el-row :gutter=\"15\">\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"用户性别\">\r\n <el-radio-group v-model=\"usersForm.gender\">\r\n <el-radio label=\"男\"></el-radio>\r\n <el-radio label=\"女\"></el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"联系电话\">\r\n <el-input v-model=\"usersForm.phone\"\r\n placeholder=\"请输入联系电话…\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <el-form-item label=\"联系地址\">\r\n <el-input rows=\"4\" type=\"textarea\" v-model=\"usersForm.address\"\r\n placeholder=\"请输入联系地址…\" autocomplete=\"off\"></el-input>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"showAddFlag = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"addInfo()\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<style>\r\n .login-container {\r\n\t\tbackground-image: url(\"../assets/bg.jpg\");\r\n\t\tposition: fixed;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t}\r\n\t.login-win {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\twidth: 550px;\r\n\t\theight: 300px;\r\n\t\tpadding: 15px;\r\n\t\tborder-radius: 5px;\r\n\t\tbackground-size: cover;\r\n\t}\r\n\t.login-body {\r\n padding: 30px 40px;\r\n\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%,-50%);\r\n background-color: white;\r\n border-radius: 20px;\r\n border: 2px solid #009999;\r\n }\r\n\t.login-title {\r\n\t\ttext-align: center;\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #009999;\r\n\t\tmargin-bottom: 35px;\r\n\t}\r\n</style>\r\n\r\n<script>\r\n\r\n\timport initMenu from \"../utils/menus.js\";\r\n\timport { login, addUsers } from '../api/index.js'\r\n\r\n export default {\r\n data(){\r\n\r\n return {\r\n\t\t\t\tshowAddFlag: false,\r\n\t\t\t\tusersForm: {\r\n\t\t\t\t\tid: \"\",\r\n\t\t\t\t\tuserName: \"\",\r\n\t\t\t\t\tpassWord: \"\",\r\n\t\t\t\t\tname: \"\",\r\n\t\t\t\t\tgender: \"\",\r\n\t\t\t\t\tage: \"\",\r\n\t\t\t\t\tphone: \"\",\r\n\t\t\t\t\taddress: \"\",\r\n\t\t\t\t\ttype: 2,\r\n\t\t\t\t\tstatus: 1\r\n\t\t\t\t},\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\trules: {\r\n\t\t\t\t\tuserName: [{\r\n\t\t\t\t\t\trequired: true,\r\n\t\t\t\t\t\tmessage: '用户账号必须输入',\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\trequired: true,\r\n\t\t\t\t\t\tmessage: '用户密码必须输入',\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 },\r\n methods: {\r\n showAddWin(){\r\n\r\n\t\t\t\tthis.showAddFlag = true;\r\n\t\t\t},\r\n submitForm(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\r\n\t\t\t\t\t\tlogin(this.loginForm).then(res => {\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tthis.$store.commit('setToken', res.data);\r\n\t\t\t\t\t\t\tsessionStorage.setItem(\"token\", res.data);\r\n\t\t\t\t\t\t\tinitMenu(this.$router, this.$store);\r\n\t\t\t\t\t\t\tthis.$router.push('/index');\r\n\t\t\t\t\t\t});\r\n \r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\taddInfo(){\r\n\r\n\t\t\t\taddUsers(this.usersForm).then(resp =>{\r\n\r\n\t\t\t\t\tif(resp.code == 0){\r\n\r\n\t\t\t\t\t\tthis.$confirm('注册成功, 立即登陆?', '提示', {\r\n\t\t\t\t\t\t\tconfirmButtonText: '确定',\r\n\t\t\t\t\t\t\tcancelButtonText: '取消',\r\n\t\t\t\t\t\t\ttype: 'warning'\r\n\t\t\t\t\t\t}).then(() => {\r\n\r\n\t\t\t\t\t\t\tlogin({userName: this.usersForm.userName, passWord: this.usersForm.passWord}).then(res => {\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tthis.$store.commit('setToken', res.data);\r\n\t\t\t\t\t\t\t\tsessionStorage.setItem(\"token\", res.data);\r\n\t\t\t\t\t\t\t\tinitMenu(this.$router, this.$store);\r\n\t\t\t\t\t\t\t\tthis.$router.push('/index');\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t});\t\t\t\t\t\t\r\n\t\t\t\t\t}else{\r\n\r\n\t\t\t\t\t\tthis.$message({\r\n\t\t\t\t\t\t\tmessage: resp.msg,\r\n\t\t\t\t\t\t\ttype: 'warning'\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n }\r\n }\r\n</script>"]}]} |