{"version":3,"sources":["webpack:///./src/views/Children/seting.vue?d1b3","webpack:///./node_modules/core-js/modules/web.timers.js","webpack:///./src/views/Children/seting.vue?0a67","webpack:///src/views/Children/seting.vue","webpack:///./src/views/Children/seting.vue?fb2e","webpack:///./src/views/Children/seting.vue"],"names":["$","global","userAgent","slice","MSIE","test","wrap","scheduler","handler","timeout","boundArgs","arguments","length","args","call","undefined","Function","apply","this","bind","forced","setTimeout","setInterval","render","_vm","_h","$createElement","_c","_self","staticClass","_v","class","active","tab","on","$event","attrs","model","value","callback","$$v","phone","expression","smsCode","sendCode","_s","codeText","_e","oldPass","newPass","rnewPass","submitState","setSubmit","newPhone","setPhone","staticRenderFns","name","data","id","timeId","created","$emit","$store","state","user","methods","$tools","checkTel","$message","error","$api","apiContent","editPhone","token","code","new_phone","message","type","duration","userSetPass","oldpass","pass","repass","clearInterval","sendMsg","watch","component"],"mappings":"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","file":"js/chunk-20e97fbd.3cf6bd87.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./seting.vue?vue&type=style&index=0&id=63ef4151&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./seting.vue?vue&type=style&index=0&id=63ef4151&scoped=true&lang=scss&\"","var $ = require('../internals/export');\nvar global = require('../internals/global');\nvar userAgent = require('../internals/engine-user-agent');\n\nvar slice = [].slice;\nvar MSIE = /MSIE .\\./.test(userAgent); // <- dirty ie9- check\n\nvar wrap = function (scheduler) {\n  return function (handler, timeout /* , ...arguments */) {\n    var boundArgs = arguments.length > 2;\n    var args = boundArgs ? slice.call(arguments, 2) : undefined;\n    return scheduler(boundArgs ? function () {\n      // eslint-disable-next-line no-new-func\n      (typeof handler == 'function' ? handler : Function(handler)).apply(this, args);\n    } : handler, timeout);\n  };\n};\n\n// ie9- setTimeout & setInterval additional parameters fix\n// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#timers\n$({ global: true, bind: true, forced: MSIE }, {\n  // `setTimeout` method\n  // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-settimeout\n  setTimeout: wrap(global.setTimeout),\n  // `setInterval` method\n  // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-setinterval\n  setInterval: wrap(global.setInterval)\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-box\"},[_c('div',{staticClass:\"page-title\"},[_vm._v(\" 当前位置：首页 > 帐号设置 \")]),_c('div',{staticClass:\"content-info\"},[_c('div',{staticClass:\"set-info\"},[_c('div',{staticClass:\"set-title\"},[_c('span',{class:{active:_vm.tab=== 1},on:{\"click\":function($event){_vm.tab = 1}}},[_vm._v(\"修改密码\")]),_c('span',{class:{active:_vm.tab=== 2},on:{\"click\":function($event){_vm.tab = 2}}},[_vm._v(\"修改手机号\")])]),(_vm.tab === 1)?_c('div',{staticClass:\"set-account\"},[_c('div',{staticClass:\"login-input flex-center\"},[_c('i',[_vm._v(\"手机号\")]),_c('el-input',{staticClass:\"login-item\",attrs:{\"placeholder\":\"请输入手机号\",\"disabled\":\"\"},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}})],1),_c('div',{staticClass:\"login-input flex-center\"},[_c('i',[_vm._v(\"验证码\")]),_c('el-input',{staticClass:\"login-item\",attrs:{\"placeholder\":\"请输入验证码\"},model:{value:(_vm.smsCode),callback:function ($$v) {_vm.smsCode=$$v},expression:\"smsCode\"}}),_c('div',{staticClass:\"code-text\",on:{\"click\":_vm.sendCode}},[_vm._v(\" \"+_vm._s(_vm.codeText)+\" \"),(typeof _vm.codeText === 'number')?_c('span',[_vm._v(\"秒后重新发送\")]):_vm._e()])],1),_c('div',{staticClass:\"login-input flex-center\"},[_c('i',[_vm._v(\"旧密码\")]),_c('el-input',{staticClass:\"login-item\",attrs:{\"type\":\"password\",\"placeholder\":\"请输入旧密码\"},model:{value:(_vm.oldPass),callback:function ($$v) {_vm.oldPass=$$v},expression:\"oldPass\"}})],1),_c('div',{staticClass:\"login-input flex-center\"},[_c('i',[_vm._v(\"新密码\")]),_c('el-input',{staticClass:\"login-item\",attrs:{\"type\":\"password\",\"placeholder\":\"请输入新密码\"},model:{value:(_vm.newPass),callback:function ($$v) {_vm.newPass=$$v},expression:\"newPass\"}})],1),_c('div',{staticClass:\"login-input flex-center\"},[_c('i',[_vm._v(\"确认密码\")]),_c('el-input',{staticClass:\"login-item\",attrs:{\"type\":\"password\",\"placeholder\":\"请确认再次密码\"},model:{value:(_vm.rnewPass),callback:function ($$v) {_vm.rnewPass=$$v},expression:\"rnewPass\"}})],1),_c('el-button',{staticClass:\"login-submit-btn\",attrs:{\"type\":\"primary\",\"disabled\":_vm.submitState},on:{\"click\":_vm.setSubmit}},[_vm._v(\"立即修改 \")])],1):_vm._e(),(_vm.tab === 2)?_c('div',{staticClass:\"set-account\"},[_c('div',{staticClass:\"login-input flex-center\"},[_c('i',[_vm._v(\"原手机号\")]),_c('el-input',{staticClass:\"login-item\",attrs:{\"placeholder\":\"请输入手机号\",\"disabled\":\"\"},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}})],1),_c('div',{staticClass:\"login-input flex-center\"},[_c('i',[_vm._v(\"验证码\")]),_c('el-input',{staticClass:\"login-item\",attrs:{\"placeholder\":\"请输入验证码\"},model:{value:(_vm.smsCode),callback:function ($$v) {_vm.smsCode=$$v},expression:\"smsCode\"}}),_c('div',{staticClass:\"code-text\",on:{\"click\":_vm.sendCode}},[_vm._v(\" \"+_vm._s(_vm.codeText)+\" \"),(typeof _vm.codeText === 'number')?_c('span',[_vm._v(\"秒后重新发送\")]):_vm._e()])],1),_c('div',{staticClass:\"login-input flex-center\"},[_c('i',[_vm._v(\"新手机号\")]),_c('el-input',{staticClass:\"login-item\",attrs:{\"placeholder\":\"请输入手机号\"},model:{value:(_vm.newPhone),callback:function ($$v) {_vm.newPhone=$$v},expression:\"newPhone\"}})],1),(_vm.tab === 1)?_c('el-button',{staticClass:\"login-submit-btn\",attrs:{\"type\":\"primary\",\"disabled\":_vm.submitState},on:{\"click\":_vm.setSubmit}},[_vm._v(\"立即修改 \")]):_vm._e(),(_vm.tab === 2)?_c('el-button',{staticClass:\"login-submit-btn\",attrs:{\"type\":\"primary\",\"disabled\":_vm.submitState},on:{\"click\":_vm.setPhone}},[_vm._v(\"立即修改 \")]):_vm._e()],1):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content-box\">\n    <div class=\"page-title\">\n      当前位置：首页 > 帐号设置\n    </div>\n    <div class=\"content-info\">\n      <div class=\"set-info\">\n        <div class=\"set-title\">\n          <span :class=\"{active:tab=== 1}\" @click=\"tab = 1\">修改密码</span>\n          <span :class=\"{active:tab=== 2}\" @click=\"tab = 2\">修改手机号</span>\n        </div>\n        <div class=\"set-account\" v-if=\"tab === 1\">\n          <div class=\"login-input flex-center\">\n            <i>手机号</i>\n            <el-input v-model=\"phone\" placeholder=\"请输入手机号\" class=\"login-item\" disabled></el-input>\n          </div>\n          <div class=\"login-input flex-center\">\n            <i>验证码</i>\n            <el-input v-model=\"smsCode\" placeholder=\"请输入验证码\" class=\"login-item\"></el-input>\n            <div class=\"code-text\" @click=\"sendCode\">\n              {{ codeText }} <span v-if=\"typeof codeText === 'number'\">秒后重新发送</span>\n            </div>\n          </div>\n          <div class=\"login-input flex-center\">\n            <i>旧密码</i>\n            <el-input type=\"password\" v-model=\"oldPass\" placeholder=\"请输入旧密码\" class=\"login-item\"></el-input>\n          </div>\n          <div class=\"login-input flex-center\">\n            <i>新密码</i>\n            <el-input type=\"password\" v-model=\"newPass\" placeholder=\"请输入新密码\" class=\"login-item\"></el-input>\n          </div>\n          <div class=\"login-input flex-center\">\n            <i>确认密码</i>\n            <el-input type=\"password\" v-model=\"rnewPass\" placeholder=\"请确认再次密码\" class=\"login-item\"></el-input>\n          </div>\n          <el-button type=\"primary\" class=\"login-submit-btn\" @click=\"setSubmit\" :disabled=\"submitState\">立即修改\n          </el-button>\n        </div>\n        <div class=\"set-account\" v-if=\"tab === 2\">\n          <div class=\"login-input flex-center\">\n            <i>原手机号</i>\n            <el-input v-model=\"phone\" placeholder=\"请输入手机号\" class=\"login-item\" disabled></el-input>\n          </div>\n          <div class=\"login-input flex-center\">\n            <i>验证码</i>\n            <el-input v-model=\"smsCode\" placeholder=\"请输入验证码\" class=\"login-item\"></el-input>\n            <div class=\"code-text\" @click=\"sendCode\">\n              {{ codeText }} <span v-if=\"typeof codeText === 'number'\">秒后重新发送</span>\n            </div>\n          </div>\n          <div class=\"login-input flex-center\">\n            <i>新手机号</i>\n            <el-input v-model=\"newPhone\" placeholder=\"请输入手机号\" class=\"login-item\"></el-input>\n          </div>\n          <el-button type=\"primary\" v-if=\"tab === 1\" class=\"login-submit-btn\" @click=\"setSubmit\" :disabled=\"submitState\">立即修改\n          </el-button>\n          <el-button type=\"primary\" v-if=\"tab === 2\" class=\"login-submit-btn\" @click=\"setPhone\" :disabled=\"submitState\">立即修改\n          </el-button>\n        </div>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"seting\",\n  data() {\n    return {\n      tab: 1,\n      phone: '',\n      newPhone:'',\n      smsCode: '',\n      codeText: '获取验证码', // 验证码文字\n      id: null, // 计时器id\n      timeId: null, // 一次性计时器id\n      oldPass: '',\n      newPass: '',\n      rnewPass: '',\n      submitState: false\n    }\n  },\n  created() {\n    this.$emit('setIndex', 3)\n    this.phone = this.$store.state.user.phone\n  },\n  methods: {\n    setPhone(){\n      this.submitState = true\n      if (!this.smsCode) {\n        this.$message.error('请输入验证码')\n        this.submitState = false\n        return\n      }\n      if (!this.newPhone) {\n        this.$message.error('请输入新手机号')\n        this.submitState = false\n        return\n      }\n      if (this.$tools.checkTel(this.newPhone)) {\n        this.$message.error('新手机号格式错误，请确认')\n        this.submitState = false\n        return\n      }\n      this.$api.apiContent.editPhone({\n        token: this.$store.state.user.token,\n        phone: this.phone,\n        code: this.smsCode,\n        new_phone: this.newPhone,\n      }).then(() => {\n        this.$message({\n          message: '修改成功,请重新登录',\n          type: 'success',\n          duration: 1000\n        });\n        setTimeout(() => {\n          this.$store.state.user = null\n          this.$router.push('/login')\n        }, 1500)\n\n      }).catch(e => {\n        this.$message.error(e.msg)\n        this.submitState = false\n      })\n    },\n    setSubmit() {\n      this.submitState = true\n      if (!this.phone) {\n        this.$message.error('请输入手机号')\n        this.submitState = false\n        return\n      }\n      if (this.$tools.checkTel(this.phone)) {\n        this.$message.error('手机号格式错误，请确认')\n        this.submitState = false\n        return\n      }\n      if (!this.smsCode) {\n        this.$message.error('请输入验证码')\n        this.submitState = false\n        return\n      }\n      if (!this.oldPass) {\n        this.$message.error('请输入旧密码')\n        this.submitState = false\n        return\n      }\n      if (!this.newPass) {\n        this.$message.error('请输入新密码')\n        this.submitState = false\n        return\n      }\n      if (this.newPass !== this.rnewPass) {\n        this.$message.error('两次密码不一致')\n        this.submitState = false\n        return\n      }\n      this.$api.apiContent.userSetPass({\n        token: this.$store.state.user.token,\n        phone: this.phone,\n        code: this.smsCode,\n        oldpass: this.oldPass,\n        pass: this.newPass,\n        repass: this.rnewPass,\n      }).then(() => {\n        this.$message({\n          message: '修改成功,请重新登录',\n          type: 'success',\n          duration: 1000\n        });\n        setTimeout(() => {\n          this.$store.state.user = null\n          this.$router.push('/login')\n        }, 1500)\n\n      }).catch(e => {\n        this.$message.error(e.msg)\n        this.submitState = false\n      })\n    },\n    //  获取验证码\n    sendCode() {\n      if (!this.phone) {\n        this.$message.error('请输入手机号')\n        this.submitState = false\n        return\n      }\n      if (this.$tools.checkTel(this.phone)) {\n        this.$message.error('手机号格式错误，请确认')\n        this.submitState = false\n        return\n      }\n      if (this.codeText === '获取验证码' || this.codeText === '重新发送') {\n        this.codeText = 60\n        this.id = setInterval(() => {\n          if (this.codeText === 0) {\n            clearInterval(this.id)\n            this.codeText = '重新发送'\n            return\n          }\n          if (typeof this.codeText === 'number') {\n            this.codeText--\n          }\n        }, 1000)\n        this.$api.apiContent.sendMsg({\n          phone: this.phone,\n          token: this.$store.state.user.token,\n        }).then().catch(e => {\n          this.$message.error(e.msg)\n          this.codeText = '重新发送'\n          clearInterval(this.id)\n        })\n      }\n    }\n  },\n  watch:{\n    tab(){\n      clearInterval(this.id)\n      this.codeText = '获取验证码'\n      if(this.tab === 2){\n        this.phone = this.$store.state.user.phone\n      }\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.content-info {\n  min-height: 950px;\n  .set-info {\n    width: 800px;\n    margin: 0 auto;\n    padding: 50px 0;\n\n    .set-title {\n      display: flex;\n      align-items: center;\n      justify-content: space-around;\n      width: 500px;\n      margin: 0 auto;\n\n      span {\n        display: block;\n        width: 150px;\n        height: 40px;\n        text-align: center;\n        line-height: 40px;\n        border: 1px solid #f9aa0d;\n        color: #f9aa0d;\n        border-radius: 20px;\n        font-size: 16px;\n        cursor: pointer;\n\n        &.active {\n          background: #f9aa0d;\n          color: #fff;\n        }\n      }\n    }\n    .set-account {\n      padding: 50px;\n      .login-input {\n        height: 40px;\n        border-radius: 4px;\n        margin-bottom: 20px;\n\n        i {\n          display: block;\n          width: 100px;\n          text-align: right;\n          padding-right: 15px;\n        }\n\n        .login-item {\n          flex: 1;\n\n          input {\n            background: transparent;\n\n          }\n        }\n\n        .link-text {\n          display: block;\n          width: 60px;\n          height: 41px;\n          text-align: left;\n          line-height: 41px;\n          background: #fff;\n          margin: 0 20px;\n          color: #f9aa0d;\n        }\n\n        .code-img {\n          width: 116px;\n          height: 41px;\n          background: #fff;\n          margin: 0 20px;\n        }\n\n        .code-text {\n          width: 116px;\n          height: 41px;\n          text-align: center;\n          line-height: 41px;\n          color: #fff;\n          background: #f9aa0d;\n          margin: 0 20px;\n          border-radius: 5px;\n          cursor: pointer;\n          overflow: hidden;\n        }\n      }\n      .login-submit-btn{\n        display: block;\n        margin: 0 auto;\n        background: #f9aa0d;\n        border:1px solid #f9aa0d;\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!./seting.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!./seting.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./seting.vue?vue&type=template&id=63ef4151&scoped=true&\"\nimport script from \"./seting.vue?vue&type=script&lang=js&\"\nexport * from \"./seting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./seting.vue?vue&type=style&index=0&id=63ef4151&scoped=true&lang=scss&\"\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  \"63ef4151\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}