{"version":3,"sources":["webpack:///./src/assets/images/login-bg.jpg","webpack:///./src/views/user/Login.vue?f304","webpack:///src/views/user/Login.vue","webpack:///./src/views/user/Login.vue?acc0","webpack:///./src/views/user/Login.vue","webpack:///./src/mixins/SendVerifyCode.js"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","on","submit","domProps","_s","showQrcode","directives","name","rawName","value","expression","attrs","model","field","callback","$$v","$set","getSmsCode","_v","text","isMobile","_e","$event","class","staticRenderFns","mixins","data","mobile","verify","mounted","methods","initBg","document","body","style","component","disabled","sendCode","n","run","setInterval","clearInterval"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,gC,yCCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+BF,EAAG,MAAM,CAACE,YAAY,4EAA4E,CAACF,EAAG,SAAS,CAACG,GAAG,CAAC,OAASP,EAAIQ,SAAS,CAACJ,EAAG,KAAK,CAACE,YAAY,UAAUG,SAAS,CAAC,YAAcT,EAAIU,GAAGV,EAAIW,WAAa,OAAS,YAAYP,EAAG,MAAM,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQf,EAAIW,WAAYK,WAAW,gBAAgBV,YAAY,aAAa,CAACF,EAAG,eAAe,CAACa,MAAM,CAAC,MAAQ,UAAU,CAACb,EAAG,eAAe,CAACE,YAAY,UAAUW,MAAM,CAAC,KAAO,OAAO,YAAc,WAAWC,MAAM,CAACH,MAAOf,EAAImB,MAAY,OAAEC,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAImB,MAAO,SAAUE,IAAML,WAAW,mBAAmB,GAAGZ,EAAG,eAAe,CAACa,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,UAAU,CAACE,YAAY,gBAAgBW,MAAM,CAAC,YAAc,UAAUC,MAAM,CAACH,MAAOf,EAAImB,MAAY,OAAEC,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAImB,MAAO,SAAUE,IAAML,WAAW,kBAAkBZ,EAAG,WAAW,CAACE,YAAY,sBAAsBC,GAAG,CAAC,MAAQP,EAAIuB,aAAa,CAACvB,EAAIwB,GAAGxB,EAAIU,GAAGV,EAAIyB,UAAU,KAAKrB,EAAG,WAAW,CAACE,YAAY,+BAA+BW,MAAM,CAAC,KAAO,SAAS,QAAU,SAAS,CAACjB,EAAIwB,GAAG,WAAW,GAAGpB,EAAG,MAAM,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOf,EAAc,WAAEgB,WAAW,eAAeV,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACa,MAAM,CAAC,IAAM,EAAQ,QAA6B,IAAM,cAAcb,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,mBAAmBF,EAAG,OAAO,CAACE,YAAY,SAAS,CAACF,EAAG,IAAI,CAACJ,EAAIwB,GAAG,aAAapB,EAAG,IAAI,CAACJ,EAAIwB,GAAG,kBAAkBpB,EAAG,MAAM,CAACE,YAAY,OAAO,CAAGN,EAAI0B,SAA+Q1B,EAAI2B,KAAzQvB,EAAG,MAAM,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQf,EAAIW,WAAYK,WAAW,gBAAgBV,YAAY,OAAOC,GAAG,CAAC,MAAQ,SAASqB,GAAQ5B,EAAIW,YAAcX,EAAIW,cAAc,CAACP,EAAG,IAAI,CAACE,YAAY,qBAAqBF,EAAG,OAAO,CAACJ,EAAIwB,GAAG,cAAuBpB,EAAG,MAAM,CAACQ,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOf,EAAc,WAAEgB,WAAW,eAAeV,YAAY,OAAOuB,MAAM7B,EAAIW,WAAa,SAAW,GAAGJ,GAAG,CAAC,MAAQ,SAASqB,GAAQ5B,EAAIW,YAAcX,EAAIW,cAAc,CAACP,EAAG,OAAO,CAACJ,EAAIwB,GAAG,mBAAmB,QAC9yEM,EAAkB,G,mHCmFtB,mBAEA,GACEjB,KAAM,QACNkB,OAAQ,CAAC,EAAX,MACEC,KAHF,WAII,MAAO,CACLb,MAAO,CACLc,OAAQ,GACRC,OAAQ,IAEVvB,YAAY,EACZe,UAAU,IAGdS,QAbF,aAkBEC,QAAS,CACPC,OADJ,WAEMC,SAASC,KAAKC,MACpB,uBACA,UACA,8CAEI,WAPJ,sKAQA,OACA,oBATA,kBAWA,iBACA,QACA,sCACA,oCAEA,qBAhBA,mFAkBA,sBAlBA,yBAoBA,gBACA,qBACA,eAEA,kBACA,yBACA,gBAEA,mBACA,0BA7BA,iHAgCI,OAhCJ,oEAgCA,GAhCA,yGAiCA,mBAjCA,EAkCA,aAlCA,EAkCA,SAlCA,EAkCA,OAlCA,kBAoCA,iBACA,QACA,sCACA,kCAEA,QACA,sCACA,iDACA,yCAEA,8BA9CA,iEAgDA,qBAhDA,2BAoDA,2BACA,+BACA,qDACA,yBACA,iBACA,+BAEA,mBACA,0BA5DA,oHCxG8V,I,YCO1VC,EAAY,eACd,EACA1C,EACA+B,GACA,EACA,KACA,KACA,MAIa,aAAAW,E,2CClBA,QACbT,KADa,WAEX,MAAO,CACLU,UAAU,EACVjB,KAAM,UAGVW,QAAS,CACPO,SADO,WACI,WACT,IAAI1C,KAAKyC,SAAT,CACAzC,KAAKyC,UAAW,EAChB,IAAIE,EAAI,GACR3C,KAAKwB,KAAO,MAAQmB,EAAI,IACxB,IAAMC,EAAMC,aAAY,WACtBF,GAAQ,EACJA,EAAI,GACNG,cAAcF,GAEhB,EAAKpB,KAAO,MAAQmB,EAAI,IACpB,EAAKnB,KAAO,UACd,EAAKiB,UAAW,EAChB,EAAKjB,KAAO,UAEb","file":"h5/js/chunk-1ee5a18c.0bf77664.js","sourcesContent":["module.exports = __webpack_public_path__ + \"h5/img/login-bg.23312691.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-box\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-7 col-lg-7 col-md-6\"}),_c('div',{staticClass:\"login-wrap acea-row row-center-wrapper col-12 col-xl-5 col-lg-5 col-md-6\"},[_c('b-form',{on:{\"submit\":_vm.submit}},[_c('h2',{staticClass:\"font-26\",domProps:{\"textContent\":_vm._s(_vm.showQrcode ? '扫码登陆' : '手机号登录')}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showQrcode),expression:\"!showQrcode\"}],staticClass:\"field-box\"},[_c('b-form-group',{attrs:{\"label\":\"手机号码:\"}},[_c('b-form-input',{staticClass:\"padding\",attrs:{\"type\":\"text\",\"placeholder\":\"请输入手机号码\"},model:{value:(_vm.field.mobile),callback:function ($$v) {_vm.$set(_vm.field, \"mobile\", $$v)},expression:\"field.mobile\"}})],1),_c('b-form-group',{attrs:{\"label\":\"验证码:\"}},[_c('div',{staticClass:\"flex align-items-center\"},[_c('b-input',{staticClass:\"flex1 padding\",attrs:{\"placeholder\":\"请输入验证码\"},model:{value:(_vm.field.verify),callback:function ($$v) {_vm.$set(_vm.field, \"verify\", $$v)},expression:\"field.verify\"}}),_c('b-button',{staticClass:\"btn-info btn-radius\",on:{\"click\":_vm.getSmsCode}},[_vm._v(_vm._s(_vm.text))])],1)]),_c('b-button',{staticClass:\"btn-block btn-radius font-20\",attrs:{\"type\":\"submit\",\"variant\":\"info\"}},[_vm._v(\"立即登陆\")])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showQrcode),expression:\"showQrcode\"}],staticClass:\"qrcode-box\"},[_c('div',{staticClass:\"qrcode-img\"},[_c('img',{attrs:{\"src\":require(\"@assets/images/wechat.jpg\"),\"alt\":\"微信扫码登录\"}})]),_c('div',{staticClass:\"desc flex\"},[_c('i',{staticClass:\"icon icon-scan\"}),_c('span',{staticClass:\"flex1\"},[_c('p',[_vm._v(\"打开微信扫一扫\")]),_c('p',[_vm._v(\"安全便捷登录\")])])])]),_c('div',{staticClass:\"tab\"},[(!_vm.isMobile)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showQrcode),expression:\"!showQrcode\"}],staticClass:\"item\",on:{\"click\":function($event){_vm.showQrcode = !_vm.showQrcode}}},[_c('i',{staticClass:\"icon icon-qrcode\"}),_c('span',[_vm._v(\"微信扫码登录\")])]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showQrcode),expression:\"showQrcode\"}],staticClass:\"item\",class:_vm.showQrcode ? 'qrcode' : '',on:{\"click\":function($event){_vm.showQrcode = !_vm.showQrcode}}},[_c('span',[_vm._v(\"手机号码登录\")])])])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"login-box\">\r\n    <div class=\"row\">\r\n      <div class=\"col-xl-7 col-lg-7 col-md-6\"></div>\r\n      <div\r\n        class=\"login-wrap acea-row row-center-wrapper col-12 col-xl-5 col-lg-5 col-md-6\"\r\n      >\r\n        <b-form @submit=\"submit\">\r\n          <h2\r\n            class=\"font-26\"\r\n            v-text=\"showQrcode ? '扫码登陆' : '手机号登录'\"\r\n          ></h2>\r\n          <div class=\"field-box\" v-show=\"!showQrcode\">\r\n            <b-form-group label=\"手机号码:\">\r\n              <b-form-input\r\n                v-model=\"field.mobile\"\r\n                type=\"text\"\r\n                placeholder=\"请输入手机号码\"\r\n                class=\"padding\"\r\n              ></b-form-input>\r\n            </b-form-group>\r\n            <b-form-group label=\"验证码:\">\r\n              <div class=\"flex align-items-center\">\r\n                <b-input\r\n                  class=\"flex1 padding\"\r\n                  placeholder=\"请输入验证码\"\r\n                  v-model=\"field.verify\"\r\n                ></b-input>\r\n                <b-button class=\"btn-info btn-radius\" @click=\"getSmsCode\">{{\r\n                  text\r\n                }}</b-button>\r\n              </div>\r\n            </b-form-group>\r\n            <b-button\r\n              type=\"submit\"\r\n              variant=\"info\"\r\n              class=\"btn-block btn-radius font-20\"\r\n              >立即登陆</b-button\r\n            >\r\n          </div>\r\n          <div class=\"qrcode-box\" v-show=\"showQrcode\">\r\n            <div class=\"qrcode-img\">\r\n              <img src=\"@assets/images/wechat.jpg\" alt=\"微信扫码登录\" />\r\n            </div>\r\n            <div class=\"desc flex\">\r\n              <i class=\"icon icon-scan\"></i>\r\n              <span class=\"flex1\">\r\n                <p>打开微信扫一扫</p>\r\n                <p>安全便捷登录</p>\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div class=\"tab\">\r\n            <div\r\n              class=\"item\"\r\n              @click=\"showQrcode = !showQrcode\"\r\n              v-show=\"!showQrcode\"\r\n              v-if=\"!isMobile\"\r\n            >\r\n              <i class=\"icon icon-qrcode\"></i>\r\n              <span>微信扫码登录</span>\r\n            </div>\r\n            <div\r\n              class=\"item\"\r\n              :class=\"showQrcode ? 'qrcode' : ''\"\r\n              @click=\"showQrcode = !showQrcode\"\r\n              v-show=\"showQrcode\"\r\n            >\r\n              <span>手机号码登录</span>\r\n            </div>\r\n          </div>\r\n        </b-form>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport sendVerifyCode from \"@mixins/SendVerifyCode\";\r\nimport attrs, { required, chs_phone, alpha_num } from \"@utils/validate\";\r\nimport { validatorDefaultCatch } from \"@utils/dialog\";\r\nimport dayjs from \"dayjs\";\r\nimport cookie from \"@utils/store/cookie\";\r\nimport { registerVerify, loginMobile } from \"@api/user\";\r\n// import { isMobile } from \"@utils\";\r\nconst BACK_URL = \"login_back_url\";\r\n\r\nexport default {\r\n  name: \"Login\",\r\n  mixins: [sendVerifyCode],\r\n  data() {\r\n    return {\r\n      field: {\r\n        mobile: \"\",\r\n        verify: \"\"\r\n      },\r\n      showQrcode: false,\r\n      isMobile: true //isMobile()\r\n    };\r\n  },\r\n  mounted() {\r\n    // this.$nextTick(() => {\r\n    //   this.initBg();\r\n    // });\r\n  },\r\n  methods: {\r\n    initBg() {\r\n      document.body.style =\r\n        \"background:#fff url(\" +\r\n        require(\"../../assets/images/login-bg.jpg\") +\r\n        \") no-repeat center;background-size: cover;\";\r\n    },\r\n    async getSmsCode() {\r\n      let that = this;\r\n      const { mobile } = this.field;\r\n      try {\r\n        await this.$validator({\r\n          mobile: [\r\n            required(required.message(\"手机号\")),\r\n            chs_phone(chs_phone.message())\r\n          ]\r\n        }).validate({ mobile });\r\n      } catch (e) {\r\n        return validatorDefaultCatch(e);\r\n      }\r\n      await registerVerify({\r\n        phone: that.field.mobile,\r\n        type: \"login\"\r\n      })\r\n        .then(res => {\r\n          that.$dialog.success(res.msg);\r\n          that.sendCode();\r\n        })\r\n        .catch(res => {\r\n          that.$dialog.error(res.msg);\r\n        });\r\n    },\r\n    async submit(evt) {\r\n      evt.preventDefault();\r\n      const { mobile, verify } = this.field;\r\n      try {\r\n        await this.$validator({\r\n          mobile: [\r\n            required(required.message(\"手机号\")),\r\n            chs_phone(chs_phone.message())\r\n          ],\r\n          verify: [\r\n            required(required.message(\"验证码\")),\r\n            attrs.range([6, 16], attrs.range.message(\"验证码\")),\r\n            alpha_num(alpha_num.message(\"验证码\"))\r\n          ]\r\n        }).validate({ mobile, verify });\r\n      } catch (e) {\r\n        validatorDefaultCatch(e);\r\n        return;\r\n      }\r\n\r\n      loginMobile(this.field)\r\n        .then(({ data }) => {\r\n          this.$store.commit(\"LOGIN\", data.token, dayjs(data.expires_time));\r\n          const backUrl = cookie.get(BACK_URL) || \"/\";\r\n          cookie.remove(BACK_URL);\r\n          this.$router.replace({ path: backUrl });\r\n        })\r\n        .catch(e => {\r\n          this.$dialog.error(e.msg);\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\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!./Login.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!./Login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=4c785a04&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export default {\r\n  data() {\r\n    return {\r\n      disabled: false,\r\n      text: \"获取验证码\"\r\n    };\r\n  },\r\n  methods: {\r\n    sendCode() {\r\n      if (this.disabled) return;\r\n      this.disabled = true;\r\n      let n = 60;\r\n      this.text = \"剩余 \" + n + \"s\";\r\n      const run = setInterval(() => {\r\n        n = n - 1;\r\n        if (n < 0) {\r\n          clearInterval(run);\r\n        }\r\n        this.text = \"剩余 \" + n + \"s\";\r\n        if (this.text < \"剩余 \" + 0 + \"s\") {\r\n          this.disabled = false;\r\n          this.text = \"重新获取\";\r\n        }\r\n      }, 1000);\r\n    }\r\n  }\r\n};\r\n"],"sourceRoot":""}