| 1 |
- {"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nexport default {\n name: \"Login\",\n data() {\n return {\n form: {\n role: 'ADMIN'\n },\n rules: {\n username: [{\n required: true,\n message: '请输入账号',\n trigger: 'blur'\n }],\n password: [{\n required: true,\n message: '请输入密码',\n trigger: 'blur'\n }]\n }\n };\n },\n created() {},\n methods: {\n login() {\n this.$refs['formRef'].validate(valid => {\n if (valid) {\n // 验证通过\n this.$request.post('/login', this.form).then(res => {\n if (res.code === '200') {\n localStorage.setItem(\"xm-user\", JSON.stringify(res.data)); // 存储用户数据\n this.$router.push('/'); // 跳转主页\n this.$message.success('登录成功');\n } else {\n this.$message.error(res.msg);\n }\n });\n }\n });\n }\n }\n};","map":{"version":3,"names":["name","data","form","role","rules","username","required","message","trigger","password","created","methods","login","$refs","validate","valid","$request","post","then","res","code","localStorage","setItem","JSON","stringify","$router","push","$message","success","error","msg"],"sources":["src/views/Login.vue"],"sourcesContent":["<template>\r\n <div class=\"container\">\r\n <div style=\"width: 400px; padding: 30px; background-color: white; border-radius: 5px;\">\r\n <div style=\"text-align: center; font-size: 20px; margin-bottom: 20px; color: #333\">欢迎使用</div>\r\n <el-form :model=\"form\" :rules=\"rules\" ref=\"formRef\">\r\n <el-form-item prop=\"username\">\r\n <el-input prefix-icon=\"el-icon-user\" placeholder=\"请输入账号\" v-model=\"form.username\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"password\">\r\n <el-input prefix-icon=\"el-icon-lock\" placeholder=\"请输入密码\" show-password v-model=\"form.password\"></el-input>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button style=\"width: 100%; background-color: #333; border-color: #333; color: white\" @click=\"login\">登 录</el-button>\r\n </el-form-item>\r\n<!-- <div style=\"display: flex; align-items: center\">-->\r\n<!-- <div style=\"flex: 1\"></div>-->\r\n<!-- <div style=\"flex: 1; text-align: right\">-->\r\n<!-- 还没有账号？请 <a href=\"/register\">注册</a>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n </el-form>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"Login\",\r\n data() {\r\n return {\r\n form: { role: 'ADMIN' },\r\n rules: {\r\n username: [\r\n { required: true, message: '请输入账号', trigger: 'blur' },\r\n ],\r\n password: [\r\n { required: true, message: '请输入密码', trigger: 'blur' },\r\n ]\r\n }\r\n }\r\n },\r\n created() {\r\n\r\n },\r\n methods: {\r\n login() {\r\n this.$refs['formRef'].validate((valid) => {\r\n if (valid) {\r\n // 验证通过\r\n this.$request.post('/login', this.form).then(res => {\r\n if (res.code === '200') {\r\n localStorage.setItem(\"xm-user\", JSON.stringify(res.data)) // 存储用户数据\r\n this.$router.push('/') // 跳转主页\r\n this.$message.success('登录成功')\r\n } else {\r\n this.$message.error(res.msg)\r\n }\r\n })\r\n }\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.container {\r\n height: 100vh;\r\n overflow: hidden;\r\n background-image: url(\"@/assets/imgs/bg.jpg\");\r\n background-size: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #666;\r\n}\r\na {\r\n color: #2a60c9;\r\n}\r\n</style>"],"mappings":";AA0BA;EACAA,IAAA;EACAC,KAAA;IACA;MACAC,IAAA;QAAAC,IAAA;MAAA;MACAC,KAAA;QACAC,QAAA,GACA;UAAAC,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA,EACA;QACAC,QAAA,GACA;UAAAH,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA;MAEA;IACA;EACA;EACAE,QAAA,GAEA;EACAC,OAAA;IACAC,MAAA;MACA,KAAAC,KAAA,YAAAC,QAAA,CAAAC,KAAA;QACA,IAAAA,KAAA;UACA;UACA,KAAAC,QAAA,CAAAC,IAAA,gBAAAf,IAAA,EAAAgB,IAAA,CAAAC,GAAA;YACA,IAAAA,GAAA,CAAAC,IAAA;cACAC,YAAA,CAAAC,OAAA,YAAAC,IAAA,CAAAC,SAAA,CAAAL,GAAA,CAAAlB,IAAA;cACA,KAAAwB,OAAA,CAAAC,IAAA;cACA,KAAAC,QAAA,CAAAC,OAAA;YACA;cACA,KAAAD,QAAA,CAAAE,KAAA,CAAAV,GAAA,CAAAW,GAAA;YACA;UACA;QACA;MACA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
