{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\notify\\smsConfig\\components\\forgetPhone.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\notify\\smsConfig\\components\\forgetPhone.vue","mtime":1761185180142},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBjYXB0Y2hhQXBpLCBjb25maWdBcGksIHNlcnZlTW9kaWZ5QXBpLCB1cGRhdGVIb25lQXBpIH0gZnJvbSAnQC9hcGkvc2V0dGluZyc7DQppbXBvcnQgc3RlcHMgZnJvbSAnQC9jb21wb25lbnRzL3N0ZXBzL2luZGV4JzsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnZm9yZ2V0UGhvbmUnLA0KICBjb21wb25lbnRzOiB7IHN0ZXBzIH0sDQogIHByb3BzOiB7DQogICAgaXNJbmRleDogew0KICAgICAgdHlwZTogQm9vbGVhbiwNCiAgICAgIGRlZmF1bHQ6IGZhbHNlLA0KICAgIH0sDQogIH0sDQogIGRhdGEoKSB7DQogICAgY29uc3QgdmFsaWRhdGVQaG9uZSA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsNCiAgICAgIGlmICghdmFsdWUpIHsNCiAgICAgICAgcmV0dXJuIGNhbGxiYWNrKG5ldyBFcnJvcign6K+35aGr5YaZ5omL5py65Y+3JykpOw0KICAgICAgfSBlbHNlIGlmICghL14xWzM0NTY3ODldXGR7OX0kLy50ZXN0KHZhbHVlKSkgew0KICAgICAgICBjYWxsYmFjayhuZXcgRXJyb3IoJ+aJi+acuuWPt+agvOW8j+S4jeato+ehriEnKSk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICBjYWxsYmFjaygpOw0KICAgICAgfQ0KICAgIH07DQogICAgdmFyIHZhbGlkYXRlUGFzcyA9IChydWxlLCB2YWx1ZSwgY2FsbGJhY2spID0+IHsNCiAgICAgIGlmICh2YWx1ZSA9PT0gJycpIHsNCiAgICAgICAgY2FsbGJhY2sobmV3IEVycm9yKCfor7fovpPlhaXlr4bnoIEnKSk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICBpZiAodGhpcy5mb3JtSW5saW5lLmNoZWNrUGFzcyAhPT0gJycpIHsNCiAgICAgICAgICB0aGlzLiRyZWZzLmZvcm1JbmxpbmUudmFsaWRhdGVGaWVsZCgnY2hlY2tQYXNzJyk7DQogICAgICAgIH0NCiAgICAgICAgY2FsbGJhY2soKTsNCiAgICAgIH0NCiAgICB9Ow0KDQogICAgcmV0dXJuIHsNCiAgICAgIGN1dE5VbTogJ+iOt+WPlumqjOivgeeggScsDQogICAgICBjYW5DbGljazogdHJ1ZSwNCiAgICAgIGN1cnJlbnQ6IDAsDQogICAgICBmb3JtSW5saW5lOiB7DQogICAgICAgIGFjY291bnQ6ICcnLA0KICAgICAgICBwaG9uZTogJycsDQogICAgICAgIHZlcmlmeV9jb2RlOiAnJywNCiAgICAgICAgcGFzc3dvcmQ6ICcnLA0KICAgICAgfSwNCiAgICAgIHJ1bGVJbmxpbmU6IHsNCiAgICAgICAgcGhvbmU6IFt7IHJlcXVpcmVkOiB0cnVlLCB2YWxpZGF0b3I6IHZhbGlkYXRlUGhvbmUsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgICAgdmVyaWZ5X2NvZGU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl6aqM6K+B56CBJywgdHJpZ2dlcjogJ2JsdXInIH1dLA0KICAgICAgICBwYXNzd29yZDogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXlr4bnoIEnLCB0cmlnZ2VyOiAnYmx1cicgfV0sDQogICAgICAgIGFjY291bnQ6IFt7IHJlcXVpcmVkOiB0cnVlLCB2YWxpZGF0b3I6IHZhbGlkYXRlUGhvbmUsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgIH0sDQogICAgICBzdGVwTGlzdDogWyfpqozor4HotKblj7fkv6Hmga8nLCAn5L+u5pS55omL5py65Y+356CBJywgJ+eZu+W9lSddLA0KICAgIH07DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvLyDnn63kv6Hpqozor4HnoIENCiAgICBjdXREb3duKCkgew0KICAgICAgaWYgKHRoaXMuZm9ybUlubGluZS5waG9uZSkgew0KICAgICAgICBpZiAoIXRoaXMuY2FuQ2xpY2spIHJldHVybjsNCiAgICAgICAgdGhpcy5jYW5DbGljayA9IGZhbHNlOw0KICAgICAgICB0aGlzLmN1dE5VbSA9IDYwOw0KICAgICAgICBsZXQgZGF0YSA9IHsNCiAgICAgICAgICBwaG9uZTogdGhpcy5mb3JtSW5saW5lLnBob25lLA0KICAgICAgICB9Ow0KICAgICAgICBjYXB0Y2hhQXBpKGRhdGEpDQogICAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICAgIH0pDQogICAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgICAgfSk7DQogICAgICAgIGxldCB0aW1lID0gc2V0SW50ZXJ2YWwoKCkgPT4gew0KICAgICAgICAgIHRoaXMuY3V0TlVtLS07DQogICAgICAgICAgaWYgKHRoaXMuY3V0TlVtID09PSAwKSB7DQogICAgICAgICAgICB0aGlzLmN1dE5VbSA9ICfojrflj5bpqozor4HnoIEnOw0KICAgICAgICAgICAgdGhpcy5jYW5DbGljayA9IHRydWU7DQogICAgICAgICAgICBjbGVhckludGVydmFsKHRpbWUpOw0KICAgICAgICAgIH0NCiAgICAgICAgfSwgMTAwMCk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICB0aGlzLiRtZXNzYWdlLndhcm5pbmcoJ+ivt+Whq+WGmeaJi+acuuWPtyEnKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGhhbmRsZVN1Ym1pdDEobmFtZSkgew0KICAgICAgdGhpcy4kcmVmc1tuYW1lXS52YWxpZGF0ZSgodmFsaWQpID0+IHsNCiAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgdGhpcy5oYW5kbGVTdWJtaXQobmFtZSwgMSk7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIGhhbmRsZVN1Ym1pdDIobmFtZSkgew0KICAgICAgdGhpcy4kcmVmc1tuYW1lXS52YWxpZGF0ZSgodmFsaWQpID0+IHsNCiAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgdXBkYXRlSG9uZUFwaSh0aGlzLmZvcm1JbmxpbmUpDQogICAgICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgICAgICAgdGhpcy5jdXJyZW50ID0gMjsNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICAgICAgfSk7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8v55m75b2VDQogICAgaGFuZGxlU3VibWl0KG5hbWUsIG51bSkgew0KICAgICAgdGhpcy4kcmVmc1tuYW1lXS52YWxpZGF0ZSgodmFsaWQpID0+IHsNCiAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgY29uZmlnQXBpKHsNCiAgICAgICAgICAgIGFjY291bnQ6IHRoaXMuZm9ybUlubGluZS5hY2NvdW50LA0KICAgICAgICAgICAgcGFzc3dvcmQ6IHRoaXMuZm9ybUlubGluZS5wYXNzd29yZCwNCiAgICAgICAgICB9KQ0KICAgICAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgICAgICBudW0gPT09IDEgPyB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoJ+WOn+aJi+acuuWPt+Wvhueggeato+ehricpIDogdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCfnmbvlvZXmiJDlip8nKTsNCiAgICAgICAgICAgICAgbnVtID09PSAxID8gKHRoaXMuY3VycmVudCA9IDEpIDogdGhpcy4kZW1pdCgnb24tTG9naW4nKTsNCiAgICAgICAgICAgIH0pDQogICAgICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICAgICAgfSk7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgcmV0dXJuIGZhbHNlOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIHJldHVybnMoKSB7DQogICAgICB0aGlzLmN1cnJlbnQgPT09IDAgPyB0aGlzLiRlbWl0KCdnb2JhY2tQaG9uZScpIDogKHRoaXMuY3VycmVudCA9IDApOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["forgetPhone.vue"],"names":[],"mappings":";AA4GA;AACA;;AAEA;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;;AAEA;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;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;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":"forgetPhone.vue","sourceRoot":"src/pages/notify/smsConfig/components","sourcesContent":["<template>\r\n  <el-row justify=\"center\" align=\"middle\">\r\n    <el-col :span=\"20\" style=\"margin-top: 70px\" class=\"mb50\">\r\n      <steps :stepList=\"stepList\" :isActive=\"current\"></steps>\r\n    </el-col>\r\n    <el-col :span=\"24\">\r\n      <div class=\"index_from page-account-container\">\r\n        <el-form ref=\"formInline\" :model=\"formInline\" :rules=\"ruleInline\" @submit.native.prevent>\r\n          <template v-if=\"current === 0\">\r\n            <el-form-item prop=\"account\" class=\"maxInpt\">\r\n              <el-input\r\n                type=\"text\"\r\n                v-model=\"formInline.account\"\r\n                prefix=\"ios-contact-outline\"\r\n                placeholder=\"请输入当前手机号\"\r\n                size=\"large\"\r\n              />\r\n            </el-form-item>\r\n            <el-form-item prop=\"password\" class=\"maxInpt\">\r\n              <el-input\r\n                type=\"password\"\r\n                v-model=\"formInline.password\"\r\n                prefix=\"ios-lock-outline\"\r\n                placeholder=\"请输入密码\"\r\n              />\r\n            </el-form-item>\r\n          </template>\r\n          <template v-if=\"current === 1\">\r\n            <el-form-item prop=\"phone\" class=\"maxInpt\">\r\n              <el-input\r\n                type=\"text\"\r\n                v-model=\"formInline.phone\"\r\n                prefix=\"ios-lock-outline\"\r\n                placeholder=\"请输入新手机号\"\r\n                size=\"large\"\r\n              />\r\n            </el-form-item>\r\n            <el-form-item prop=\"verify_code\" class=\"maxInpt\">\r\n              <div class=\"code\">\r\n                <el-input\r\n                  type=\"text\"\r\n                  v-model=\"formInline.verify_code\"\r\n                  prefix=\"ios-keypad-outline\"\r\n                  placeholder=\"请输入验证码\"\r\n                  size=\"large\"\r\n                />\r\n                <el-button :disabled=\"!this.canClick\" v-db-click @click=\"cutDown\" size=\"large\">{{ cutNUm }}</el-button>\r\n              </div>\r\n            </el-form-item>\r\n          </template>\r\n          <template v-if=\"current === 2\">\r\n            <el-form-item prop=\"phone\" class=\"maxInpt\">\r\n              <el-input\r\n                type=\"text\"\r\n                v-model=\"formInline.phone\"\r\n                prefix=\"ios-contact-outline\"\r\n                placeholder=\"请输入手机号\"\r\n              />\r\n            </el-form-item>\r\n            <el-form-item prop=\"password\" class=\"maxInpt\">\r\n              <el-input\r\n                type=\"password\"\r\n                v-model=\"formInline.password\"\r\n                prefix=\"ios-lock-outline\"\r\n                placeholder=\"请输入密码\"\r\n              />\r\n            </el-form-item>\r\n          </template>\r\n          <el-form-item class=\"maxInpt\">\r\n            <el-button\r\n              v-if=\"current === 0\"\r\n              type=\"primary\"\r\n              long\r\n              size=\"large\"\r\n              v-db-click\r\n              @click=\"handleSubmit1('formInline', current)\"\r\n              class=\"mb20\"\r\n              >下一步</el-button\r\n            >\r\n            <el-button\r\n              v-if=\"current === 1\"\r\n              type=\"primary\"\r\n              long\r\n              size=\"large\"\r\n              v-db-click\r\n              @click=\"handleSubmit2('formInline', current)\"\r\n              class=\"mb20\"\r\n              >提交</el-button\r\n            >\r\n            <el-button\r\n              v-if=\"current === 2\"\r\n              type=\"primary\"\r\n              long\r\n              size=\"large\"\r\n              v-db-click\r\n              @click=\"handleSubmit('formInline', current)\"\r\n              class=\"mb20\"\r\n              >登录</el-button\r\n            >\r\n            <el-button long size=\"large\" v-db-click @click=\"returns('formInline')\" class=\"btn\">返回 </el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </div>\r\n    </el-col>\r\n  </el-row>\r\n</template>\r\n\r\n<script>\r\nimport { captchaApi, configApi, serveModifyApi, updateHoneApi } from '@/api/setting';\r\nimport steps from '@/components/steps/index';\r\n\r\nexport default {\r\n  name: 'forgetPhone',\r\n  components: { steps },\r\n  props: {\r\n    isIndex: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    const validatePhone = (rule, value, callback) => {\r\n      if (!value) {\r\n        return callback(new Error('请填写手机号'));\r\n      } else if (!/^1[3456789]\\d{9}$/.test(value)) {\r\n        callback(new Error('手机号格式不正确!'));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    var validatePass = (rule, value, callback) => {\r\n      if (value === '') {\r\n        callback(new Error('请输入密码'));\r\n      } else {\r\n        if (this.formInline.checkPass !== '') {\r\n          this.$refs.formInline.validateField('checkPass');\r\n        }\r\n        callback();\r\n      }\r\n    };\r\n\r\n    return {\r\n      cutNUm: '获取验证码',\r\n      canClick: true,\r\n      current: 0,\r\n      formInline: {\r\n        account: '',\r\n        phone: '',\r\n        verify_code: '',\r\n        password: '',\r\n      },\r\n      ruleInline: {\r\n        phone: [{ required: true, validator: validatePhone, trigger: 'blur' }],\r\n        verify_code: [{ required: true, message: '请输入验证码', trigger: 'blur' }],\r\n        password: [{ required: true, message: '请输入密码', trigger: 'blur' }],\r\n        account: [{ required: true, validator: validatePhone, trigger: 'blur' }],\r\n      },\r\n      stepList: ['验证账号信息', '修改手机号码', '登录'],\r\n    };\r\n  },\r\n  methods: {\r\n    // 短信验证码\r\n    cutDown() {\r\n      if (this.formInline.phone) {\r\n        if (!this.canClick) return;\r\n        this.canClick = false;\r\n        this.cutNUm = 60;\r\n        let data = {\r\n          phone: this.formInline.phone,\r\n        };\r\n        captchaApi(data)\r\n          .then(async (res) => {\r\n            this.$message.success(res.msg);\r\n          })\r\n          .catch((res) => {\r\n            this.$message.error(res.msg);\r\n          });\r\n        let time = setInterval(() => {\r\n          this.cutNUm--;\r\n          if (this.cutNUm === 0) {\r\n            this.cutNUm = '获取验证码';\r\n            this.canClick = true;\r\n            clearInterval(time);\r\n          }\r\n        }, 1000);\r\n      } else {\r\n        this.$message.warning('请填写手机号!');\r\n      }\r\n    },\r\n    handleSubmit1(name) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          this.handleSubmit(name, 1);\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    handleSubmit2(name) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          updateHoneApi(this.formInline)\r\n            .then(async (res) => {\r\n              this.$message.success(res.msg);\r\n              this.current = 2;\r\n            })\r\n            .catch((res) => {\r\n              this.$message.error(res.msg);\r\n            });\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    //登录\r\n    handleSubmit(name, num) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          configApi({\r\n            account: this.formInline.account,\r\n            password: this.formInline.password,\r\n          })\r\n            .then(async (res) => {\r\n              num === 1 ? this.$message.success('原手机号密码正确') : this.$message.success('登录成功');\r\n              num === 1 ? (this.current = 1) : this.$emit('on-Login');\r\n            })\r\n            .catch((res) => {\r\n              this.$message.error(res.msg);\r\n            });\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    returns() {\r\n      this.current === 0 ? this.$emit('gobackPhone') : (this.current = 0);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.maxInpt {\r\n  max-width: 400px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n.code {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n</style>\r\n"]}]}