{"version":3,"sources":["webpack:///./src/views/setup/components/bindWechat.vue?ba56","webpack:///./src/views/setup/components/bindWechat.vue","webpack:///./src/views/setup/components/bindWechat.vue?b877"],"names":["store","useStore","props","__props","emits","__emit","isExpire","ref","expireTimer","closeModal","handleOk","type","loginApi","UnbindWeChat","userId","state","account","user","id","then","res","_message","success","getWxQrcode","clearTimeout","value","localStorage","setItem","Date","getTime","s","document","createElement","src","wxElement","body","appendChild","onload","WxLogin","appid","scope","redirect_uri","encodeURIComponent","process","Math","ceil","random","style","href","setTimeout","watch","visible","newVal","oldVal","__exports__"],"mappings":"kHAAA,W,8UCuCA,MAAMA,EAAQC,iBAERC,EAAQC,EACRC,EAAQC,EAERC,EAAWC,kBAAI,GACfC,EAAcD,iBAAI,MAElBE,EAAaA,KACjBL,EAAM,QAAQ,IAGVM,EAAWA,KACXR,EAAMS,MACRC,OACGC,aAAa,GAAI,CAChBC,OAAQd,EAAMe,MAAMC,QAAQC,KAAKC,KAElCC,KAAKC,IACAA,IACFC,OAAQC,QAAQ,QAChBlB,EAAM,QAAQ,OAMlBmB,EAAcA,KAElBC,aAAahB,EAAYiB,OACzBnB,EAASmB,OAAQ,EACjBC,aAAaC,QAAQ,SAAS,IAAIC,MAAOC,WACzC,MAAMC,EAAIC,SAASC,cAAc,UACjCF,EAAEnB,KAAO,kBACTmB,EAAEG,IAAM,gEACR,MAAMC,EAAYH,SAASI,KAAKC,YAAYN,GAC5CI,EAAUG,OAAS,WAEP,IAAIC,QAAQ,CACpBpB,GAAI,WACJqB,MAAO,qBACPC,MAAO,eACPC,aAAcC,mBACZC,yCAEF5B,MAAO6B,KAAKC,KAAqB,IAAhBD,KAAKE,UACtBC,MAAO,QACPC,KAAM,msBAGVxC,EAAYiB,MAAQwB,WAAW,KAC7B3C,EAASmB,OAAQ,GAChB,O,OAGLyB,mBACE,IAAMhD,EAAMiD,QACZ,CAACC,EAAQC,KACHD,IACGlD,EAAMS,MACTY,O,ovCC7FR,MAAM+B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB","file":"js/chunk-37793232.01b2a0bd.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./bindWechat.vue?vue&type=style&index=0&id=ca4bac32&lang=less&scoped=true\"","<template>\n  <div>\n    <a-modal\n      width=\"520px\"\n      :visible=\"visible\"\n      :title=\"type ? '解绑微信' : '绑定微信'\"\n      @ok=\"handleOk\"\n      @cancel=\"closeModal\"\n      :okButtonProps=\"type || { style: { display: 'none' } }\"\n      :okText=\"type ? '确认解绑' : '确认'\"\n      :cancelText=\"type ? '暂不解绑' : '取消'\"\n    >\n      <div class=\"unbind-row\" v-if=\"type\">\n        <span class=\"unbind-text\">\n          解绑微信后你将无法使用微信登录人脉宝盒，你确定要解绑吗?\n        </span>\n      </div>\n      <div class=\"bind-row\" v-else>\n        <span class=\"bind-text\"> 使用微信扫一扫绑定 「人脉宝盒 」 </span>\n        <div class=\"code-contain\">\n          <div id=\"codeArea\"></div>\n          <div class=\"expire-mark\" v-show=\"isExpire\">\n            <span class=\"expire-tip\">二维码已过期</span>\n            <div class=\"expire-btn\" @click=\"getWxQrcode()\">\n              <span>刷新</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </a-modal>\n  </div>\n</template>\n\n<script setup>\nimport { defineProps, defineEmits, ref, onMounted, watch } from 'vue';\nimport { Modal as AModal, message } from 'ant-design-vue';\nimport { useStore } from 'vuex';\nimport loginApi from '@/api/login';\n\nconst store = useStore();\n\nconst props = defineProps({ visible: Boolean, type: Number });\nconst emits = defineEmits(['fnOk']);\n\nconst isExpire = ref(false);\nconst expireTimer = ref(null);\n\nconst closeModal = () => {\n  emits('fnOk', false);\n};\n\nconst handleOk = () => {\n  if (props.type) {\n    loginApi\n      .UnbindWeChat('', {\n        userId: store.state.account.user.id,\n      })\n      .then(res => {\n        if (res) {\n          message.success('解绑成功');\n          emits('fnOk', false);\n        }\n      });\n  }\n};\n\nconst getWxQrcode = () => {\n  console.log(process.env.VUE_APP_QRCODE_ADDRESS);\n  clearTimeout(expireTimer.value);\n  isExpire.value = false;\n  localStorage.setItem('ctime', new Date().getTime());\n  const s = document.createElement('script');\n  s.type = 'text/javascript';\n  s.src = 'https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js';\n  const wxElement = document.body.appendChild(s);\n  wxElement.onload = function () {\n    // eslint-disable-next-line no-undef\n    var obj = new WxLogin({\n      id: 'codeArea', // 需要显示的容器id\n      appid: 'wx1a4ffc2f87b353f5', // 公众号appid wx*******\n      scope: 'snsapi_login', // 网页默认即可\n      redirect_uri: encodeURIComponent(\n        process.env.VUE_APP_QRCODE_ADDRESS + '/#/bindGetCode'\n      ), // 授权成功后回调的url\n      state: Math.ceil(Math.random() * 1000), // 可设置为简单的随机数加session用来校验\n      style: 'white', // 提供\"black\"、\"white\"可选。二维码的样式\n      href: 'data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDEwOHB4O21hcmdpbi10b3A6MDt9Ci5pbXBvd2VyQm94IHt3aWR0aDoxMDhweDtsaW5lLWhlaWdodDowO30KLmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lO30KLmltcG93ZXJCb3ggLmluZm8ge3dpZHRoOiAxMDhweDt9Ci5zdGF0dXNfaWNvbiB7ZGlzcGxheTogbm9uZX0KLmltcG93ZXJCb3ggLnN0YXR1cyB7dGV4dC1hbGlnbjogY2VudGVyO30gCi53YWl0aW5ne3Bvc2l0aW9uOnJlYWx0aXZlfQouc3RhdHVzX3N1Y2N7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTtwYWRkaW5nOjAgIWltcG9ydGFudDtkaXNwbGF5OmZsZXg7YWxpZ24taXRlbXM6Y2VudGVyO2p1c3RpZnktY29udGVudDogY2VudGVyO3Bvc2l0aW9uOmFic29sdXRlO3RvcDo1MCU7bGVmdDo1MCU7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtNTAlLC01MCUpO2JhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC42KTt9Ci5pbXBvd2VyQm94IC5zdGF0dXNfdHh0e2Rpc3BsYXk6bm9uZX0=', // 外部css文件url，需要https\n    });\n  };\n  expireTimer.value = setTimeout(() => {\n    isExpire.value = true;\n  }, 120000);\n};\n\nwatch(\n  () => props.visible,\n  (newVal, oldVal) => {\n    if (newVal) {\n      if (!props.type) {\n        getWxQrcode();\n      }\n    }\n  }\n);\n</script>\n\n<style lang=\"less\" scoped>\n.unbind-row,\n.bind-row {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 16px 0 40px;\n  box-sizing: border-box;\n}\n\n.unbind-text {\n  width: 360px;\n  margin: 0 auto;\n  display: inline-block;\n  color: #3d3d3d;\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 32px;\n  text-align: center;\n}\n\n.bind-text {\n  width: 144px;\n  margin: 0 auto;\n  display: inline-block;\n  color: #3d3d3d;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 32px;\n  text-align: center;\n}\n\n.code-contain {\n  width: 116px;\n  height: 116px;\n  margin: 15px auto 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  background: url('../../../assets/images/login/code-contain-back.png');\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  position: relative;\n\n  .expire-mark {\n    width: 112px;\n    height: 112px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.6);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 3;\n    gap: 10px;\n\n    .expire-tip {\n      color: #ffffff;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 18px;\n    }\n\n    .expire-btn {\n      padding: 8px 32px;\n      box-sizing: border-box;\n      border: 1px solid #ffffff;\n      border-radius: 5px;\n      cursor: pointer;\n\n      span {\n        color: #ffffff;\n        font-size: 12px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  #codeArea {\n    width: 112px;\n    height: 112px;\n  }\n}\n</style>\n","import script from \"./bindWechat.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./bindWechat.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./bindWechat.vue?vue&type=style&index=0&id=ca4bac32&lang=less&scoped=true\"\n\nimport exportComponent from \"/app/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ca4bac32\"]])\n\nexport default __exports__"],"sourceRoot":""}