{"version":3,"sources":["webpack:///./src/views/register/confirmation/index.vue?3fa5","webpack:///./src/views/register/confirmation/index.vue","webpack:///./src/views/register/confirmation/index.vue?b92c"],"names":["event","useAppStore","logout","useUserStore","router","useRouter","handleHome","e","Config","HideIndex","Steps","length","push","name","query","uid","v","ID","html","ref","confirmation","pageConfig","$steps","inject","$event","imageWrapper","loading","computed","g","value","Name","svg","handleMounted","async","val","fetchData","paid","ret","data","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":"2IAAA,W,gSCuCE,MAAM,MAAEA,GAAUC,kBACZ,OAAEC,GAAWC,iBACbC,EAASC,iBAETC,EAAa,KACjB,IAAIC,EAAIP,EACJO,EAAEC,OAAOC,WAAaF,EAAEG,QAAWH,EAAEG,MAAMC,OAAS,GAAmB,YAAdJ,EAAEG,MAAM,IAAsBH,EAAEG,MAAMC,OAAS,GAAmB,SAAdJ,EAAEG,MAAM,IAA+B,YAAdH,EAAEG,MAAM,KAChJR,IACAE,EAAOQ,KAAK,CAAEC,KAAM,WAAYC,MAAO,CAAEC,IAAK,GAAIC,EAAGT,EAAEU,OAEvDb,EAAOQ,KAAK,CAAEC,KAAM,QAASC,MAAO,CAAEC,IAAK,GAAIC,EAAGT,EAAEU,OAOlDC,GAHOC,iBAAI,CACfC,aAAc,MAEHD,iBAAI,KACXE,EAAaF,iBAAI,IAEjBG,EAASC,oBAAO,UAChBC,EAASD,oBAAO,UAEhBE,EAAeN,iBAAI,MAUnBO,GATUC,sBAAS,KACvB,IAAK,IAAIC,KAAKN,EAAOO,MACnB,GAAc,gBAAVD,EAAEE,KACJ,OAAOF,EAGX,OAAO,OAGOT,kBAAI,IAEdY,EAAO,ywHAgCPC,EAAgBC,UACpBZ,EAAWQ,MAAQK,EAAIb,iBACjBc,KAEFC,EAAOjB,kBAAI,GACXgB,EAAYF,UAChBP,EAAQG,OAAQ,EAChB,MAAM,IAAEQ,EAAG,KAAEC,SAAelB,iBAChB,IAARiB,IACFX,EAAQG,OAAQ,EAChBX,EAAKW,MAAQS,EAAKlB,aAClBgB,EAAKP,MAAQS,EAAKF,OAqBhBG,EAAkB,KACtB,MAAMC,EAAcf,EAAaI,MAAMY,YACjCC,EAAejB,EAAaI,MAAMc,aAClCC,EAAK,CAACJ,EAAaE,GAEzBG,IAAYpB,EAAaI,MAAO,CAAEiB,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,SAAc3C,EAAO4C,UAAT,OACjBH,EAAKI,Y,y+DCzJb,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD","file":"static/js/chunk-152d465a.c73b0be2.js","sourcesContent":["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=0cf3b4ea&lang=scss&scoped=true\"","<template>\r\n  <VRegisterApp name=\"confirmation\" @mounted=\"handleMounted\" @next=\"handleNext\">\r\n    <!-- <template #header v-if=\"current&&paid\">{{ current.Title }}</template> -->\r\n    <div class=\"confirmation-body\">\r\n      <template v-if=\"loading\">\r\n        <div class=\"qr\" v-loading=\"true\" :element-loading-text=\"$t('registration.confirmation.loading')\" :element-loading-spinner=\"svg\" element-loading-svg-view-box=\"0, 0, 100, 100\"></div>\r\n        <!-- <div>\r\n          <el-button type=\"primary\" @click=\"fetchData\">{{ $t('registration.confirmation.refresh') }}</el-button>\r\n        </div> -->\r\n      </template>\r\n      <template v-else>\r\n        <article style=\"width: 100%; padding: 12px\" ref=\"imageWrapper\" v-html=\"html\"></article>\r\n        <div class=\"tools\">\r\n          <!-- <el-button v-if=\"paid\" type=\"primary\" @click=\"handleSendAgain\">{{ $t('registration.confirmation.send-confirm') }}</el-button>\r\n           -->\r\n          <el-button v-if=\"paid\" type=\"primary\" @click=\"handleSaveImage\">{{ $t('registration.confirmation.save-image') }}</el-button>\r\n\r\n          <el-button v-if=\"paid && $event.Config.Invoice\" type=\"primary\" @click=\"$router.push({ name: 'personalcenter-order' })\">{{ $t('registration.confirmation.invoice') }}</el-button>\r\n\r\n          <el-button type=\"primary\" @click=\"$router.push({ name: 'ticket' })\">{{ $t('registration.confirmation.buy-again') }}</el-button>\r\n          <el-button type=\"primary\" @click=\"handleHome\">{{ $t('registration.confirmation.back-login') }}</el-button>\r\n        </div>\r\n      </template>\r\n    </div>\r\n  </VRegisterApp>\r\n</template>\r\n\r\n<script setup>\r\n  import VRegisterApp from '../app/index.vue'\r\n  import { ElLoading } from 'element-plus'\r\n\r\n  import { confirmation, getConfirmation, getReceipt } from '@/api/registration'\r\n  import { onMounted, ref, inject, computed } from 'vue'\r\n  import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\r\n  import html2canvas from 'html2canvas'\r\n  import { useRouter } from 'vue-router'\r\n  import { useAppStore } from '@/store/modules/app'\r\n  import {useUserStore} from '@/store/modules/user'\r\n  //\r\n  const { event } = useAppStore()\r\n  const { logout } = useUserStore()\r\n  const router = useRouter()\r\n\r\n  const handleHome = () => {\r\n    let e = event\r\n    if (e.Config.HideIndex && e.Steps && ((e.Steps.length > 0 && e.Steps[0] == 'personal') || (e.Steps.length > 1 && e.Steps[0] == 'login' && e.Steps[1] == 'personal'))) {\r\n      logout();\r\n      router.push({ name: 'personal', query: { uid: '', v: e.ID } })\r\n    } else {\r\n      router.push({ name: 'index', query: { uid: '', v: e.ID } })\r\n    }\r\n  }\r\n\r\n  const form = ref({\r\n    confirmation: '0',\r\n  })\r\n  const html = ref('')\r\n  const pageConfig = ref({})\r\n\r\n  const $steps = inject('$steps')\r\n  const $event = inject('$event')\r\n\r\n  const imageWrapper = ref(null)\r\n  const current = computed(() => {\r\n    for (var g of $steps.value) {\r\n      if (g.Name == 'confirmation') {\r\n        return g\r\n      }\r\n    }\r\n    return null\r\n  })\r\n\r\n  const loading = ref(true)\r\n\r\n  const svg = `<circle cx=\"75\" cy=\"50\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.9s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.9s\"></animate>\r\n</circle><circle cx=\"70.22542485937369\" cy=\"64.69463130731182\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.8s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.8s\"></animate>\r\n</circle><circle cx=\"57.72542485937369\" cy=\"73.77641290737884\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.7s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.7s\"></animate>\r\n</circle><circle cx=\"42.27457514062632\" cy=\"73.77641290737884\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.6s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.6s\"></animate>\r\n</circle><circle cx=\"29.774575140626318\" cy=\"64.69463130731182\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.5s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.5s\"></animate>\r\n</circle><circle cx=\"25\" cy=\"50\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.4s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.4s\"></animate>\r\n</circle><circle cx=\"29.77457514062631\" cy=\"35.30536869268818\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.3s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.3s\"></animate>\r\n</circle><circle cx=\"42.27457514062631\" cy=\"26.223587092621162\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.2s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.2s\"></animate>\r\n</circle><circle cx=\"57.72542485937368\" cy=\"26.22358709262116\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"-0.1s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"-0.1s\"></animate>\r\n</circle><circle cx=\"70.22542485937367\" cy=\"35.30536869268816\" fill=\"#ffffff\" r=\"8\">\r\n  <animate attributeName=\"r\" values=\"4.8;4.8;8;4.8;4.8\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" repeatCount=\"indefinite\" begin=\"0s\"></animate>\r\n  <animate attributeName=\"fill\" values=\"#ffffff;#ffffff;#eeeeee;#ffffff;#ffffff\" repeatCount=\"indefinite\" times=\"0;0.1;0.2;0.3;1\" dur=\"1s\" begin=\"0s\"></animate>\r\n</circle>`\r\n\r\n  const handleMounted = async (val) => {\r\n    pageConfig.value = val.pageConfig\r\n    await fetchData()\r\n  }\r\n  const paid = ref(false)\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      paid.value = data.paid\r\n    }\r\n    //\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  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  .confirmation-header {\r\n    display: flex;\r\n    justify-content: center;\r\n    .el-radio-group {\r\n      :deep() {\r\n        .el-radio__input {\r\n          display: none;\r\n        }\r\n        .el-radio {\r\n          margin-right: 12px;\r\n          background: #f8f9fa;\r\n          border: 1px solid #dadfe3;\r\n          border-radius: 4px;\r\n          color: #363f5e;\r\n          &.is-checked {\r\n            border-color: var(--el-color-primary);\r\n            color: var(--el-color-primary);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .confirmation-body {\r\n    margin: 30px auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    .title {\r\n      font-weight: bold;\r\n      font-size: 18px;\r\n      line-height: 25px;\r\n      color: #363f5e;\r\n      margin-top: 0;\r\n    }\r\n    .qr {\r\n      margin: 24px 0 24px 0;\r\n      width: 200px;\r\n      height: 200px;\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      background-color: #000;\r\n      padding: 7px;\r\n      background: #f1f4f9;\r\n      border-radius: 16px;\r\n      box-sizing: border-box;\r\n      :deep() {\r\n        .el-loading-mask {\r\n          background: rgba(53, 59, 85, 0.75);\r\n        }\r\n        .el-loading-spinner {\r\n          top: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n          margin-top: 0;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n          justify-content: center;\r\n          svg {\r\n            width: 80px;\r\n            height: 80px;\r\n            animation: none;\r\n          }\r\n          .el-loading-text {\r\n            color: #fff;\r\n            padding: 0px 24px;\r\n          }\r\n        }\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 16px;\r\n      }\r\n    }\r\n  }\r\n  .tools {\r\n    margin: 24px 0px;\r\n    white-space: nowrap;\r\n    .el-button {\r\n      padding: 0 3px;\r\n    }\r\n    .el-button + .el-button {\r\n      margin-left: 6px;\r\n    }\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=0cf3b4ea&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-0cf3b4ea\"]])\n\nexport default __exports__"],"sourceRoot":""}