{"version":3,"sources":["webpack:///./src/views/personalcenter/confirmation/index.vue","webpack:///./src/views/personalcenter/confirmation/index.vue?f57d","webpack:///./src/views/personalcenter/confirmation/index.vue?5b58"],"names":["imageWrapper","ref","$event","inject","html","loading","pageConfig","fetchData","async","value","ret","data","confirmation","onMounted","getPageConfig","handleSaveImage","clientWidth","offsetWidth","clientHeight","offsetHeight","kh","html2canvas","useCORS","logging","then","cvs","dataURL","toDataURL","canvas","document","createElement","ctx","getContext","img","Image","crossOrigin","src","onload","height","width","drawImage","link","href","download","EventName","click","__exports__"],"mappings":"gWAkCE,MAAMA,EAAaC,iBAAI,MACjBC,EAASC,oBAAO,UAChBC,EAAOH,iBAAI,IACXI,EAAUJ,kBAAI,GACdK,EAAaL,iBAAI,IAEjBM,EAAYC,UAChBH,EAAQI,OAAQ,EAChB,MAAM,IAAEC,EAAG,KAAEC,SAAeC,iBAChB,IAARF,IACFL,EAAQI,OAAQ,EAChBL,EAAKK,MAAQE,EAAKC,eAKtBC,uBAAUL,UACR,MAAM,KAAEG,SAAeG,eAAc,gBACrCR,EAAWG,MAAQE,QACbJ,MAGR,MAkBMQ,EAAgB,KACpB,MAAMC,EAAchB,EAAaS,MAAMQ,YAC/BC,EAAelB,EAAaS,MAAMU,aAClCC,EAAK,CAACJ,EAAaE,GAEzBG,IAAYrB,EAAaS,MAAO,CAAEa,SAAS,EAAMC,SAAS,IAAQC,KAAMC,IACtE,MAAMC,EAAUD,EAAIE,UAAU,aAC9B,IAAIC,EAASC,SAASC,cAAc,UACpC,MAAMC,EAAMH,EAAOI,WAAW,MACxBC,EAAM,IAAIC,MAChBD,EAAIE,YAAc,YAClBF,EAAIG,IAAMV,EACVO,EAAII,OAAS,KACXT,EAAOU,OAASlB,EAAG,GACnBQ,EAAOW,MAAQnB,EAAG,GAClBW,EAAIS,UAAUP,EAAK,EAAG,EAAGb,EAAG,GAAIA,EAAG,IACnC,MAAMM,EAAUE,EAAOD,UAAU,aACjCC,EAAS,KACT,MAAMa,EAAOZ,SAASC,cAAc,KACpCW,EAAKC,KAAOhB,EACZe,EAAKE,SAAczC,EAAO0C,UAAT,OACjBH,EAAKI,Y,mzCCzFf,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,2DCRf","file":"static/js/chunk-593559e9.d6ab2f7d.js","sourcesContent":["<template>\r\n  <div class=\"confirmation-container\">\r\n    <el-card>\r\n      <template v-if=\"!loading\">\r\n        <article  style=\"width: 100%;padding: 12px;\" ref=\"imageWrapper\" v-html=\"html\"></article>\r\n        <div class=\"btn\" style=\"margin: 24px 0\">\r\n          <el-button type=\"primary\" @click=\"handleSaveImage\">{{ $t('registration.confirmation.save-image') }}</el-button>\r\n          \r\n          <!-- <el-button type=\"primary\" @click=\"handleSendAgain\">{{ $t('registration.confirmation.send-confirm') }}</el-button>\r\n          <el-button style=\"margin-left: 18px\" v-if=\"pageConfig.config.ReceiptDownload\" type=\"primary\" @click=\"handleReceipt\">{{ $t('registration.confirmation.download-receipt') }}</el-button> -->\r\n\r\n\r\n          <el-button  type=\"primary\" @click=\"$router.push({ name: 'ticket' })\">{{ $t('registration.confirmation.buy-again') }}</el-button>\r\n\r\n          \r\n          <el-button style=\"margin-left: 18px\" type=\"primary\" @click=\"$router.push({ name: 'confirmation' })\">{{ $t('registration.btn.back') }}</el-button>\r\n        </div>\r\n      </template>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n  import { useEventListener } from '@vueuse/core'\r\n  import { ref, inject, watch, onMounted } from 'vue'\r\n  import { LANGUAGE } from '@/config'\r\n  import { useAppStore } from '@/store/modules/app'\r\n  import { storeToRefs } from 'pinia'\r\n  import { useRouter, useRoute } from 'vue-router'\r\n  import { confirmation, getReceipt } from '@/api/registration'\r\n  import { getPageConfig } from '@/api/config'\r\n  import { ElLoading } from 'element-plus'\r\n  import html2canvas from 'html2canvas';\r\n\r\n  const imageWrapper=ref(null)\r\n  const $event = inject('$event')\r\n  const html = ref('')\r\n  const loading = ref(true)\r\n  const pageConfig = ref({})\r\n\r\n  const fetchData = async () => {\r\n    loading.value = true\r\n    const { ret, data } = await confirmation()\r\n    if (ret === 0) {\r\n      loading.value = false\r\n      html.value = data.confirmation\r\n    }\r\n    //\r\n  }\r\n\r\n  onMounted(async () => {\r\n    const { data } = await getPageConfig('confirmation')\r\n    pageConfig.value = data\r\n    await fetchData()\r\n  })\r\n\r\n  const handleSendAgain = async () => {\r\n    const loadingInstance = ElLoading.service({ fullscreen: true })\r\n    const { ret, data } = await confirmation({ action: 'sent' })\r\n    if (ret === 0) {\r\n      loadingInstance.close()\r\n    }\r\n  }\r\n\r\n  const handleReceipt = async () => {\r\n    const loadingInstance = ElLoading.service({ fullscreen: true })\r\n    try {\r\n      await getReceipt()\r\n    } catch (e) {}\r\n    loadingInstance.close()\r\n  }\r\n\r\n\r\n  \r\n  const handleSaveImage=()=>{\r\n    const clientWidth = imageWrapper.value.offsetWidth;\r\n      const clientHeight = imageWrapper.value.offsetHeight;\r\n      const kh = [clientWidth, clientHeight];\r\n\r\n      html2canvas(imageWrapper.value, { useCORS: true, logging: true }).then((cvs) => {\r\n        const dataURL = cvs.toDataURL('image/png');\r\n        let canvas = document.createElement('canvas');\r\n        const ctx = canvas.getContext('2d');\r\n        const img = new Image();\r\n        img.crossOrigin = 'Anonymous'; // 允许跨域\r\n        img.src = dataURL;\r\n        img.onload = () => {\r\n          canvas.height = kh[1];\r\n          canvas.width = kh[0];\r\n          ctx.drawImage(img, 0, 0, kh[0], kh[1]);\r\n          const dataURL = canvas.toDataURL('image/png');\r\n          canvas = null;\r\n          const link = document.createElement('a');\r\n          link.href = dataURL;\r\n          link.download = `${$event.EventName}.png`;\r\n          link.click();\r\n        }\r\n      });\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .el-card {\r\n    background: #ffffff;\r\n    box-shadow: 0px 0px 16px rgba(54, 63, 94, 0.08);\r\n    border-radius: 8px;\r\n    border-width: 0;\r\n    margin: 0;\r\n    max-width: 960px;\r\n    margin: 0 auto;\r\n  }\r\n  .confirmation-container {\r\n    margin: 0;\r\n    overflow-y: auto;\r\n    max-height: 100%;\r\n    padding: 20px;\r\n  }\r\n\r\n  article {\r\n    width: 100%;\r\n    :deep() {\r\n      img {\r\n        max-width: 100%;\r\n      }\r\n    }\r\n  }\r\n  .btn {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n</style>\r\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=45b344be&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\Other\\\\EventMaster\\\\Dataleading3.0\\\\app\\\\app-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-45b344be\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=45b344be&lang=scss&scoped=true\""],"sourceRoot":""}