manage/springboot/vue/node_modules/.cache/vue-loader/aa46dd67e6ea015d98574c4ec7be322c.json

{"remainingRequest":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\Register.vue?vue&type=style&index=0&id=63ae9146&lang=css","dependencies":[{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\src\\views\\Register.vue","mtime":1691305464146},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\css-loader\\dist\\cjs.js","mtime":1713785857195},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1713785859014},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\postcss-loader\\src\\index.js","mtime":1713785857859},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1713785856543},{"path":"C:\\Users\\明允\\Desktop\\springboot\\vue\\node_modules\\vue-loader\\lib\\index.js","mtime":1713785858382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoud3JhcHBlciB7DQogIGhlaWdodDogMTAwdmg7DQogIC8qYmFja2dyb3VuZC1pbWFnZTogdXJsKCIuLi9hc3NldHMvYmcuanBnIik7Ki8NCiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjsNCiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDEwMiwgMTc3LCAyNTUpOw0KICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTM3ZGVnLCAjYWZkOWY3LCNmMGYyZmYpOw0KICBvdmVyZmxvdzogaGlkZGVuOw0KfQ0K"},{"version":3,"sources":["Register.vue"],"names":[],"mappings":";AAuEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Register.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <div style=\"height: 60px; line-height: 60px; font-size: 20px; padding-left: 50px; color: dodgerblue;\r\n      background-color: rgba(0,0,0,0.2)\">企业员工管理系统</div>\r\n    <div style=\"margin: 100px auto; width: 350px; height: 340px; padding: 20px;\">\r\n      <div style=\"margin: 20px 0; text-align: center; font-size: 24px; color: dodgerblue\"><b>注 册</b></div>\r\n      <el-form :model=\"user\" :rules=\"rules\" ref=\"userForm\">\r\n        <el-form-item prop=\"username\">\r\n          <el-input placeholder=\"请输入账号\" size=\"medium\" prefix-icon=\"el-icon-user\" v-model=\"user.username\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item prop=\"password\">\r\n          <el-input placeholder=\"请输入密码\" size=\"medium\" prefix-icon=\"el-icon-lock\" show-password v-model=\"user.password\"></el-input>\r\n        </el-form-item>\r\n        <el-form-item prop=\"confirmPassword\">\r\n          <el-input placeholder=\"请确认密码\" size=\"medium\" prefix-icon=\"el-icon-lock\" show-password v-model=\"user.confirmPassword\"></el-input>\r\n        </el-form-item>\r\n\r\n        <el-form-item style=\"margin: 5px 0; text-align: right\">\r\n          <el-button style=\"color: orange;\" size=\"medium\" type=\"text\" @click=\"$router.push('/login')\">返回登录</el-button>\r\n          <el-button type=\"text\" size=\"small\"   autocomplete=\"off\" @click=\"login\">注册</el-button>\r\n        </el-form-item>\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      user: {},\r\n      rules: {\r\n        username: [\r\n          { required: true, message: '请输入用户名', trigger: 'blur' },\r\n          { min: 2, max: 10, message: '长度在 2 到 5 个字符', trigger: 'blur' }\r\n        ],\r\n        password: [\r\n          { required: true, message: '请输入密码', trigger: 'blur' },\r\n          { min: 1, max: 20, message: '长度在 1 到 20 个字符', trigger: 'blur' }\r\n        ],\r\n        confirmPassword: [\r\n          { required: true, message: '请输入密码', trigger: 'blur' },\r\n          { min: 1, max: 20, message: '长度在 1 到 20 个字符', trigger: 'blur' }\r\n        ],\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    login() {\r\n      this.$refs['userForm'].validate((valid) => {\r\n        if (valid) {  // 表单校验合法\r\n          if (this.user.password !== this.user.confirmPassword) {\r\n            this.$message.error(\"两次输入的密码不一致\")\r\n            return false\r\n          }\r\n          this.request.post(\"/user/register\", this.user).then(res => {\r\n            if(res.code === '200') {\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>\r\n.wrapper {\r\n  height: 100vh;\r\n  /*background-image: url(\"../assets/bg.jpg\");*/\r\n  background-size: cover;\r\n  background-color: rgb(102, 177, 255);\r\n  background: linear-gradient(137deg, #afd9f7,#f0f2ff);\r\n  overflow: hidden;\r\n}\r\n</style>\r\n"]}]}