{"version":3,"sources":["webpack:///./src/views/setting/bindPhone.vue?e6fd","webpack:///src/views/setting/bindPhone.vue","webpack:///./src/views/setting/bindPhone.vue?9391","webpack:///./src/views/setting/bindPhone.vue","webpack:///./src/views/setting/bindPhone.vue?e1de","webpack:///./src/common/validate.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","$router","go","directives","name","rawName","value","expression","modifiers","domProps","target","composing","phone","trim","$forceUpdate","imgCode","getImgCode","imgCodeUrl","code","btnDisabled","getCode","_v","_s","codeBtnText","submit","callService","tel","staticRenderFns","data","timer","imgCodeToken","computed","created","beforeDestroy","clearInterval","methods","$dialog","confirm","message","confirmButtonText","cancelButtonText","window","location","href","params","r","Result","time","validPhone","$toast","PhoneNumber","UserCode","ValidateCode","component","phoneReg","telReg","passwordReg","link","test","positiveInt","password"],"mappings":"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","file":"js/chunk-28c657dc.efa1b80e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bindPhone\"},[_c('van-nav-bar',{staticClass:\"primary-header\",attrs:{\"title\":\"修改绑定手机号\",\"left-arrow\":\"\",\"fixed\":\"\",\"border\":false},on:{\"click-left\":function($event){return _vm.$router.go(-1)}}}),_c('div',{staticClass:\"form-item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.phone),expression:\"phone\",modifiers:{\"trim\":true}}],staticClass:\"input\",attrs:{\"type\":\"tel\",\"maxlength\":\"11\",\"placeholder\":\"请输入手机号\"},domProps:{\"value\":(_vm.phone)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phone=$event.target.value.trim()},\"blur\":function($event){return _vm.$forceUpdate()}}})]),_c('div',{staticClass:\"form-item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.imgCode),expression:\"imgCode\",modifiers:{\"trim\":true}}],staticClass:\"input\",attrs:{\"type\":\"text\",\"maxlength\":\"6\",\"placeholder\":\"验证码\"},domProps:{\"value\":(_vm.imgCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.imgCode=$event.target.value.trim()},\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('div',{staticClass:\"img-btn\",on:{\"click\":_vm.getImgCode}},[_c('img',{staticClass:\"img-code\",attrs:{\"src\":_vm.imgCodeUrl,\"alt\":\"\"}})])]),_c('div',{staticClass:\"form-item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.code),expression:\"code\",modifiers:{\"trim\":true}}],staticClass:\"input\",attrs:{\"type\":\"text\",\"maxlength\":\"6\",\"placeholder\":\"验证码\"},domProps:{\"value\":(_vm.code)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.code=$event.target.value.trim()},\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('button',{staticClass:\"btn-code\",attrs:{\"disabled\":_vm.btnDisabled},on:{\"click\":_vm.getCode}},[_vm._v(_vm._s(_vm.codeBtnText))])]),_c('button',{staticClass:\"btn-primary\",on:{\"click\":_vm.submit}},[_vm._v(\"确定\")]),_c('div',{staticClass:\"tip\"},[_vm._v(\" 如有任何问题请拨打客服电话： \"),_c('div',{staticClass:\"hot\",on:{\"click\":_vm.callService}},[_c('span',[_vm._v(_vm._s(_vm.tel))]),_c('van-icon',{attrs:{\"name\":\"phone\"}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bindPhone\">\n    <van-nav-bar\n      title=\"修改绑定手机号\"\n      left-arrow\n      fixed\n      class=\"primary-header\"\n      :border=\"false\"\n      @click-left=\"$router.go(-1)\"\n    />\n    <div class=\"form-item\">\n      <input type=\"tel\" class=\"input\" v-model.trim=\"phone\" maxlength=\"11\" placeholder=\"请输入手机号\">\n    </div>\n    <div class=\"form-item\">\n      <input type=\"text\" v-model.trim=\"imgCode\" maxlength=\"6\" class=\"input\" placeholder=\"验证码\">\n      <div class=\"img-btn\" @click=\"getImgCode\">\n        <img :src=\"imgCodeUrl\" alt=\"\" class=\"img-code\">\n      </div>\n    </div>\n    <div class=\"form-item\">\n      <input type=\"text\" class=\"input\" v-model.trim=\"code\" maxlength=\"6\" placeholder=\"验证码\">\n      <button class=\"btn-code\" @click=\"getCode\" :disabled=\"btnDisabled\">{{codeBtnText}}</button>\n    </div>\n    <button class=\"btn-primary\" @click=\"submit\">确定</button>\n    <div class=\"tip\">\n      如有任何问题请拨打客服电话：\n      <div class=\"hot\" @click=\"callService\">\n        <span>{{tel}}</span>\n        <van-icon name=\"phone\" />\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { SendMobileCode, UpdateBindPhoneNumber,GetImageCode } from \"@/common/api.js\";\nimport validate from \"@/common/validate.js\";\nimport {mapState} from 'vuex'\nimport {TEL} from '@/common/util.js'\nexport default {\n  name:'BindPhone',\n  data(){\n    return{\n      phone:'',\n      code:'',\n      codeBtnText:'获取验证码',\n      timer: null,\n      btnDisabled:false,\n      tel:TEL,\n      imgCodeUrl:'',\n      imgCode:'',\n      imgCodeToken:'',\n    }\n  },\n  computed: {\n    ...mapState({\n      userData:state=>state.userData\n    })\n  },\n  created() {\n    this.getImgCode();\n  },\n  beforeDestroy() {\n    clearInterval(this.timer);\n  },\n  methods: {\n    //联系客服\n    callService(){\n      this.$dialog.confirm({\n        message:'立即联系 速派客服',\n        confirmButtonText:'立即联系',\n        cancelButtonText:'暂不联系'\n      }).then(()=>{\n        window.location.href='tel:'+TEL;\n      })\n    },\n    //获取图片验证码\n    getImgCode(){\n      GetImageCode().then(r=>{\n        if(r.Result==1){\n          this.imgCodeUrl=r.Data.ImgCodeUrl;\n          this.imgCodeToken=r.Data.ImgCodeToken;\n        }\n      })\n    },\n    //获取验证码\n    getCode() {\n      if(!this.validPhone()){\n        return;\n      }\n      let params={\n        phone: this.phone,\n        imgCode:this.imgCode,\n        imgCodeToken:this.imgCodeToken,\n      }\n      if(this.userData && this.userData.LoginType==1){\n        params['codeType']=106;\n      }\n      if(this.userData && this.userData.LoginType==2){\n        params['codeType']=107;\n      }\n      SendMobileCode(params).then(r => {\n        if (r.Result == 1) {\n          this.$toast.success(r.Message);\n          let time = 120;\n          this.btnDisabled = true;\n          this.timer = setInterval(() => {\n            time--;\n            this.codeBtnText = time + \"s\";\n            if (time <= 0) {\n              time = 120;\n              this.btnDisabled = false;\n              this.codeBtnText = \"获取验证码\";\n              clearInterval(this.timer);\n            }\n          }, 1000);\n        } else {\n          this.getImgCode();\n          this.$toast(r.Message);\n        }\n      });\n      \n    },\n    validPhone(){\n      if (this.phone === \"\") {\n        this.$toast(\"请输入手机号！\");\n        return false;\n      }\n      if (\n        this.phone !== \"\" &&\n        !validate.phone(this.phone)\n      ) {\n        this.$toast(\"手机号格式不正确\");\n        return false;\n      }\n      return true;\n    },\n    submit(){\n      if(!this.validPhone()){\n        return;\n      }\n      if (this.code === \"\") {\n        this.$toast(\"请输入手机验证码！\");\n        return;\n      }\n      UpdateBindPhoneNumber({\n        PhoneNumber:this.phone,\n        UserCode:this.userData.UserCode,\n        ValidateCode:this.code,\n      }).then(r=>{\n        if(r.Result==1){\n          this.$router.replace('/login/companyLogin');\n        }else{\n          this.$toast(r.Message);\n        }\n      })\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n@import '~@/style/_base.scss';\n.bindPhone{\n  padding: 46px 15px 20px;\n  background-color: #fff;\n  min-height: calc(100vh - 46px);\n  .form{\n    width: 100%;\n    margin: 0 auto;\n  }\n  .form-item{\n    width: 100%;\n    height: 44px;\n    margin-top: 24px;\n    display: flex;\n  }\n  .input{\n    min-width: 100px;\n    flex: 1;\n    height: 44px;\n    padding: 10px;\n    line-height: 24px;\n    font-size: 14px;\n    color: #333;\n    border: 1px solid #d5d5d5;\n    &:focus{\n      border-color: $primary;\n    }\n  }\n  .btn-primary{\n    display: block;\n    width: 100%;\n    margin: 60px auto 0;\n    text-align: center;\n    line-height: 44px;\n    height: 44px;\n    background-color: #f75959;\n    color: #fff;\n    font-size: 14px;\n  }\n  .btn-code{\n    width: 100px;\n    height: 44px;\n    text-align: center;\n    line-height: 44px;\n    background-color: #e5e5e5;\n    color: #666;\n    font-size: 14px;\n    &:disabled{\n      background-color: #f8f8f8;\n    }\n  }\n  .img-btn{\n    width: 120px;\n    height: 44px;\n    border: 1px solid #d5d5d5;\n    border-left: 0;\n  }\n  .img-code{\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n  .tip{\n    font-size: 14px;\n    color: #999;\n    line-height: 24px;\n    margin-top: 10px;\n    display: flex;\n    .hot{\n      display: flex;\n      align-items: center;\n      color: $primary;\n      span{\n        text-decoration: underline;\n      }\n      .van-icon{\n        font-size: 20px;\n      }\n    }\n  }\n}\n\n</style>","import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.1@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.5@vue-loader/lib/index.js??vue-loader-options!./bindPhone.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.1@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.5@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=267e692f&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=267e692f&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.9.5@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"267e692f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/_vue-loader@15.9.5@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.5@vue-loader/lib/index.js??vue-loader-options!./bindPhone.vue?vue&type=style&index=0&id=267e692f&lang=scss&scoped=true&\"","let phoneReg = /(^1[3|4|5|6|7|8|9]\\d{9}$)|(^09\\d{8}$)/;\nlet telReg = /^([0-9]{3,4}-)?[0-9]{7,8}$/;\nlet passwordReg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;\nexport default {\n    link(value) {\n        if (phoneReg.test(value) || telReg.test(value)) {\n            return true;\n        }\n        return false;\n    },\n    phone(value) {\n        if (phoneReg.test(value)) {\n            return true;\n        }\n        return false;\n    },\n    positiveInt(value) {\n        if (/^[1-9]\\d*$/g.test(value)) {\n            return true;\n        }\n        return false;\n    },\n    password(value) {\n        if (passwordReg.test(value)) {\n            return true;\n        }\n        return false;\n    }\n}"],"sourceRoot":""}