resetPwd.vue 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <template>
  2. <el-form ref="form" :model="user" :rules="rules" label-width="80px">
  3. <el-form-item label="旧密码" prop="oldPassword">
  4. <el-input v-model="user.oldPassword" placeholder="请输入旧密码" type="password" />
  5. </el-form-item>
  6. <el-form-item label="新密码" prop="newPassword">
  7. <el-input v-model="user.newPassword" placeholder="请输入新密码" type="password" />
  8. </el-form-item>
  9. <el-form-item label="确认密码" prop="confirmPassword">
  10. <el-input v-model="user.confirmPassword" placeholder="请确认密码" type="password" />
  11. </el-form-item>
  12. <el-form-item>
  13. <el-button type="primary" size="mini" @click="submit">保存</el-button>
  14. <el-button type="danger" size="mini" @click="close">关闭</el-button>
  15. </el-form-item>
  16. </el-form>
  17. </template>
  18. <script>
  19. import { updateUserPwd } from "@/api/system/user";
  20. export default {
  21. data() {
  22. const equalToPassword = (rule, value, callback) => {
  23. if (this.user.newPassword !== value) {
  24. callback(new Error("两次输入的密码不一致"));
  25. } else {
  26. callback();
  27. }
  28. };
  29. return {
  30. test: "1test",
  31. user: {
  32. oldPassword: undefined,
  33. newPassword: undefined,
  34. confirmPassword: undefined
  35. },
  36. // 表单校验
  37. rules: {
  38. oldPassword: [
  39. { required: true, message: "旧密码不能为空", trigger: "blur" }
  40. ],
  41. newPassword: [
  42. { required: true, message: "新密码不能为空", trigger: "blur" },
  43. { min: 6, max: 20, message: "长度在 6 到 20 个字符", trigger: "blur" }
  44. ],
  45. confirmPassword: [
  46. { required: true, message: "确认密码不能为空", trigger: "blur" },
  47. { required: true, validator: equalToPassword, trigger: "blur" }
  48. ]
  49. }
  50. };
  51. },
  52. methods: {
  53. submit() {
  54. this.$refs["form"].validate(valid => {
  55. if (valid) {
  56. updateUserPwd(this.user.oldPassword, this.user.newPassword).then(
  57. response => {
  58. this.msgSuccess("修改成功");
  59. }
  60. );
  61. }
  62. });
  63. },
  64. close() {
  65. this.$store.dispatch("tagsView/delView", this.$route);
  66. this.$router.push({ path: "/index" });
  67. }
  68. }
  69. };
  70. </script>