{"version":3,"sources":["webpack:///./src/views/pages/freeclinic_print.vue","webpack:///src/views/pages/freeclinic_print.vue","webpack:///./src/views/pages/freeclinic_print.vue?f14a","webpack:///./src/views/pages/freeclinic_print.vue?a2f8","webpack:///./src/views/pages/freeclinic_print.vue?e21b"],"names":["render","_vm","this","_c","_self","staticStyle","attrs","domProps","_s","html_data","staticRenderFns","created","initial_get_print_page","data","computed","eventid","$route","params","pid","methods","_this2","undefined","axios","get","process","then","htmlContent","initClickEvent","catch","error","console","_this","document","getElementById","addEventListener","yes","confirm","$vs","loading","element","printButtons","querySelectorAll","forEach","button","style","display","html2canvas","canvas","log","imgWidth","imgHeight","height","width","pdf","jsPDF","addImage","toDataURL","output","pdfData64","btoa","post","response","close","alert","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,GAAK,aAAaC,SAAS,CAAC,UAAYN,EAAIO,GAAGP,EAAIQ,eAEhKC,EAAkB,G,6CCUP,GACfC,QAAA,WACA,KAAAC,0BAEAC,KAAA,WACA,OACAJ,UAAA,KAGAK,SAAA,CACAC,QAAA,WACA,YAAAC,OAAAC,OAAAF,SAEAG,IAAA,WACA,YAAAF,OAAAC,OAAAC,MAGAC,QAAA,CACAP,uBAAA,eAAAQ,EAAA,KACA,WAAAL,cAAAM,GAAA,KAAAN,SAAA,WAAAG,UAAAG,GAAA,KAAAH,KACAI,MAAAC,IAAAC,mDAAA,KAAAT,QAAA,SAAAG,KACAO,MAAA,SAAAC,GACAN,EAAAX,UAAAiB,EAAAb,aAEAY,MAAA,WACAL,EAAAO,oBAEAC,OAAA,SAAAC,GACAC,QAAAD,MAAA,uBAAAA,OAIAF,eAAA,WACA,IAAAI,EAAA,KACAC,SAAAC,eAAA,gBAAAC,iBAAA,oBACA,IAAAC,EAAAC,QAAA,YACA,GAAAD,EAAA,CACAJ,EAAAM,IAAAC,UACA,IAAAC,EAAAP,SAAAC,eAAA,aACAO,EAAAD,EAAAE,iBAAA,UACAD,EAAAE,SAAA,SAAAC,GACAA,EAAAC,MAAAC,QAAA,UAGAC,IAAAP,GAAAd,MAAA,SAAAsB,GACAjB,QAAAkB,IAAAT,GACAC,EAAAE,SAAA,SAAAC,GACAA,EAAAC,MAAAC,QAAA,MAIA,IAAAI,EAAA,IACAC,EAAAH,EAAAI,OAAAF,EAAAF,EAAAK,MACAC,EAAA,IAAAC,OAAA,UAAAL,EAAAC,IAEAG,EAAAE,SAAAR,EAAAS,UAAA,uBAAAP,EAAAC,EAAA,sBACAG,EAAAI,OAAA,iBAEA3B,QAAAkB,IAAA,MAAAK,GACA,IAAAK,EAAAC,KAAAN,EAAAI,UACAnC,MAAAsC,KAAApC,oDAAAO,EAAAhB,QAAA,IAAAgB,EAAAb,IAAA,CACA,KAAAwC,IAEAjC,MAAA,SAAAoC,GACA9B,EAAAM,IAAAC,QAAAwB,QACAC,MAAA,WACAnC,OAAA,SAAAC,GACAE,EAAAM,IAAAC,QAAAwB,cAGAlC,OAAA,SAAAC,GACAE,EAAAM,IAAAC,QAAAwB,kBCnFwW,I,wBCQpWE,EAAY,eACd,EACAhE,EACAU,GACA,EACA,KACA,KACA,MAIa,aAAAsD,E,2CCnBf","file":"js/chunk-2dc6071d.0fcb37f4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"width\":\"21cm\"},attrs:{\"id\":\"mainboddy\"},domProps:{\"innerHTML\":_vm._s(_vm.html_data)}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"mainboddy\" v-html=\"html_data\" style=\"width: 21cm;\">\n    </div>\n</template>\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js\"></script>\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js\"></script>\n<script type=\"module\">\n    import pdfcrowd from 'https://cdn.jsdelivr.net/npm/pdfcrowd@5.14.0/+esm'\n</script>\n<script>\nimport html2canvas from \"html2canvas\";\nimport jsPDF from \"jspdf\";\nexport default {\n    created(){\n        this.initial_get_print_page()\n    },\n    data(){\n        return {\n            html_data:''\n        }\n    },\n    computed: {\n        eventid() {\n            return this.$route.params.eventid\n        },\n        pid() {\n            return this.$route.params.pid\n        },\n    },\n    methods:{\n        initial_get_print_page(){\n            if(this.eventid!=null&&this.eventid!=undefined&&this.pid!=null&&this.pid!=undefined){\n                axios.get(process.env.VUE_APP_API_URL_HIS+'/fetchprintpage/'+this.eventid+'/'+this.pid)\n                    .then(htmlContent => {\n                        this.html_data = (htmlContent.data.data);\n                    })\n                    .then(() => {\n                        this.initClickEvent()\n                    })\n                    .catch(error => {\n                        console.error('Error fetching HTML:', error);\n                    });\n            }\n        },\n        initClickEvent(){\n            let _this=this\n            document.getElementById('generate-pdf').addEventListener('click', function() {\n                var yes = confirm('你確定要儲存嗎？');\n                if (yes) {\n                    _this.$vs.loading()\n                    const element = document.getElementById(\"mainboddy\");\n                    const printButtons =  element.querySelectorAll('.print');\n                    printButtons.forEach(button => {\n                        button.style.display = 'none';\n                    });\n\n                    html2canvas(element).then(canvas => {\n                        console.log(element);\n                        printButtons.forEach(button => {\n                            button.style.display = ''; // Restore original display property\n                        });\n\n                        // document.body.appendChild(canvas);\n                        const imgWidth = 210; // A4 size in mm\n                        const imgHeight = (canvas.height * imgWidth) / canvas.width;\n                        const pdf = new jsPDF('p','mm',[imgWidth,imgHeight]);\n                            \n                        pdf.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, imgWidth, imgHeight,'free_clinic','FAST');\n                        const pdfDataUri = pdf.output('datauristring');\n                        // pdf.save('1.pdf')\n                        console.log('pdf', pdf)\n                        const pdfData64 = btoa(pdf.output()); // Get the PDF data as a string\n                        axios.post(process.env.VUE_APP_API_URL_HIS+'/fetchSaveReport/'+_this.eventid+'/'+_this.pid, {\n                            'data':pdfData64\n                        })\n                        .then(response => {\n                            _this.$vs.loading.close()\n                            alert('儲存成功')\n                        }).catch((error)=>{\n                        _this.$vs.loading.close()\n                        })\n                        // _this.$vs.loading.close()\n                    }).catch((error)=>{\n                        _this.$vs.loading.close()\n                    });\n                }\n            });\n        }\n    }\n}\n</script>\n<style>\n@media print {\n    @page {\n        margin: 0.5cm 0.5cm 0 0;\n        background-image: none;\n        background: none; \n        -webkit-print-color-adjust: exact; \n    }\n\n    body {\n        margin: 0.5cm 0.5cm 0 0;\n        background-image: none;\n        background: none; \n    }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./freeclinic_print.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./freeclinic_print.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./freeclinic_print.vue?vue&type=template&id=0cdd422e\"\nimport script from \"./freeclinic_print.vue?vue&type=script&lang=js\"\nexport * from \"./freeclinic_print.vue?vue&type=script&lang=js\"\nimport style0 from \"./freeclinic_print.vue?vue&type=style&index=0&id=0cdd422e&prod&lang=css\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./freeclinic_print.vue?vue&type=style&index=0&id=0cdd422e&prod&lang=css\""],"sourceRoot":""}