TransFlow/node_modules/.cache/vue-loader/b67507fbe271ac988467c34a25d...

1 line
5.0 KiB
JSON

{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue?vue&type=style&index=0&id=6896dfe2&scoped=true&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\page\\Login.vue","mtime":1671006185893},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.login-wrap {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: url('../assets/img/newlogin-bg.jpg');\r\n}\r\n.ms-title {\r\n width: 100%;\r\n text-align: center;\r\n font-size: 22px;\r\n margin: 25px 0px 15px;\r\n}\r\n.ms-login {\r\n position: relative;\r\n width: 450px;\r\n height: 335px;\r\n max-width: 90%;\r\n margin: 275px auto;\r\n border-radius: 5px;\r\n background: white;\r\n overflow: hidden;\r\n}\r\n.ms-content {\r\n padding: 30px 30px;\r\n}\r\n.login-btn {\r\n margin-top: 10%;\r\n}\r\n.login-btn button {\r\n width: 100%;\r\n height: 36px;\r\n text-align: center;\r\n margin-bottom: 10px;\r\n}\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;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","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n <div class=\"login-wrap\">\r\n <div class=\"ms-login\">\r\n <div class=\"ms-title\">欢迎登录</div>\r\n <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"0px\" class=\"ms-content\">\r\n <el-form-item prop=\"username\">\r\n <el-input v-model=\"param.username\" placeholder=\"输入账号\">\r\n <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n </el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"password\" style=\"margin-top: 25px\">\r\n <el-input type=\"password\" placeholder=\"登录密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n </el-input>\r\n </el-form-item>\r\n <div class=\"login-btn\">\r\n <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n <span>注:账号密码随便填写( admin 是管理员,其他为普通用户)</span>\r\n </div>\r\n </el-form>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n name: 'Login', // 登录页面\r\n data(){\r\n return{\r\n param: {\r\n username: 'admin',\r\n password: '123456'\r\n },\r\n rules: {\r\n username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n }\r\n }\r\n },\r\n created() {\r\n this.getType();\r\n },\r\n methods: {\r\n getType() {\r\n let datas = {\r\n telephone: '13088888888',\r\n typeCode: 2\r\n };\r\n loginApi(datas).then((res) => {\r\n console.log('c', res);\r\n });\r\n },\r\n submitForm() {\r\n this.$refs.login.validate((valid) => {\r\n if (valid) {\r\n this.$message.success('登录成功');\r\n localStorage.setItem('ms_username', this.param.username);\r\n this.$router.push('/');\r\n } else {\r\n this.$message.error('请输入账号和密码');\r\n console.log('error submit!!');\r\n return false;\r\n }\r\n });\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.login-wrap {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: url('../assets/img/newlogin-bg.jpg');\r\n}\r\n.ms-title {\r\n width: 100%;\r\n text-align: center;\r\n font-size: 22px;\r\n margin: 25px 0px 15px;\r\n}\r\n.ms-login {\r\n position: relative;\r\n width: 450px;\r\n height: 335px;\r\n max-width: 90%;\r\n margin: 275px auto;\r\n border-radius: 5px;\r\n background: white;\r\n overflow: hidden;\r\n}\r\n.ms-content {\r\n padding: 30px 30px;\r\n}\r\n.login-btn {\r\n margin-top: 10%;\r\n}\r\n.login-btn button {\r\n width: 100%;\r\n height: 36px;\r\n text-align: center;\r\n margin-bottom: 10px;\r\n}\r\n</style>\r\n"]}]}