{"version":3,"sources":["webpack:///./src/views/login/bindPhone.vue?dbb6","webpack:///./src/assets/qr-corner.png","webpack:///./src/views/login/bindPhone.vue?2eda","webpack:///src/views/login/bindPhone.vue","webpack:///./src/views/login/bindPhone.vue?c566","webpack:///./src/views/login/bindPhone.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_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_71b82a5a_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_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_71b82a5a_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","module","exports","p","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","click","goScan","attrs","src","alt","directives","name","rawName","value","expression","type","domProps","input","$event","target","composing","PhoneNumber","AuthCode","qrLoading","_s","loadSeconds","fetchCode","PassWord","class","grey-btn","greyBtn","bindPhone","binded","signIn","staticRenderFns","bindPhonevue_type_script_lang_js_","data","interval","computed","methods","_this","$store","dispatch","then","res","$message","message","Data","countLoadSeconds","catch","_this2","userInfo","UnionId","getters","unionId","UserName","$router","push","path","_this3","setInterval","watch","val","clearInterval","login_bindPhonevue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","__webpack_exports__"],"mappings":"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","file":"js/chunk-e2ca5874.39a7782b.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.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=71b82a5a&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.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=71b82a5a&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/qr-corner.0fa6cc00.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bind-phone\"},[_c('h1',[_vm._v(\"绑定手机\")]),_c('h2',[_vm._v(\"BINDING MOBILE PHONE\")]),_c('div',{staticClass:\"qr-corner\",on:{\"click\":_vm.goScan}},[_c('img',{attrs:{\"src\":require(\"../../assets/qr-corner.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"bind-phone-form form-wrap\"},[_c('div',{staticClass:\"input-wrap\"},[_c('label',[_vm._v(\"手机号\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.PhoneNumber),expression:\"PhoneNumber\"},{name:\"focus\",rawName:\"v-focus\",value:(true),expression:\"true\"}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.PhoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.PhoneNumber=$event.target.value}}})]),_c('div',{staticClass:\"input-wrap\"},[_c('label',[_vm._v(\"验证码\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.AuthCode),expression:\"AuthCode\"}],staticClass:\"qr-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.AuthCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.AuthCode=$event.target.value}}}),(!_vm.qrLoading)?_c('a',{staticClass:\"qrcode\",on:{\"click\":_vm.fetchCode}},[_vm._v(\"获取验证码\")]):_c('p',{staticClass:\"qr-loading\"},[_vm._v(\"已发送(\"+_vm._s(_vm.loadSeconds)+\"s)\")])]),_c('div',{staticClass:\"input-wrap\"},[_c('label',[_vm._v(\"密码\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.PassWord),expression:\"PassWord\"}],attrs:{\"type\":\"password\"},domProps:{\"value\":(_vm.PassWord)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.PassWord=$event.target.value}}})]),_c('button',{staticClass:\"login-btn\",class:{'grey-btn':_vm.greyBtn},on:{\"click\":_vm.bindPhone}},[_vm._v(_vm._s(_vm.binded?'该手机号已注册，直接绑定':'绑定手机'))]),_c('p',{staticClass:\"tip\"},[_c('span',[_vm._v(\"已有账号？去\")]),_c('a',{staticClass:\"sign-link\",on:{\"click\":_vm.signIn}},[_vm._v(\"登录\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bind-phone\">\r\n    <h1>绑定手机</h1>\r\n    <h2>BINDING MOBILE PHONE</h2>\r\n    <div class=\"qr-corner\" @click=\"goScan\">\r\n      <img src=\"../../assets/qr-corner.png\" alt>\r\n    </div>\r\n    <div class=\"bind-phone-form form-wrap\">\r\n      <!-- <div class=\"input-wrap\">\r\n        <label>用户名</label>\r\n        <input type=\"text\" v-model=\"UserName\">\r\n      </div>-->\r\n      <div class=\"input-wrap\">\r\n        <label>手机号</label>\r\n        <input type=\"text\" v-model=\"PhoneNumber\" v-focus=\"true\">\r\n      </div>\r\n      <div class=\"input-wrap\">\r\n        <label>验证码</label>\r\n        <input type=\"text\" v-model=\"AuthCode\" class=\"qr-input\">\r\n        <a v-if=\"!qrLoading\" class=\"qrcode\" @click=\"fetchCode\">获取验证码</a>\r\n        <p v-else class=\"qr-loading\">已发送({{loadSeconds}}s)</p>\r\n      </div>\r\n      <div class=\"input-wrap\">\r\n        <label>密码</label>\r\n        <input type=\"password\" v-model=\"PassWord\">\r\n      </div>\r\n      <button\r\n        class=\"login-btn\"\r\n        :class=\"{'grey-btn':greyBtn}\"\r\n        @click=\"bindPhone\"\r\n      >{{binded?'该手机号已注册，直接绑定':'绑定手机'}}</button>\r\n      <p class=\"tip\">\r\n        <span>已有账号？去</span>\r\n        <a class=\"sign-link\" @click=\"signIn\">登录</a>\r\n      </p>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: 'bindPhone',\r\n  data() {\r\n    return {\r\n      PhoneNumber: '',\r\n      // UserName: '',\r\n      AuthCode: '',\r\n      PassWord: '',\r\n      loadSeconds: 60,\r\n      qrLoading: false,\r\n      interval: null,\r\n      binded: false\r\n    }\r\n  },\r\n  computed: {\r\n    greyBtn() {\r\n      let { PhoneNumber, AuthCode, PassWord } = this\r\n      return !(PhoneNumber && AuthCode && PassWord)\r\n    }\r\n  },\r\n  methods: {\r\n    fetchCode() {\r\n      this.$store\r\n        .dispatch('FetchScanCode', this.PhoneNumber)\r\n        .then(res => {\r\n          this.$message({\r\n            message: '短信发送成功',\r\n            type: 'success'\r\n          })\r\n          this.binded = res.Data\r\n          this.countLoadSeconds()\r\n        })\r\n        .catch(() => {})\r\n    },\r\n    bindPhone() {\r\n      let { PhoneNumber, AuthCode, PassWord } = this\r\n      let userInfo = {\r\n        UnionId: this.$store.getters.unionId,\r\n        PhoneNumber,\r\n        UserName: PhoneNumber,\r\n        AuthCode,\r\n        PassWord\r\n      }\r\n      this.$store\r\n        .dispatch('ScanRegister', userInfo)\r\n        .then(() => {\r\n          this.$message({\r\n            message: '绑定成功',\r\n            type: 'success'\r\n          })\r\n          this.$store\r\n            .dispatch('LoginByPhone', { PhoneNumber, PassWord })\r\n            .then(() => {\r\n              this.$router.push({ path: '/' })\r\n            })\r\n        })\r\n        .catch(() => {})\r\n    },\r\n    // goHome() {\r\n    //   this.$router.push({ path: '/' })\r\n    // },\r\n    signIn() {\r\n      this.$router.push({ path: '/login' })\r\n    },\r\n    countLoadSeconds() {\r\n      if (this.loadSeconds > 0) {\r\n        this.qrLoading = true\r\n        this.interval = setInterval(() => {\r\n          this.loadSeconds--\r\n        }, 1000)\r\n      }\r\n    },\r\n    goScan() {\r\n      this.$router.push({ path: '/login/qr-sign-in' })\r\n    }\r\n  },\r\n  watch: {\r\n    loadSeconds(val) {\r\n      if (val < 0) {\r\n        this.qrLoading = false\r\n        clearInterval(this.interval)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.login-wrap .login-box .right .login-btn.grey-btn {\r\n  background-color: #a4a8ab;\r\n  color: #ffffff;\r\n  width: 90%;\r\n}\r\n</style>\r\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=71b82a5a&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=71b82a5a&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  \"71b82a5a\",\n  null\n  \n)\n\ncomponent.options.__file = \"bindPhone.vue\"\nexport default component.exports"],"sourceRoot":""}