{"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"]}]}