{"version":3,"sources":["webpack:///./src/pages/personalCenter/phone.vue?64c8","webpack:///./src/pages/personalCenter/phone.vue","webpack:///src/pages/personalCenter/phone.vue","webpack:///./src/pages/personalCenter/phone.vue?9a3f","webpack:///./src/pages/personalCenter/phone.vue?18ef"],"names":["render","_vm","this","_c","_self","staticClass","_v","ref","attrs","rules","form","model","value","mobile","callback","$$v","$set","expression","code","getCodeBtn","on","isMobileUsed","_s","second","newMobile","staticStyle","$event","submitForm","staticRenderFns","data","validator","required","trigger","message","min","max","methods","clearInterval","api","new_mobile","component"],"mappings":"2IAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIK,GAAG,WAAWH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,UAAU,CAACI,IAAI,OAAOC,MAAM,CAAC,MAAQP,EAAIQ,MAAM,MAAQR,EAAIS,KAAK,cAAc,UAAU,CAACP,EAAG,eAAe,CAACK,MAAM,CAAC,KAAO,SAAS,MAAQ,SAAS,CAACL,EAAG,WAAW,CAACK,MAAM,CAAC,UAAY,MAAMG,MAAM,CAACC,MAAOX,EAAIS,KAAKG,OAAQC,SAAS,SAAUC,GAAMd,EAAIe,KAAKf,EAAIS,KAAM,SAAUK,IAAME,WAAW,kBAAkB,GAAGd,EAAG,eAAe,CAACE,YAAY,eAAeG,MAAM,CAAC,KAAO,OAAO,MAAQ,QAAQ,CAACL,EAAG,WAAW,CAACQ,MAAM,CAACC,MAAOX,EAAIS,KAAKQ,KAAMJ,SAAS,SAAUC,GAAMd,EAAIe,KAAKf,EAAIS,KAAM,OAAQK,IAAME,WAAW,eAAgBhB,EAAIkB,WAAYhB,EAAG,SAAS,CAACE,YAAY,WAAWe,GAAG,CAAC,MAAQnB,EAAIoB,eAAe,CAACpB,EAAIK,GAAG,WAAWH,EAAG,SAAS,CAACE,YAAY,aAAa,CAACJ,EAAIK,GAAGL,EAAIqB,GAAGrB,EAAIsB,QAAQ,QAAQ,GAAGpB,EAAG,eAAe,CAACK,MAAM,CAAC,KAAO,YAAY,MAAQ,SAAS,CAACL,EAAG,WAAW,CAACQ,MAAM,CAACC,MAAOX,EAAIS,KAAKc,UAAWV,SAAS,SAAUC,GAAMd,EAAIe,KAAKf,EAAIS,KAAM,YAAaK,IAAME,WAAW,qBAAqB,GAAGd,EAAG,eAAe,CAACA,EAAG,YAAY,CAACsB,YAAY,CAAC,gBAAgB,KAAKjB,MAAM,CAAC,KAAO,WAAWY,GAAG,CAAC,MAAQ,SAASM,GAAQ,OAAOzB,EAAI0B,WAAW,WAAW,CAAC1B,EAAIK,GAAG,QAAQH,EAAG,YAAY,CAACsB,YAAY,CAAC,gBAAgB,MAAM,CAACxB,EAAIK,GAAG,SAAS,IAAI,IAAI,QAEj3CsB,EAAkB,G,wBC2BP,GACfC,OACA,OACAN,UACAJ,cACAT,MACAG,UACAK,QACAM,cAEAf,OACAI,QACA,CACAiB,oBACA,EAEA,4BAGAhB,IAFAA,sBAFAA,sBAOAiB,YACAC,iBAGAd,MACA,CAAAa,YAAAE,iBAAAD,gBACA,CAAAE,MAAAC,MAAAF,wBAAAD,iBAEAR,WACA,CACAM,oBACA,EAEA,4BAGAhB,IAFAA,sBAFAA,sBAOAiB,YACAC,oBAMAI,SAEA,qBACA,2CAIA,gBAHA,4BAMA,iBACA,oCACAvB,0BAEA,MACA,iCACA,mBACA,uBACA,kBACAwB,iBACA,mBACA,gBAEA,eACA,OAGAV,cACA,2BACA,MAOA,SANAW,mBACAzB,wBACA0B,+BACArB,2BC9G8V,I,wBCQ1VsB,EAAY,eACd,EACAxC,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAY,E","file":"js/b2b_personal_phone.bfca195c.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./phone.vue?vue&type=style&index=0&id=0408836a&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"phone-page\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"修改手机号\")]),_c('div',{staticClass:\"phone-content\"},[_c('div',{staticClass:\"form-content\"},[_c('el-form',{ref:\"form\",attrs:{\"rules\":_vm.rules,\"model\":_vm.form,\"label-width\":\"150px\"}},[_c('el-form-item',{attrs:{\"prop\":\"mobile\",\"label\":\"原手机号\"}},[_c('el-input',{attrs:{\"maxlength\":\"11\"},model:{value:(_vm.form.mobile),callback:function ($$v) {_vm.$set(_vm.form, \"mobile\", $$v)},expression:\"form.mobile\"}})],1),_c('el-form-item',{staticClass:\"verification\",attrs:{\"prop\":\"code\",\"label\":\"验证码\"}},[_c('el-input',{model:{value:(_vm.form.code),callback:function ($$v) {_vm.$set(_vm.form, \"code\", $$v)},expression:\"form.code\"}}),(_vm.getCodeBtn)?_c('button',{staticClass:\"btn-code\",on:{\"click\":_vm.isMobileUsed}},[_vm._v(\"获取验证码\")]):_c('button',{staticClass:\"btn-timer\"},[_vm._v(_vm._s(_vm.second)+\"秒\")])],1),_c('el-form-item',{attrs:{\"prop\":\"newMobile\",\"label\":\"新手机号\"}},[_c('el-input',{model:{value:(_vm.form.newMobile),callback:function ($$v) {_vm.$set(_vm.form, \"newMobile\", $$v)},expression:\"form.newMobile\"}})],1),_c('el-form-item',[_c('el-button',{staticStyle:{\"border-radius\":\"0\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('form')}}},[_vm._v(\"提交\")]),_c('el-button',{staticStyle:{\"border-radius\":\"0\"}},[_vm._v(\"取消\")])],1)],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"phone-page\">\n    <div class=\"title\">修改手机号</div>\n    <div class=\"phone-content\">\n      <div class=\"form-content\">\n        <el-form ref=\"form\" :rules=\"rules\" :model=\"form\" label-width=\"150px\">\n          <el-form-item prop=\"mobile\" label=\"原手机号\">\n            <el-input maxlength=\"11\" v-model=\"form.mobile\"></el-input>\n          </el-form-item>\n          <el-form-item class=\"verification\" prop=\"code\" label=\"验证码\">\n            <el-input v-model=\"form.code\"></el-input>\n            <button class=\"btn-code\" @click=\"isMobileUsed\" v-if=\"getCodeBtn\">获取验证码</button>\n            <button class=\"btn-timer\" v-else>{{ second }}秒</button>\n          </el-form-item>\n          <el-form-item prop=\"newMobile\" label=\"新手机号\">\n            <el-input v-model=\"form.newMobile\"></el-input>\n          </el-form-item>\n          <el-form-item>\n            <el-button style=\"border-radius:0\" type=\"primary\" @click=\"submitForm('form')\">提交</el-button>\n            <el-button style=\"border-radius:0\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as api from '@/services';\nexport default {\n  data() {\n    return {\n      second: 60,\n      getCodeBtn: true,\n      form: {\n        mobile: '',\n        code: '',\n        newMobile: ''\n      },\n      rules: {\n        mobile: [\n          {\n            validator: (rule, value, callback) => {\n              if (!value) {\n                callback(Error('手机号码不能为空'));\n              } else if (!/^1[3456789]\\d{9}$/.test(value)) {\n                callback(Error('请输入正确的手机号'));\n              } else {\n                callback();\n              }\n            },\n            required: true,\n            trigger: 'blur'\n          }\n        ],\n        code: [\n          { required: true, message: '请输入验证码', trigger: 'blur' },\n          { min: 4, max: 6, message: '长度在 4 到 6 个字符', trigger: 'blur' }\n        ],\n        newMobile: [\n          {\n            validator: (rule, value, callback) => {\n              if (!value) {\n                callback(Error('手机号码不能为空'));\n              } else if (!/^1[3456789]\\d{9}$/.test(value)) {\n                callback(Error('请输入正确的手机号'));\n              } else {\n                callback();\n              }\n            },\n            required: true,\n            trigger: 'blur'\n          }\n        ]\n      }\n    };\n  },\n  methods: {\n    // 判断手机号码是否可用\n    async isMobileUsed() {\n      if (!/^1[3456789]\\d{9}$/.test(this.form.mobile)) {\n        this.$message('手机号码格式不正确');\n        return;\n      }\n      this.sendCode();\n    },\n    // 发送验证码\n    async sendCode() {\n      const res = await api.login.getVerifyCode({\n        mobile: this.form.mobile\n      });\n      if (res) {\n        this.$message.success('验证码发送成功');\n        this.getCodeBtn = false;\n        let timer = setInterval(() => {\n          if (this.second === 1) {\n            clearInterval(timer);\n            this.getCodeBtn = true;\n            this.second = 60;\n          }\n          this.second--;\n        }, 1000);\n      }\n    },\n    submitForm(formName) {\n      this.$refs[formName].validate(valid => {\n        if (valid) {\n          api.login.bindMobile({\n            mobile: this.form.mobile,\n            new_mobile: this.form.newMobile,\n            code: this.form.code\n          });\n        } else {\n          return false;\n        }\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.phone-page {\n  min-height: 539px;\n  background-color: #ffffff;\n  .title {\n    padding-left: 24px;\n    height: 42px;\n    border-bottom: 1px solid #eeeeee;\n    font-size: 18px;\n    font-weight: 500;\n    color: #333333;\n    line-height: 42px;\n  }\n  .phone-content {\n    padding: 16px;\n    .form-content {\n      width: 676px;\n      margin: 16px auto;\n      .verification {\n        position: relative;\n      }\n      .btn-code,\n      .btn-timer {\n        cursor: pointer;\n        position: absolute;\n        right: 0;\n        width: 92px;\n        height: 40px;\n        border: 1px solid #dedede;\n        text-align: center;\n        line-height: 40px;\n        color: #1e8dff;\n        background-color: #ffffff;\n      }\n      .btn-timer {\n        color: #1e8dff;\n        background: #f7f7f7;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./phone.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./phone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./phone.vue?vue&type=template&id=0408836a&scoped=true&\"\nimport script from \"./phone.vue?vue&type=script&lang=js&\"\nexport * from \"./phone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./phone.vue?vue&type=style&index=0&id=0408836a&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0408836a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}