{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\Login\\components\\PhoneNumberLogin.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\Login\\components\\PhoneNumberLogin.vue","mtime":1701311302365},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\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\r\n\r\nexport default {\r\n  name: 'PhoneNumberLogin',\r\n  computed: {},\r\n  data() {\r\n    //这个方法要写在用到这个方法的地方的前面\r\n    let checkPhone = (rule, value, callback) => {\r\n      if (!value) {\r\n        return callback(new Error('手机号不能为空'))\r\n      } else {\r\n        const reg = /^1[3-9][0-9]\\d{8}$/\r\n        // 这里定义的reg变量没有加引号，所以是一种特殊的数据类型，即正则，可以直接用test()方法\r\n        if (reg.test(value)) {\r\n          callback()\r\n        } else {\r\n          // 具体错误信息没有提示\r\n          return callback(new Error('请输入正确的手机号'))\r\n        }\r\n      }\r\n    }\r\n\r\n\r\n    return {\r\n      // 表单\r\n      phoneForm: {\r\n        phone: '',\r\n        verificationCode: ''\r\n      },\r\n      rules: {\r\n        // 从上向下进行验证，如果把min:11写在下面，就不会用到这个判断条件了，因为checkPhone包含了不满11位的验证\r\n        phone: [\r\n          {min: 11, max: 11, message: '请输入11位的手机号', trigger: 'blur'},\r\n          {validator: checkPhone, trigger: 'blur'}\r\n        ],\r\n        verificationCode: [\r\n          {required: true, message: '请获取手机验证码后输入验证码', trigger: 'blur'}\r\n        ]\r\n      }, // 表单验证规则\r\n      loading: false, // 登录loading\r\n      isGetVerificationCode: false, // 是否获取手机验证码\r\n      verificationCodeTime: 0,// 请求验证码时间限制\r\n      codeTimer: null // 二维码定时器对象\r\n    }\r\n  },\r\n  created() {\r\n\r\n  },\r\n  mounted() {\r\n\r\n  },\r\n  methods: {\r\n    // 获取手机验证码\r\n    getVerificationCode() {\r\n      // 指定60秒的节流时间\r\n      this.$refs.phoneForm.validateField('phone', valid => {\r\n        if (this.verificationCodeTime || valid) return\r\n        this.$message.success('验证码发送成功')\r\n        this.isGetVerificationCode = true\r\n        this.verificationCodeTime = 10\r\n        this.codeTimer = setInterval(() => {\r\n          this.verificationCodeTime -= 1\r\n          if (!this.verificationCodeTime) clearInterval(this.codeTimer)\r\n        }, 1000)\r\n      })\r\n    },\r\n\r\n    // 登录\r\n    submitForm(formName) {\r\n      this.$refs[formName].validate(valid => {\r\n        if (!valid) return\r\n        alert('成功')\r\n      })\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    clearInterval(this.codeTimer)\r\n  }\r\n\r\n}\r\n",null]}