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
12 KiB
1 line
12 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=script&lang=js","dependencies":[{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\src\\views\\login.vue","mtime":1697304254000},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1741688074111},{"path":"D:\\BaiduNetdiskDownload\\springboot和vue社团管理\\client\\node_modules\\babel-loader\\lib\\index.js","mtime":1741688074515},{"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:DQoNCglpbXBvcnQgaW5pdE1lbnUgZnJvbSAiLi4vdXRpbHMvbWVudXMuanMiOw0KCWltcG9ydCB7IGxvZ2luLCBhZGRVc2VycyB9IGZyb20gJy4uL2FwaS9pbmRleC5qcycNCg0KICAgIGV4cG9ydCBkZWZhdWx0IHsNCiAgICAgICAgZGF0YSgpew0KDQogICAgICAgICAgICByZXR1cm4gew0KCQkJCXNob3dBZGRGbGFnOiBmYWxzZSwNCgkJCQl1c2Vyc0Zvcm06IHsNCgkJCQkJaWQ6ICIiLA0KCQkJCQl1c2VyTmFtZTogIiIsDQoJCQkJCXBhc3NXb3JkOiAiIiwNCgkJCQkJbmFtZTogIiIsDQoJCQkJCWdlbmRlcjogIiIsDQoJCQkJCWFnZTogIiIsDQoJCQkJCXBob25lOiAiIiwNCgkJCQkJYWRkcmVzczogIiIsDQoJCQkJCXR5cGU6IDIsDQoJCQkJCXN0YXR1czogMQ0KCQkJCX0sDQoJCQkJbG9naW5Gb3JtOiB7DQoJCQkJCXVzZXJOYW1lOiAnJywNCgkJCQkJcGFzc1dvcmQ6ICcnDQoJCQkJfSwNCgkJCQlydWxlczogew0KCQkJCQl1c2VyTmFtZTogW3sNCgkJCQkJCXJlcXVpcmVkOiB0cnVlLA0KCQkJCQkJbWVzc2FnZTogJ+eUqOaIt+i0puWPt+W/hemhu+i+k+WFpScsDQoJCQkJCQl0cmlnZ2VyOiAnYmx1cicNCgkJCQkJfV0sDQoJCQkJCXBhc3NXb3JkOiBbew0KCQkJCQkJcmVxdWlyZWQ6IHRydWUsDQoJCQkJCQltZXNzYWdlOiAn55So5oi35a+G56CB5b+F6aG76L6T5YWlJywNCgkJCQkJCXRyaWdnZXI6ICdibHVyJw0KCQkJCQl9XSwNCgkJCQl9DQoJCQl9DQogICAgICAgIH0sDQogICAgICAgIG1ldGhvZHM6IHsNCiAgICAgICAgICAgIHNob3dBZGRXaW4oKXsNCg0KCQkJCXRoaXMuc2hvd0FkZEZsYWcgPSB0cnVlOw0KCQkJfSwNCiAgICAgICAgICAgIHN1Ym1pdEZvcm0oZm9ybU5hbWUpIHsNCgkJCQl0aGlzLiRyZWZzW2Zvcm1OYW1lXS52YWxpZGF0ZSgodmFsaWQpID0+IHsNCgkJCQkJaWYgKHZhbGlkKSB7DQoJCQkJCQkNCgkJCQkJCWxvZ2luKHRoaXMubG9naW5Gb3JtKS50aGVuKHJlcyA9PiB7DQoJCQkJCQkJDQoJCQkJCQkJdGhpcy4kc3RvcmUuY29tbWl0KCdzZXRUb2tlbicsIHJlcy5kYXRhKTsNCgkJCQkJCQlzZXNzaW9uU3RvcmFnZS5zZXRJdGVtKCJ0b2tlbiIsIHJlcy5kYXRhKTsNCgkJCQkJCQlpbml0TWVudSh0aGlzLiRyb3V0ZXIsIHRoaXMuJHN0b3JlKTsNCgkJCQkJCQl0aGlzLiRyb3V0ZXIucHVzaCgnL2luZGV4Jyk7DQoJCQkJCQl9KTsNCiAgICAgICAgICAgICAgICAgICAgICAgIA0KCQkJCQl9IGVsc2Ugew0KCQkJCQkJDQoJCQkJCQlyZXR1cm4gZmFsc2U7DQoJCQkJCX0NCgkJCQl9KTsNCgkJCX0sDQoJCQlhZGRJbmZvKCl7DQoNCgkJCQlhZGRVc2Vycyh0aGlzLnVzZXJzRm9ybSkudGhlbihyZXNwID0+ew0KDQoJCQkJCWlmKHJlc3AuY29kZSA9PSAwKXsNCg0KCQkJCQkJdGhpcy4kY29uZmlybSgn5rOo5YaM5oiQ5YqfLCDnq4vljbPnmbvpmYY/JywgJ+aPkOekuicsIHsNCgkJCQkJCQljb25maXJtQnV0dG9uVGV4dDogJ+ehruWumicsDQoJCQkJCQkJY2FuY2VsQnV0dG9uVGV4dDogJ+WPlua2iCcsDQoJCQkJCQkJdHlwZTogJ3dhcm5pbmcnDQoJCQkJCQl9KS50aGVuKCgpID0+IHsNCg0KCQkJCQkJCWxvZ2luKHt1c2VyTmFtZTogdGhpcy51c2Vyc0Zvcm0udXNlck5hbWUsIHBhc3NXb3JkOiB0aGlzLnVzZXJzRm9ybS5wYXNzV29yZH0pLnRoZW4ocmVzID0+IHsNCgkJCQkJCQkNCgkJCQkJCQkJdGhpcy4kc3RvcmUuY29tbWl0KCdzZXRUb2tlbicsIHJlcy5kYXRhKTsNCgkJCQkJCQkJc2Vzc2lvblN0b3JhZ2Uuc2V0SXRlbSgidG9rZW4iLCByZXMuZGF0YSk7DQoJCQkJCQkJCWluaXRNZW51KHRoaXMuJHJvdXRlciwgdGhpcy4kc3RvcmUpOw0KCQkJCQkJCQl0aGlzLiRyb3V0ZXIucHVzaCgnL2luZGV4Jyk7DQoJCQkJCQkJfSk7DQoJCQkJCQl9KTsJCQkJCQkNCgkJCQkJfWVsc2V7DQoNCgkJCQkJCXRoaXMuJG1lc3NhZ2Uoew0KCQkJCQkJCW1lc3NhZ2U6IHJlc3AubXNnLA0KCQkJCQkJCXR5cGU6ICd3YXJuaW5nJw0KCQkJCQkJfSk7DQoJCQkJCX0NCgkJCQl9KTsNCgkJCX0NCiAgICAgICAgfQ0KICAgIH0NCg=="},{"version":3,"sources":["login.vue"],"names":[],"mappings":";;AAqIA;AACA;;AAEA;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;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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>"]}]} |