{"version":3,"sources":["webpack:///./src/x3/vue/comp/drag-verify.vue?251b","webpack:///./src/app/simple/views/parent/login/login.vue?0e26","webpack:///./src/x3/vue/comp/drag-verify.vue?66a9","webpack:///src/x3/vue/comp/drag-verify.vue","webpack:///./src/x3/vue/comp/drag-verify.vue?d8c5","webpack:///./src/x3/vue/comp/drag-verify.vue","webpack:///./src/app/simple/views/parent/login/login.vue?3140","webpack:///src/app/simple/views/parent/login/login.vue","webpack:///./src/app/simple/views/parent/login/login.vue?2d65","webpack:///./src/app/simple/views/parent/login/login.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","success","confirmSuccess","ref","_v","_s","confirmWords","staticStyle","on","$event","mousedownFn","attrs","_e","staticRenderFns","data","beginClientX","mouseMoveStata","maxwidth","isMobile","app","base","isIDevice","methods","e","preventDefault","getClientX","addEvListener","successFunction","document","getElementsByClassName","style","color","left","width","$emit","mouseMoveFn","moseUpFn","removeExListener","changedTouches","clientX","getElementsByTagName","addEventListener","removeEventListener","mounted","$refs","dragDiv","clientWidth","moveDiv","component","doLogin","directives","name","rawName","value","expression","domProps","target","composing","phone","verifyCode","countDownFinish","getCodeVerify","getCodedStatus","pcode","scopedSlots","_u","key","fn","humanVerified","proxy","model","callback","$$v","showHumanVerificationDialog","components","dragVerify","pageTitle","companyId","query","showGetCodeCountDown","redirect","decodeURIComponent","$route","wxOpenId","thirdAppId","telVerifyHandle","test","$toast","delayCloseDialog","setTimeout","doGetCode","vant","Toast","loading","message","forbidClick","loadingType","overlay","duration","$api"],"mappings":"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","file":"static/js/chunk-e9930aaa.6c745a1d.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./drag-verify.vue?vue&type=style&index=0&id=5cc82db5&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=style&index=0&id=efa542d8&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"drag-wrrapper\",class:{success: _vm.confirmSuccess}},[_c('div',{ref:\"dragDiv\",staticClass:\"drag\"},[_c('div',{staticClass:\"drag_bg\"}),_c('div',{staticClass:\"drag_text\"},[_vm._v(_vm._s(_vm.confirmWords))]),_c('div',{ref:\"moveDiv\",staticClass:\"handler\",staticStyle:{\"position\":\"absolute\",\"top\":\"0px\",\"left\":\"0px\"},on:{\"touchstart\":function($event){return _vm.mousedownFn($event)},\"mousedown\":function($event){return _vm.mousedownFn($event)}}},[(_vm.confirmSuccess)?_c('van-icon',{attrs:{\"name\":\"success\",\"color\":\"#07c160\",\"size\":\"32\"}}):_vm._e()],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"drag-wrrapper\" :class=\"{success: confirmSuccess}\">\n      <div class=\"drag\" ref=\"dragDiv\" >\n        <div class=\"drag_bg\"></div>\n        <div class=\"drag_text\">{{confirmWords}}</div>\n        <div \n          ref=\"moveDiv\" \n          @touchstart=\"mousedownFn($event)\" \n          @mousedown=\"mousedownFn($event)\" \n          class=\"handler\" \n          style=\"position: absolute;top: 0px;left: 0px;\">\n          <van-icon v-if=\"confirmSuccess\" name=\"success\" color=\"#07c160\" size=\"32\" />\n        </div>\n      </div>\n    </div>\n</template>\n\n<script>\nexport default {\n  data(){\n    return {\n      beginClientX: 0,              /*距离屏幕左端距离*/\n      mouseMoveStata: false,        /*触发拖动状态  判断*/\n      maxwidth: '',                 /*拖动最大宽度，依据滑块宽度算出来的*/\n      confirmWords: '拖动滑块验证',  /*滑块文字*/\n      confirmSuccess: false,         /*验证成功判断*/\n      isMobile: app.base.isMobile || app.base.isIDevice\n    }\n  },\n  methods: {\n    //mousedown 事件 \n    // 开始监听move或者touchstart事件\n    mousedownFn (e) {\n      if(!this.confirmSuccess){\n        e.preventDefault && e.preventDefault();   //阻止文字选中等 浏览器默认事件\n        this.mouseMoveStata = true;\n        this.beginClientX = this.getClientX(e);\n        this.addEvListener();\n      }\n    }, \n    //验证成功函数       \n    successFunction(){\n      // 已经成功过，直接退出\n      if (this.confirmSuccess) return false;\n      this.confirmSuccess = true\n      this.confirmWords = '验证通过';\n      if(window.addEventListener){\n          document.getElementsByTagName('html')[0].removeEventListener('touchmove',this.mouseMoveFn);\n          document.getElementsByTagName('html')[0].removeEventListener('touchend',this.moseUpFn);\n      }else {\n          document.getElementsByTagName('html')[0].removeEventListener('touchend',()=>{});\n      }\n      document.getElementsByClassName('drag_text')[0].style.color = '#fff'\n      document.getElementsByClassName('handler')[0].style.left = this.maxwidth + 'px';\n      document.getElementsByClassName('drag_bg')[0].style.width = this.maxwidth + 'px';\n      this.$emit('success');\n    },    \n    //mousemove事件            \n    mouseMoveFn(e){\n      if(this.mouseMoveStata){\n        let width = this.getClientX(e)  - this.beginClientX;\n        if(width>0 && width<=this.maxwidth){\n            document.getElementsByClassName('handler')[0].style.left = width + 'px';\n            document.getElementsByClassName('drag_bg')[0].style.width = width + 'px';\n        }else if(width>this.maxwidth){\n            this.successFunction();\n        }\n      }\n    }, \n    //mouseup事件                  \n    moseUpFn(e){\n      this.mouseMoveStata = false;\n      var width = this.getClientX(e) - this.beginClientX;\n      if(width<this.maxwidth){\n        document.getElementsByClassName('handler')[0].style.left = 0 + 'px';\n        document.getElementsByClassName('drag_bg')[0].style.width = 0 + 'px';\n      }\n      this.removeExListener();\n    },\n    getClientX (e) {\n      return this.isMobile ? e.changedTouches[0].clientX : e.clientX;\n    },\n    addEvListener () {\n      if (this.isMobile) {\n        document.getElementsByTagName('html')[0].addEventListener('touchmove',this.mouseMoveFn);\n        document.getElementsByTagName('html')[0].addEventListener('touchend',this.moseUpFn);\n      } else {\n        document.getElementsByTagName('html')[0].addEventListener('mousemove',this.mouseMoveFn);\n        document.getElementsByTagName('html')[0].addEventListener('mouseup',this.moseUpFn);\n      }\n    },\n    removeExListener () {\n      if (this.isMobile) {\n        document.getElementsByTagName('html')[0].removeEventListener('touchmove',this.mouseMoveFn);\n        document.getElementsByTagName('html')[0].removeEventListener('touchend',this.moseUpFn);\n      } else {\n        document.getElementsByTagName('html')[0].removeEventListener('mousemove',this.mouseMoveFn);\n        document.getElementsByTagName('html')[0].removeEventListener('mouseup',this.moseUpFn);\n      }   \n    }              \n  },\n  mounted(){\n    this.maxwidth = this.$refs.dragDiv.clientWidth - this.$refs.moveDiv.clientWidth;\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.drag-wrrapper{\n  position: relative;\n  background-color: var(--g2);\n  border: 1px solid var(--g3);\n  width: 100%;\n  height: 50px;\n  border-radius: 4px;\n  text-align: center;  \n  color: var(--g7);\n  font-size: var(--fs-lg);\n  overflow: hidden;\n  &.success{\n    background-color: var(--c1);\n  }\n}\n.drag{\n  height: 100%;\n  line-height: 48px;\n}\n.handler{\n  display: flex;\n  height: 48px;\n  width: 50px;\n  background-color: var(--g2);\n  &::before{\n    margin: 0 1px;\n    position: absolute;\n    content: \"\";\n    width: 46px;\n    height: 46px;\n    border: 1px solid var(--g3);  \n    border-radius: 2px;\n    cursor: move;\n    align-items: center;\n    justify-content: center;\n    background: #fff;\n    z-index: 0;\n  }\n  .van-icon-success{\n    position: absolute;\n    margin: auto;\n    top:0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n  }\n\n}\n.drag_bg{\n  // background-color: var(--c1);\n  background-color: #8070F5;\n  height: 100%;\n  width: 0px;\n}\n.drag_text{\n  position: absolute;\n  top: 0px;\n  width: 100%;text-align: center;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n  -o-user-select: none;\n  -ms-user-select: none;\n}\n</style>","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!./drag-verify.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!./drag-verify.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./drag-verify.vue?vue&type=template&id=5cc82db5&scoped=true&\"\nimport script from \"./drag-verify.vue?vue&type=script&lang=js&\"\nexport * from \"./drag-verify.vue?vue&type=script&lang=js&\"\nimport style0 from \"./drag-verify.vue?vue&type=style&index=0&id=5cc82db5&lang=scss&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  \"5cc82db5\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"yunxiao parent login\"},[_c('h2',{staticClass:\"title\"},[_vm._v(\"欢迎使用小云爱学\")]),_c('p',{staticClass:\"slogan\"},[_vm._v(\"随时随地，学员情况全掌握\")]),_c('form',{attrs:{\"method\":\"post\",\"action\":\"\",\"autocomplete\":\"off\",\"autocorrect\":\"off\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.doLogin($event)}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phone),expression:\"phone\"}],staticClass:\"input-line\",attrs:{\"type\":\"tel\",\"placeholder\":\"请输入手机号码\",\"maxlength\":\"11\"},domProps:{\"value\":(_vm.phone)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phone=$event.target.value}}}),_c('div',{staticClass:\"input-line cord-input-line\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.verifyCode),expression:\"verifyCode\"}],ref:\"codeInput\",attrs:{\"type\":\"tel\",\"maxlength\":\"4\",\"placeholder\":\"请输入验证码\"},domProps:{\"value\":(_vm.verifyCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.verifyCode=$event.target.value}}}),_c('p',{staticClass:\"reget-code\"},[(_vm.showGetCodeCountDown)?_c('van-count-down',{ref:\"getCodeCountDown\",attrs:{\"millisecond\":\"\",\"time\":60 * 1000,\"auto-start\":\"\",\"format\":\"重新获取(ss)\"},on:{\"finish\":_vm.countDownFinish}}):_c('span',{on:{\"click\":_vm.getCodeVerify}},[_vm._v(\"\\n          \"+_vm._s(_vm.getCodedStatus === 'never' ? '获取验证码' : '重新获取')+\"\\n        \")])],1)]),(_vm.pcode)?_c('span',[_vm._v(_vm._s(_vm.pcode))]):_vm._e(),_c('van-button',{staticClass:\"confirm-btn\",attrs:{\"disabled\":!_vm.phone,\"square\":\"\",\"round\":\"\",\"type\":\"primary\",\"block\":\"\",\"native-type\":\"submit\"}},[_vm._v(\"\\n      登 录\\n    \")]),_c('div',{staticClass:\"tips\"},[_vm._v(\"新用户使用手机号码验证登录即注册小云爱学\")])],1),_c('van-dialog',{attrs:{\"show-confirm-button\":false,\"show-cancel-button\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('div',{staticClass:\"humanverification-dialog-content\"},[(_vm.showHumanVerificationDialog)?_c('dragVerify',{on:{\"success\":_vm.humanVerified}}):_vm._e()],1)]},proxy:true}]),model:{value:(_vm.showHumanVerificationDialog),callback:function ($$v) {_vm.showHumanVerificationDialog=$$v},expression:\"showHumanVerificationDialog\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"yunxiao parent login\">\n    <h2 class=\"title\">欢迎使用小云爱学</h2>\n    <p class=\"slogan\">随时随地，学员情况全掌握</p>\n    <form @submit.prevent=\"doLogin\" method=\"post\" action=\"\" autocomplete=\"off\" autocorrect=\"off\">\n      <input\n        class=\"input-line\"\n        type=\"tel\"\n        placeholder=\"请输入手机号码\"\n        v-model=\"phone\"\n        maxlength=\"11\"\n      />\n      <div class=\"input-line cord-input-line\">\n        <input\n          type=\"tel\"\n          ref=\"codeInput\"\n          maxlength=\"4\"\n          v-model=\"verifyCode\"\n          placeholder=\"请输入验证码\"\n        />\n        <p class=\"reget-code\">\n          <van-count-down\n            ref=\"getCodeCountDown\"\n            millisecond\n            v-if=\"showGetCodeCountDown\"\n            :time=\"60 * 1000\"\n            auto-start\n            format=\"重新获取(ss)\"\n            @finish=\"countDownFinish\"\n          />\n          <span v-else @click=\"getCodeVerify\">\n            {{ getCodedStatus === 'never' ? '获取验证码' : '重新获取' }}\n          </span>\n        </p>\n      </div>\n      <span v-if=\"pcode\">{{ pcode }}</span>\n      <van-button\n        :disabled=\"!phone\"\n        square round\n        class=\"confirm-btn\"\n        type=\"primary\"\n        block\n        native-type=\"submit\"\n      >\n        登 录\n      </van-button>\n      <div class=\"tips\">新用户使用手机号码验证登录即注册小云爱学</div>\n    </form>\n    <van-dialog\n      v-model=\"showHumanVerificationDialog\"\n      :show-confirm-button=\"false\"\n      show-cancel-button\n    >\n      <template #default>\n        <div class=\"humanverification-dialog-content\">\n          <dragVerify v-if=\"showHumanVerificationDialog\" @success=\"humanVerified\" />\n        </div>\n      </template>\n    </van-dialog>\n  </div>\n</template>\n<script>\nimport dragVerify from '@x3/vue/comp/drag-verify.vue';\n\nexport default {\n  components: {\n    dragVerify,\n  },\n  name: 'parentLogin',\n  data() {\n    let query = app.tool.parseQuery();\n    return {\n      pageTitle: '小云爱学',\n      companyId: query.companyId,\n\n      phone: '',\n      pcode: '',\n      verifyCode: '',\n      showGetCodeCountDown: false,\n      showHumanVerificationDialog: false,\n      // 获取验证码状态，never从未获取，once 获取过一次\n      getCodedStatus: 'never',\n\n      // 传入的需重定向的地址\n      redirect: decodeURIComponent(this.$route.query.redirect || ''),\n      wxOpenId: this.$route.query.wxOpenId,\n      thirdAppId: this.$route.query.thirdAppId,\n    };\n  },\n  methods: {\n    // 验证手机号码是否正确\n    telVerifyHandle(phone) {\n      // if (!/^1[3456789]\\d{9}$/.test(this.phone)) {\n      //   this.$toast('请输入正确的手机号码');\n      //   return false;\n      // }\n      if (!/^\\d{11}$/.test(this.phone)) {\n        this.$toast('请输入正确的手机号码');\n        return false;\n      }\n      return true;\n    },\n    humanVerified() {\n      // 延迟关闭滑块框，避免成功后马上就会关闭弹窗\n      this.delayCloseDialog = setTimeout(() => {\n        this.showHumanVerificationDialog = false;\n      }, 1000);\n      this.doGetCode();\n    },\n    doGetCode() {\n      vant.Toast.loading({\n        message: '加载中...',\n        forbidClick: true,\n        loadingType: 'spinner',\n        overlay: true,\n        duration: 0,\n      });\n      this.$api\n        .codeSms({\n          phone: this.phone,\n        })\n        .then(res => {\n          if (res.code === 200) {\n            this.$toast.success('发送成功');\n            // 发送成功，重新倒计时(考虑重新获取)\n            this.showGetCodeCountDown = true;\n            this.$refs.codeInput.focus();\n            this.pcode = res.data;\n          }\n          if (res.code > 60000) {\n            this.$toast.fail(res.msg);\n          }\n        });\n    },\n    getCodeVerify() {\n      if (this.telVerifyHandle(this.phone)) {\n        this.showHumanVerificationDialog = true;\n      }\n    },\n    // 倒计时完成，获取验证码设置为可用\n    countDownFinish() {\n      this.showGetCodeCountDown = false;\n    },\n    // 登录\n    doLogin() {\n      const { verifyCode, phone } = this;\n      let notify = this.$toast.loading({\n        message: '登录中...',\n        duration: 0,\n        forbidClick: true,\n      });\n      this.$api\n        .parentLogin({\n          companyId: this.companyId,\n          verifyCode: verifyCode,\n          phone: phone,\n          wxOpenId: this.wxOpenId,\n          thirdAppId: this.thirdAppId,\n        })\n        .then(res => {\n          notify.clear();\n          if (res.code === 200) {\n            // 保存token\n            app.ls.set('x3-parent-token', res.data.token);\n\n            // url带了跳转到登录页面的URL地址，刚跳转到该页\n            if (this.redirect) {\n              // 将redirect解析\n              let parse_url =\n                /^(?:([A-Za-z]+):)?(\\/+)([\\d-.\\-A-Za-z]+)(?::(\\d+)?)?(?:\\/([^?#]*))?(?:\\?([^#]*))?(?:#(.*))?/;\n              let url = this.redirect;\n              let result = parse_url.exec(url);\n              let names = ['url', 'scheme', 'slash', 'host', 'port', 'path', 'query', 'hash'];\n              let urlObj = {};\n              for (var i = 0; i < names.length; i++) {\n                urlObj[names[i]] = result[i];\n              }\n\n              // 将query参数的companyId重新拼装；\n              let query = app.tool.parseQuery(urlObj.query);\n              query.companyId = res.data.companyId;\n              let search = app.tool.jsonToQueryStr(query);\n              let { scheme, slash, host, path } = urlObj;\n              let redirectUrl = [\n                scheme,\n                ':',\n                slash,\n                host,\n                urlObj.port ? ':' + urlObj.port + '/' : '/',\n                path,\n                search,\n                urlObj.hash ? '#' + urlObj.hash : '',\n              ].join('');\n              location.replace(redirectUrl);\n            } else {\n              let query = app.tool.parseQuery();\n              query.companyId = res.data.companyId;\n              let search = app.tool.jsonToQueryStr(query);\n              // 跳转到家长端首页\n              location.replace(`${location.origin}/app/parent${search}`);\n            }\n          } else if (res.msg) {\n            this.$toast.fail(res.msg);\n          }\n        })\n        .catch(err => {\n          console.log('登录接口出错', err);\n          notify.clear();\n        });\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.yunxiao.parent.login {\n  height: 100%;\n  min-height: 550px;\n  padding: 50px 30px 0;\n  overflow: hidden;\n  color: var(--g8);\n  font-size: var(--fs-md);\n  overflow: hidden;\n  background: var(--white) url(https://cdn01.xiaogj.com/uploads/x3/assets/m/img/simple/00001.png)\n    left bottom/100% auto no-repeat;\n  h2.title {\n    margin: 0 0 4px;\n    height: 33px;\n    line-height: 33px;\n    font-size: 24px;\n    color: var(--g8);\n  }\n  p.slogan {\n    margin: 0;\n    line-height: var(--lh-md);\n    font-size: var(--fs-md);\n    color: var(--g6);\n  }\n  > form {\n    margin-top: 24px;\n    input {\n      padding: 0;\n      box-sizing: border-box;\n      width: 100%;\n      height: 100%;\n      color: var(--black);\n      box-shadow: unset;\n      border: unset;\n      line-height: 1;\n      font-size: var(--fs-lg);\n      background: transparent;\n      outline: unset;\n      &::placeholder {\n        color: var(--g5);\n        padding-top: 3px;\n      }\n    }\n    .input-line {\n      margin-bottom: 16px;\n      display: flex;\n      height: 46px;\n      border-bottom: 1px solid var(--g3);\n    }\n    .cord-input-line {\n      display: flex;\n      align-items: center;\n      .reget-code {\n        box-sizing: border-box;\n        margin: 0;\n        min-width: 90px;\n        height: 22px;\n        border-left: 1px solid var(--g3);\n        white-space: nowrap;\n        padding-left: 8px;\n        font-size: var(--fs-lg);\n        line-height: var(--lh-lg);\n        color: var(--c1);\n      }\n    }\n    .van-count-down {\n      color: var(--g5);\n    }\n    > button {\n      margin-top: 50px;\n      background-color: var(--c5);\n      border-color: var(--c5);\n    }\n  }\n  .humanverification-dialog-content {\n    padding: 32px 16px;\n  }\n  .tips {\n    padding: calc(var(--gap) * 16);\n    font-size: var(--fs-sm);\n    line-height: var(--lh-sm);\n    color: var(--g6);\n  }\n}\n</style>","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=efa542d8&scoped=true&\"\nimport script from \"./login.vue?vue&type=script&lang=js&\"\nexport * from \"./login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./login.vue?vue&type=style&index=0&id=efa542d8&lang=scss&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  \"efa542d8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}