{"version":3,"sources":["webpack:///./src/app/teacher/views/base/recruits-code/bg1.png","webpack:///./src/app/teacher/views/base/recruits-code/recruits-code-page.vue?07e5","webpack:///src/app/teacher/views/base/recruits-code/recruits-code-page.vue","webpack:///./src/app/teacher/views/base/recruits-code/recruits-code-page.vue?2a65","webpack:///./src/app/teacher/views/base/recruits-code/recruits-code-page.vue","webpack:///./src/app/teacher/views/base/recruits-code/recruits-code-page.vue?52e1"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","staticStyle","bg","_m","qrcodeImgSrc","qrcodeImgSrc1","_e","_v","app","permission","op","on","$event","$router","push","name","params","src","staticRenderFns","data","pageTitle","img","urlAgr","url","computed","methods","mounted","getQrCodeImg","created","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,+B,oECA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACG,IAAI,aAAaD,YAAY,+BAA+BE,MAAM,CAAC,GAAK,YAAY,CAACJ,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,QAAQD,MAAM,CAAC,IAAMR,EAAIU,MAAMN,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACN,EAAIW,GAAG,GAAGP,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMR,EAAIY,wBAAwBR,EAAG,MAAM,CAACK,YAAY,CAAC,SAAW,aAAa,CAAET,EAAiB,cAAEI,EAAG,MAAM,CAACE,YAAY,SAASE,MAAM,CAAC,IAAMR,EAAIa,iBAAiBb,EAAIc,KAAKV,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIe,GAAG,mBAAmBX,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIe,GAAG,UAAUX,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIe,GAAG,6EAA8Ef,EAAIgB,IAAIC,WAAWC,GAAG,qBAAsBd,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,aAAaU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,QAAQC,KAAK,CAC1+BC,KAAM,oBACF,CAACvB,EAAIe,GAAG,oBAAoBX,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,aAAaU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,QAAQC,KAAK,CAClIC,KAAM,YACNC,OAAQ,CACNC,IAAK,8DAEH,CAACzB,EAAIe,GAAG,uBAAuBX,EAAG,MAAM,CAACG,IAAI,SAASD,YAAY,wBAC9EoB,EAAkB,CAAC,WAAa,IAAI1B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIe,GAAG,SAASX,EAAG,MAAMJ,EAAIe,GAAG,c,8qBC2CnL,gBAGA,GACEQ,KAAM,mBACNI,KAFF,WAGI,MAAO,CACLC,UAAW,QACXC,IAAK,GACLnB,GAAN,EACME,aAAc,GACdC,cAAe,GACfiB,OAAQ,GACRC,IAAK,KAGTC,SAAU,EAAZ,GACA,6BAEEC,QAAS,CACP,aADJ,mLAEA,mBAGA,6BACA,IACA,KAPA,SAUA,uBAVA,cAUA,EAVA,OAWA,kCAXA,SAYA,mDAZA,OAcA,qCAEA,sCACA,+BACA,oBACA,KAEA,2CAEA,iEACA,gDACA,aACA,kBACA,+BAEA,qBACA,oBACA,uBA/BA,0GAoCEC,QApDF,WAqDIjC,KAAKkC,gBAEPC,QAvDF,WAwDInC,KAAK6B,OAAS,aAAlB,uEACI7B,KAAK8B,IAAM,GAAf,sGC/GwZ,I,wBCQpZM,EAAY,eACd,EACAtC,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,2CCnBf","file":"static/js/chunk-7cc755e9.3987178d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/bg1.e7055bcb.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"recruits-code-page\"},[_c('div',{ref:\"showBoxRef\",staticClass:\"box-wrapper qrcode-container\",attrs:{\"id\":\"showBox\"}},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.bg}}),_c('div',{staticClass:\"show-box-wrap\"},[_c('div',{staticClass:\"show-box\"},[_vm._m(0),_c('div',{staticClass:\"show-box-img\"},[_c('img',{attrs:{\"src\":_vm.qrcodeImgSrc}})])])])]),_c('div',{staticStyle:{\"position\":\"relative\"}},[(_vm.qrcodeImgSrc1)?_c('img',{staticClass:\"haibao\",attrs:{\"src\":_vm.qrcodeImgSrc1}}):_vm._e(),_c('div',{staticClass:\"info\"},[_vm._v(\"# 长按保存二维码 #\")])]),_c('div',{staticClass:\"use-tips\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"使用提示\")]),_c('div',{staticClass:\"desc\"},[_vm._v(\"\\n      可将你的招生二维码打印、发送或直接展示给家长，家长扫码并填写资料后，系统会自动生成你的招生意向，方便后续进行跟进。\\n      \"),(_vm.app.permission.op('recruits_clue_add'))?_c('span',{staticStyle:{\"color\":\"var(--c1)\"},on:{\"click\":function($event){return _vm.$router.push({\n            name: 'recruitsCode',\n          })}}},[_vm._v(\"配置机构信息和扫码录入信息。\")]):_c('span',{staticStyle:{\"color\":\"var(--c1)\"},on:{\"click\":function($event){return _vm.$router.push({\n            name: 'help-page',\n            params: {\n              src: 'https://bangzhu.xiaogj.com/yxhelp-list/detail-85.html',\n            },\n          })}}},[_vm._v(\"如何配置扫码后填写的信息？\")])])]),_c('div',{ref:\"qrcode\",staticClass:\"qrcode-container\"})])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"show-box-title\"},[_vm._v(\"微信扫一扫\"),_c('br'),_vm._v(\"录入学员信息\")])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"recruits-code-page\">\n    <div class=\"box-wrapper qrcode-container\" ref=\"showBoxRef\" id=\"showBox\">\n      <img :src=\"bg\" style=\"width: 100%;\"/>\n      <div class=\"show-box-wrap\">\n        <div class=\"show-box\">\n          <div class=\"show-box-title\">微信扫一扫<br />录入学员信息</div>\n          <div class=\"show-box-img\">\n            <img :src=\"qrcodeImgSrc\" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div style=\"position: relative\">\n      <img :src=\"qrcodeImgSrc1\" v-if=\"qrcodeImgSrc1\" class=\"haibao\"/>\n      <div class=\"info\"># 长按保存二维码 #</div>\n    </div>\n    <div class=\"use-tips\">\n      <div class=\"title\">使用提示</div>\n      <div class=\"desc\">\n        可将你的招生二维码打印、发送或直接展示给家长，家长扫码并填写资料后，系统会自动生成你的招生意向，方便后续进行跟进。\n        <span\n          v-if=\"app.permission.op('recruits_clue_add')\"\n          style=\"color: var(--c1)\"\n          @click=\"\n            $router.push({\n              name: 'recruitsCode',\n            })\n          \"\n          >配置机构信息和扫码录入信息。</span\n        >\n        <span\n          v-else\n          style=\"color: var(--c1)\"\n          @click=\"\n            $router.push({\n              name: 'help-page',\n              params: {\n                src: 'https://bangzhu.xiaogj.com/yxhelp-list/detail-85.html',\n              },\n            })\n          \"\n          >如何配置扫码后填写的信息？</span\n        >\n      </div>\n    </div>\n    <div ref=\"qrcode\" class=\"qrcode-container\"></div>\n  </div>\n</template>\n\n<script>\nconst bg = require('./bg1.png');\nimport { getHtml2canvas } from \"@mlib/js/get-libs/index.js\";\n\nexport default {\n  name: 'recruitsCodePage',\n  data() {\n    return {\n      pageTitle: '招生二维码',\n      img: '',\n      bg,\n      qrcodeImgSrc: '',\n      qrcodeImgSrc1: '',\n      urlAgr: '',\n      url: '',\n    };\n  },\n  computed: {\n    ...Vuex.mapState(['userInfo']),\n  },\n  methods: {\n    async getQrCodeImg() {\n      this.showLoading();\n      let _rsv,\n        _rej,\n        _pro = new Promise((resolve, reject) => {\n          _rsv = resolve;\n          _rej = reject;\n        });\n\n      const QRCode = await app.libs.getQrCodeJs();\n      new QRCode(this.$refs.qrcode, this.url);\n      await new Promise(rsv => setTimeout(rsv, 0));\n\n      const qrcodeImg = this.$refs.qrcode.lastElementChild;\n      // 安卓下有bug,不会设置src\n      const cvs = this.$refs.qrcode.firstElementChild;\n      qrcodeImg.src = cvs.toDataURL('image/png');\n      qrcodeImg.onload = () => {\n        _rsv();\n      }\n      this.qrcodeImgSrc = cvs.toDataURL('image/png');\n\n      Promise.all([_pro, getHtml2canvas()]).then(res=> {\n        html2canvas(document.querySelector('#showBox'), {\n          useCORS: true\n        }).then(canvas => {\n          const imgURL = canvas.toDataURL('image/png')\n          // console.log(imgURL)\n          this.qrcodeImgSrc1 = imgURL;\n        }).finally(()=> {\n          this.$toast.clear();\n        })\n      })\n    },\n  },\n  mounted() {\n    this.getQrCodeImg();\n  },\n  created() { \n    this.urlAgr = `teacherId=${this.userInfo.id}&companyId=${this.userInfo.companyId}`;\n    this.url = `${location.origin}/app/simple${location.search}#/recruitsForm?${this.urlAgr}`;\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.recruits-code-page {\n  // padding: 12px 16px;\n  .box-wrapper {\n    background-color: #f7f8fa;\n    .show-box-wrap {\n      background-color: #f7f8fa;\n      margin-top: -100px;\n      margin-left: 16px;\n      margin-right: 16px;\n      z-index: 100;\n      position: relative;\n      border-radius: var(--radius-md);\n      .show-box {\n        padding-bottom: calc(var(--gap) * 52);\n        border-radius: var(--radius-md);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        font-size: var(--fs-lg);\n        line-height: var(--lh-lg);\n        background-color: var(--white);\n        \n        .show-box-title {\n          padding: calc(var(--gap) * 20) 0;\n          font-weight: 500;\n          text-align: center;\n        }\n        .show-box-img {\n          border: calc(var(--gap) * 8) solid #f9f9f9;\n          border-radius: var(--radius-md);\n          img {\n            width: calc(var(--gap) * 209);\n            height: calc(var(--gap) * 209);\n          }\n        }\n      }\n    }\n  }\n  .haibao {\n    width: 100%;\n  }\n  .use-tips {\n    padding: calc(var(--gap) * 12) calc(var(--gap) * 32) calc(var(--gap) * 32) calc(var(--gap) * 32);\n  }\n  .title {\n    font-size:var(--fs-lg);\n    line-height:var(--lh-lg);\n    color: var(--g8);\n  }\n  .desc {\n    margin-top: 8px;\n    font-size:var(--fs-sm);\n    line-height:var(--lh-sm);\n    color: var(--g6);\n  }\n  .info {\n    font-size: var(--fs-md);\n    line-height: var(--lh-md);\n    color: var(--g6);\n    position: absolute;\n    bottom: 20px;\n    left: 0;\n    width: 100%;\n    text-align: center;\n  }\n  .qrcode-container {\n    transform: translate3d(-10000px, -10000px, -1px);\n    position: absolute;\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!./recruits-code-page.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!./recruits-code-page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./recruits-code-page.vue?vue&type=template&id=f98a0a3e&scoped=true&\"\nimport script from \"./recruits-code-page.vue?vue&type=script&lang=js&\"\nexport * from \"./recruits-code-page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./recruits-code-page.vue?vue&type=style&index=0&id=f98a0a3e&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  \"f98a0a3e\",\n  null\n  \n)\n\nexport default component.exports","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!./recruits-code-page.vue?vue&type=style&index=0&id=f98a0a3e&lang=scss&scoped=true&\""],"sourceRoot":""}