{"version":3,"sources":["webpack:///./src/assets/img/pic_login_b.png","webpack:///./src/views/login/BindPhone.vue?e320","webpack:///./src/views/login/BindPhone.vue?35e1","webpack:///src/views/login/BindPhone.vue","webpack:///./src/views/login/BindPhone.vue?3a92","webpack:///./src/views/login/BindPhone.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","ref","attrs","phonebBindingForm","phonebBindingFormRules","model","value","callback","$$v","$set","expression","class","disabled","on","$event","obtainCode","_s","btntxt","phonebBindingDefine","NotYet","staticRenderFns","data","Error","mobile","vertifyCode","type","time","methods","timer","setTimeout","$router","push","component"],"mappings":"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","file":"js/chunk-0be2f7e5.d856d1a8.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/pic_login_b.9b923dd7.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BindPhone.vue?vue&type=style&index=0&id=0bd54234&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login\"},[_vm._m(0),_c('div',{staticClass:\"login-box\"},[_vm._m(1),_c('div',{staticClass:\"right\"},[_c('h2',{staticClass:\"classFont\"},[_vm._v(\"绑定手机号码\")]),_c('h6',[_vm._v(\"建议您绑定手机号，用于找回密码，创建子账号等敏感操作\")]),_c('el-form',{ref:\"phonebBindingRef\",attrs:{\"model\":_vm.phonebBindingForm,\"rules\":_vm.phonebBindingFormRules}},[_c('div',{staticClass:\"telform\"},[_c('el-form-item',{attrs:{\"prop\":\"mobile\"}},[_c('p',[_vm._v(\"手机号:\")]),_c('el-input',{attrs:{\"placeholder\":\"请输入手机号码\"},model:{value:(_vm.phonebBindingForm.mobile),callback:function ($$v) {_vm.$set(_vm.phonebBindingForm, \"mobile\", $$v)},expression:\"phonebBindingForm.mobile\"}})],1),_c('el-form-item',{attrs:{\"prop\":\"vertifyCode\"}},[_c('p',[_vm._v(\"验证码:\")]),_c('div',{staticClass:\"obtain\"},[_c('el-input',{attrs:{\"placeholder\":\"请输入验证码\",\"maxlength\":\"6\"},model:{value:(_vm.phonebBindingForm.vertifyCode),callback:function ($$v) {_vm.$set(_vm.phonebBindingForm, \"vertifyCode\", $$v)},expression:\"phonebBindingForm.vertifyCode\"}}),_c('span',{staticClass:\"obtainCode\",class:{'obtain1':_vm.disabled},attrs:{\"disabled\":_vm.disabled},on:{\"click\":function($event){return _vm.obtainCode()}}},[_vm._v(\" \"+_vm._s(_vm.btntxt)+\" \")])],1)]),_c('el-form-item',[_c('h5',{staticClass:\"h51\",on:{\"click\":function($event){return _vm.phonebBindingDefine()}}},[_vm._v(\"立即绑定\")]),_c('h5',{staticClass:\"h52\",on:{\"click\":function($event){return _vm.NotYet()}}},[_vm._v(\"暂不绑定\")])])],1)])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"logo\"},[_c('h1',[_vm._v(\"通讯云\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/pic_login_b.png\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"login\">\n    <!-- 头像区域 -->\n    <div class=\"logo\">\n      <h1>通讯云</h1>\n    </div>\n    <div class=\"login-box\">\n        <div class=\"left\">\n            <img src=\"@/assets/img/pic_login_b.png\" alt=\"\">\n        </div>\n        <div class=\"right\">\n  <h2 class=\"classFont\" >绑定手机号码</h2>\n        <h6>建议您绑定手机号，用于找回密码，创建子账号等敏感操作</h6>\n       <el-form :model=\"phonebBindingForm\"\n                 :rules=\"phonebBindingFormRules\"\n                 ref=\"phonebBindingRef\">\n          <div class=\"telform\">\n            <el-form-item prop=\"mobile\">\n              <p>手机号:</p>\n              <el-input v-model=\"phonebBindingForm.mobile\"\n                        placeholder=\"请输入手机号码\"></el-input>\n            </el-form-item>\n            <el-form-item prop=\"vertifyCode\">\n              <p>验证码:</p>\n              <div class=\"obtain\">\n                <el-input v-model=\"phonebBindingForm.vertifyCode\"\n                          placeholder=\"请输入验证码\"\n                          maxlength=\"6\"></el-input>\n                <span class=\"obtainCode\"\n\n                      @click=\"obtainCode()\"\n                      :disabled=\"disabled\"\n                      :class=\"{'obtain1':disabled}\"\n                      >\n                  {{btntxt}}\n                </span>\n              </div>\n            </el-form-item>\n            <el-form-item >\n                <h5 class=\"h51\" @click=\"phonebBindingDefine()\">立即绑定</h5>\n                 <h5 class=\"h52\" @click=\"NotYet()\">暂不绑定</h5>\n            </el-form-item>\n          </div>\n        </el-form>\n        </div>\n\n    </div>\n  </div>\n</template>\n<script>\n\nexport default {\n\n  data () {\n    // 绑定手机正则表达式\n    const validateTel = (rule, value, callback) => {\n      if (value === '' || value === null) {\n        callback(new Error('请输入手机号码'))\n      } else if (!(/^((\\+|00)86)?((134\\d{4})|((13[0-3|5-9]|14[1|5-9]|15[0-9]|16[2|5|6|7]|17[0-8]|18[0-9]|19[0-2|5-9])\\d{8}))$/.test(value))) {\n        callback(new Error('请输入正确的手机号'))\n      } else {\n        callback()\n      }\n    }\n    const validateCode = (rule, value, callback) => {\n      if (value === '' || value === null) {\n        callback(new Error('请输入验证码'))\n      } else if (!/^\\d{6}$/.test(value)) {\n        callback(new Error('请输入正确的验证码'))\n      } else {\n        callback()\n      }\n    }\n    return {\n      phonebBindingForm: {\n        mobile: '',\n        vertifyCode: '',\n        type: ''\n      },\n      time: 60,\n      disabled: false,\n      btntxt: '获取验证码',\n      phonebBindingFormRules: {\n        mobile: [{ required: true, validator: validateTel, trigger: 'blur' }],\n        vertifyCode: [\n          { required: true, validator: validateCode, trigger: 'blur' }\n        ]\n      }\n    }\n  },\n  methods: {\n    //   获取验证码\n    async obtainCode () {\n      if (!/^((\\+|00)86)?((134\\d{4})|((13[0-3|5-9]|14[1|5-9]|15[0-9]|16[2|5|6|7]|17[0-8]|18[0-9]|19[0-2|5-9])\\d{8}))$/.test(this.phonebBindingForm.mobile)) {\n        return this.$message.error('请先输入正确手机号码')\n      }\n      this.phonebBindingForm.type = 0\n      const phonebBindingForm = JSON.stringify(this.phonebBindingForm)\n      const { data: res } = await this.$http.post(\n        '/api/sms/verification/sms/send',\n        phonebBindingForm\n      )\n      if (res.code !== 0) return this.$message.error(res.message)\n      if (this.disabled === false) {\n        this.time = 60\n        this.timer()\n      }\n    },\n    // 手机验证码倒计时\n    timer () {\n      if (this.time > 0) {\n        this.disabled = true\n        this.time--\n        this.btntxt = this.time + '秒'\n        setTimeout(this.timer, 1000)\n      } else {\n        this.time = 0\n        this.btntxt = '发送验证码'\n        this.disabled = false\n      }\n    },\n    async phonebBindingDefine () {\n      this.$refs.phonebBindingRef.validate(async (boo) => {\n        if (!boo) return\n        var phonebBindingForm = JSON.stringify(this.phonebBindingForm)\n        // 如果成功 那么我们应该发送请求给后台\n        // 发送请求 我们先要引入axios\n        const { data: res } = await this.$http.post(\n          '/api/sms/bindMobile/post',\n          phonebBindingForm\n        )\n        if (res.code !== 0) return this.$message.error(res.message)\n        this.$message.success('手机号绑定成功')\n        this.$store.commit('mobileStatus', true)\n        this.$router.push('./home')\n      })\n    },\n    NotYet () {\n      this.$router.push('./home')\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n\n.login {\n    position: relative;\n  height: 100%;\n  box-sizing: border-box;\n  min-width: 1336px;\n  width: 100%;\n\nbackground: #F8F8F8;\n.logo {\n    margin-left: 100px;\n    position: absolute;\n    left: 50px;\n    top: 50px;\n    img {\n height: 32px;\n    }\n}\n\n}\n\n.login-box {\n    padding: 40px;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n  width: 40%;\n  min-width: 900px;\n  height: 460px;\n    text-align: left;\n    box-sizing: border-box;\n background-color: #fff;\n display: flex;\n .left {\n     padding: 40px;\n     width: 50%;\n     img {\n         width: 80%;\n     }\n }\n .right {\n     width: 50%;\n     position: relative;\n     &::before {\n         content: '';\n         width: 1px;\n\nbackground: rgba(0, 0, 0, 0.12);\n         position: absolute;\n         left: -50px;\n         height: 100%;\n\n     }\n     h6 {\n         font-weight: 400;\n         font-family: 'pingfang';\n         font-size: 12px;\n         margin-block-start: 10px;\n    margin-block-end: 10px;\n     }\n     .telform {\n         .el-form-item {\n             margin-bottom: 10px;\n         }\n         p {\n             margin-block-start: 0;\n    margin-block-end: 0;\n     font-family: 'pingfang';\n      font-weight: 400;\n         }\n         h5 {\n\n             text-align: center;\n               margin-block-start: 10px;\n    margin-block-end: 16px;\n    border-radius: 4px;\n    height: 40px;\n    font-family: 'pingfang';\n    font-size: 14px;\n    line-height: 40px;\n    cursor: pointer;\n         }\n         .h51 {\n             background-color: #f88350;\n             color: #fff;\n\n         }\n          .h52 {\n             border: 2px solid #f88350;\n                height: 38px;\n    line-height: 38px;\n    color: #f88350;\n         }\n     }\n     .obtain1{ pointer-events: none;}\n      .obtain {\n    position: relative;\n    .obtainCode {\n      position: absolute;\n      right: 15px;\n      top: 0;\n      height: 40px;\n      line-height: 40px;\n      cursor: pointer;\n      color: #f88350;\n      font-size: 14px;\n      font-weight: 200;\n      font-family: 'pingfang';\n      font-weight: 400;\n    }\n  }\n\n }\n}\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BindPhone.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BindPhone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BindPhone.vue?vue&type=template&id=0bd54234&scoped=true&\"\nimport script from \"./BindPhone.vue?vue&type=script&lang=js&\"\nexport * from \"./BindPhone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BindPhone.vue?vue&type=style&index=0&id=0bd54234&lang=less&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  \"0bd54234\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}