(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["certificate"],{"4f6a":function(n,t,e){t=n.exports=e("2350")(!0),t.push([n.i,'.certificate-container[data-v-c9fb0576]{position:relative;padding-top:60px}.print-buttons[data-v-c9fb0576]{position:fixed;top:20px;right:20px;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.print-btn[data-v-c9fb0576]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);-webkit-transition:all .3s ease;transition:all .3s ease}.print-btn[data-v-c9fb0576]:hover{background-color:#45a049;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2)}.pdf-btn[data-v-c9fb0576]{background-color:#2196f3}.pdf-btn[data-v-c9fb0576]:hover{background-color:#0b7dda}.download-btn[data-v-c9fb0576]{background-color:#ff9800}.download-btn[data-v-c9fb0576]:hover{background-color:#e68a00}.image-btn[data-v-c9fb0576]{background-color:#2196f3}.image-btn[data-v-c9fb0576]:hover{background-color:#0b7dda}.containerQuali[data-v-c9fb0576]{display:-webkit-box;display:-ms-flexbox;display:flex;width:90%;max-width:846px;min-height:600px;margin:40px auto;-webkit-box-shadow:0 0 25px rgba(0,0,0,.15);box-shadow:0 0 25px rgba(0,0,0,.15);position:relative;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.left[data-v-c9fb0576]{-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;padding:90px 50px;z-index:1}.left[data-v-c9fb0576],.right[data-v-c9fb0576]{position:relative}.right[data-v-c9fb0576]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:90px 90px 90px 50px}.title[data-v-c9fb0576]{font-size:35px;font-family:serif;font-weight:700;text-align:center;color:#222;margin-bottom:40px;letter-spacing:4px;text-shadow:1px 1px 1px rgba(0,0,0,.1);position:relative;padding-bottom:15px}.headphoto[data-v-c9fb0576]{width:100px;height:140px;margin:0 auto 80px;border:3px solid #ddd;border-radius:5px;overflow:hidden;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.headphoto[data-v-c9fb0576]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.2);box-shadow:inset 0 0 10px rgba(0,0,0,.2);pointer-events:none}.headphoto img[data-v-c9fb0576]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;display:block}.infolist[data-v-c9fb0576]{padding:20px}.infolistul[data-v-c9fb0576]{margin:0;padding:0;list-style:none}.infolistspan[data-v-c9fb0576]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#555}.infostrong[data-v-c9fb0576]{margin-right:15px;color:#222;min-width:80px}.infoem[data-v-c9fb0576]{color:#444;letter-spacing:1px;white-space:nowrap}.nr1[data-v-c9fb0576]{margin-bottom:30px;padding-bottom:15px}.nrname[data-v-c9fb0576]{font-size:24px;color:#222;letter-spacing:2px;border-bottom:1px solid currentColor;padding-bottom:2px}.nr2[data-v-c9fb0576]{font-size:19px;line-height:2;margin-bottom:40px;text-align:justify;position:relative}.nr4[data-v-c9fb0576]{margin-top:80px}.nr4[data-v-c9fb0576],.nr5[data-v-c9fb0576]{text-align:left;position:relative}.nr5[data-v-c9fb0576]{margin-top:20px}.nrfztitle[data-v-c9fb0576]{margin-right:15px}.nrfzDate[data-v-c9fb0576],.nrfztitle[data-v-c9fb0576]{font-size:18px;color:#222}.nrfzDate[data-v-c9fb0576]{letter-spacing:1px}@media print{.no-print[data-v-c9fb0576]{display:none!important}body[data-v-c9fb0576]{margin:0;padding:0;background:#fff}.certificate-container[data-v-c9fb0576]{padding-top:0}.containerQuali[data-v-c9fb0576]{width:100%;max-width:100%;margin:0;-webkit-box-shadow:none;box-shadow:none;min-height:auto;page-break-inside:avoid;-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important}}@media screen and (max-width:480px){.containerQuali[data-v-c9fb0576]{border-width:5px;margin:20px auto}.headphoto[data-v-c9fb0576]{width:150px;height:150px;margin-left:auto;margin-right:auto}.title[data-v-c9fb0576]{font-size:24px}.infostrong[data-v-c9fb0576]{min-width:60px}}',"",{version:3,sources:["/data/jenkins/workspace/badp-bcxin-web-5.x-vue/src/views/Certificate.vue"],names:[],mappings:"AACA,wCACE,kBACA,gBACF,CAEA,gCACE,eACA,SACA,WACA,YACA,oBAAA,oBAAA,aACA,QACF,CAEA,4BACE,kBACA,yBACA,WACA,YACA,kBACA,eACA,eACA,4CAAA,oCACA,gCAAA,uBACF,CAEA,kCACE,yBACA,4CAAA,mCACF,CAEA,0BACE,wBACF,CAEA,gCACE,wBACF,CAEA,+BACE,wBACF,CAEA,qCACE,wBACF,CAEA,4BACE,wBACF,CAEA,kCACE,wBACF,CAEA,iCACE,oBAAA,oBAAA,aACA,UACA,gBACA,iBACA,iBAEA,4CAAA,oCACA,kBACA,gBACA,sBACA,wBACA,4BACA,2BACF,CAEA,uBACE,mBAAA,iBAAA,aACA,kBAEA,SACF,CAEA,+CAJE,iBAQF,CAJA,wBACE,mBAAA,WAAA,OACA,2BAEF,CAEA,wBACE,eACA,kBACA,gBACA,kBACA,WACA,mBACA,mBACA,uCACA,kBACA,mBACF,CAEA,4BACE,YACA,aACA,mBACA,sBACA,kBACA,gBACA,6CAAA,qCACA,kBACA,oBAAA,oBAAA,aACA,wBAAA,qBAAA,uBACA,yBAAA,sBAAA,kBACF,CAEA,mCACE,WACA,kBACA,MACA,OACA,QACA,SACA,iDAAA,yCACA,mBACF,CAEA,gCACE,WACA,YACA,mBAAA,gBACA,8CAAA,sCAAA,8BAAA,yDACA,aACF,CAEA,2BACE,YACF,CAEA,6BACE,SACA,UACA,eACF,CAEA,+BACE,oBAAA,oBAAA,aACA,yBAAA,sBAAA,mBACA,eACA,UACF,CAEA,6BAEE,kBACA,WACA,cACF,CAEA,yBACE,WACA,mBACA,kBACF,CAEA,sBACE,mBACA,mBACF,CAEA,yBACE,eACA,WACA,mBACA,qCACA,kBACF,CAEA,sBACE,eACA,cACA,mBACA,mBACA,iBACF,CAEA,sBACE,eAGF,CAEA,4CAJE,gBACA,iBAOF,CAJA,sBACE,eAGF,CAEA,4BAGE,iBACF,CAEA,uDALE,eACA,UAQF,CAJA,2BAGE,kBACF,CAGA,aACE,2BACE,sBACF,CAEA,sBACE,SACA,UACA,eACF,CAEA,wCACE,aACF,CAEA,iCACE,WACA,eACA,SACA,wBAAA,gBACA,gBACA,wBAKA,2CACA,6BACA,kCANF,CAQF,CA4CA,oCACE,iCACE,iBACA,gBACF,CAEA,4BACE,YACA,aACA,iBACA,iBACF,CAEA,wBACE,cACF,CAEA,6BACE,cACF,CACF,CAAA",file:"Certificate.vue?vue&type=style&index=0&id=c9fb0576&prod&scoped=true&lang=css",sourcesContent:['\n.certificate-container {\n position: relative;\n padding-top: 60px;\n}\n\n.print-buttons {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 100;\n display: flex;\n gap: 10px;\n}\n\n.print-btn {\n padding: 10px 20px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 16px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n}\n\n.print-btn:hover {\n background-color: #45a049;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n.pdf-btn {\n background-color: #2196F3;\n}\n\n.pdf-btn:hover {\n background-color: #0b7dda;\n}\n\n.download-btn {\n background-color: #FF9800;\n}\n\n.download-btn:hover {\n background-color: #e68a00;\n}\n\n.image-btn {\n background-color: #2196F3;\n}\n\n.image-btn:hover {\n background-color: #0b7dda;\n}\n\n.containerQuali {\n display: flex;\n width: 90%;\n max-width: 846px;\n min-height: 600px;\n margin: 40px auto;\n /* font-family: "Microsoft YaHei", "SimSun", serif; */\n box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);\n position: relative;\n overflow: hidden;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-attachment: fixed;\n}\n\n.left {\n flex: 0 0 45%;\n padding: 90px 50px;\n position: relative;\n z-index: 1;\n}\n\n.right {\n flex: 1;\n padding: 90px 90px 90px 50px;\n position: relative;\n}\n\n.title {\n font-size: 35px;\n font-family: serif;\n font-weight: bold;\n text-align: center;\n color: #222;\n margin-bottom: 40px;\n letter-spacing: 4px;\n text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n position: relative;\n padding-bottom: 15px;\n}\n\n.headphoto {\n width: 100px;\n height: 140px;\n margin: 0 auto 80px;\n border: 3px solid #ddd;\n border-radius: 5px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.headphoto::before {\n content: "";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n\n.headphoto img {\n width: 100%;\n height: 100%;\n object-fit: fill;\n transition: transform 0.3s ease;\n display: block;\n}\n\n.infolist {\n padding: 20px;\n}\n\n.infolistul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.infolistspan {\n display: flex;\n align-items: center;\n font-size: 16px;\n color: #555;\n}\n\n.infostrong {\n /* font-weight: bold; */\n margin-right: 15px;\n color: #222;\n min-width: 80px;\n}\n\n.infoem {\n color: #444;\n letter-spacing: 1px;\n white-space: nowrap;\n}\n\n.nr1 {\n margin-bottom: 30px;\n padding-bottom: 15px;\n}\n\n.nrname {\n font-size: 24px;\n color: #222;\n letter-spacing: 2px;\n border-bottom: 1px solid currentColor; /* 使用当前文字颜色 */\n padding-bottom: 2px; /* 可选:调整下划线间距 */\n}\n\n.nr2 {\n font-size: 19px;\n line-height: 2;\n margin-bottom: 40px;\n text-align: justify;\n position: relative;\n}\n\n.nr4 {\n margin-top: 80px;\n text-align: left;\n position: relative;\n}\n\n.nr5 {\n margin-top: 20px;\n text-align: left;\n position: relative;\n}\n\n.nrfztitle {\n font-size: 18px;\n color: #222;\n margin-right: 15px;\n}\n\n.nrfzDate {\n font-size: 18px;\n color: #222;\n letter-spacing: 1px;\n}\n\n/* 打印样式 */\n@media print {\n .no-print {\n display: none !important;\n }\n\n body {\n margin: 0;\n padding: 0;\n background: white;\n }\n\n .certificate-container {\n padding-top: 0;\n }\n\n .containerQuali {\n width: 100%;\n max-width: 100%;\n margin: 0;\n box-shadow: none;\n min-height: auto;\n page-break-inside: avoid;\n }\n\n /* 确保背景图片在打印时显示 */\n .containerQuali {\n -webkit-print-color-adjust: exact !important;\n color-adjust: exact !important;\n print-color-adjust: exact !important;\n }\n}\n\n/* 响应式调整 */\n/* @media screen and (max-width: 900px) {\n .containerQuali {\n width: 95%;\n border-width: 10px;\n flex-direction: column;\n }\n\n .left {\n flex: none;\n width: 100%;\n border-right: none;\n border-bottom: 2px solid #e8e8e8;\n padding: 20px;\n }\n\n .right {\n padding: 25px;\n }\n\n .title {\n font-size: 28px;\n margin-bottom: 25px;\n }\n\n .headphoto {\n width: 180px;\n height: 180px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .nr2 {\n font-size: 16px;\n padding: 15px;\n }\n\n .nrname {\n font-size: 24px;\n }\n} */\n\n@media screen and (max-width: 480px) {\n .containerQuali {\n border-width: 5px;\n margin: 20px auto;\n }\n\n .headphoto {\n width: 150px;\n height: 150px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .title {\n font-size: 24px;\n }\n\n .infostrong {\n min-width: 60px;\n }\n}\n'],sourceRoot:""}])},ad0d:function(n,t,e){var a=e("4f6a");a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);var i=e("499e").default;i("4279033b",a,!0,{sourceMap:!0,shadowMode:!1})},b13e:function(n,t,e){n.exports=e.p+"img/background.646883a5.jpg"},c735:function(n,t,e){"use strict";e.r(t);var a=function(){var n=this,t=n._self._c;return t("div",{staticClass:"certificate-container"},[t("div",{staticClass:"print-buttons no-print"},[t("button",{staticClass:"print-btn",on:{click:n.printCertificate}},[n._v("打印证书")]),t("button",{staticClass:"print-btn download-btn",on:{click:n.downloadCertificate}},[n._v("下载证书")])]),t("div",{staticClass:"containerQuali",style:{backgroundImage:"url(".concat(n.backgroundImageUrl,")")},attrs:{id:"certificate-content"}},[t("div",{staticClass:"left"},[t("div",{staticClass:"title"},[n._v("结业证书")]),t("div",{staticClass:"headphoto"},[t("img",{attrs:{src:n.trainCertificateInfo.certificatePhoto,alt:"证书照片"}})]),t("div",{staticClass:"infolist"},[t("div",{staticClass:"infolistul"},[t("div",{staticClass:"infolistspan info4"},[t("span",{staticClass:"infostrong"},[n._v("证书编号: ")]),t("span",{staticClass:"infoem"},[n._v(n._s(n.trainCertificateInfo.certificateNo||""))])])])])]),t("div",{staticClass:"right"},[t("div",{staticClass:"nr1",staticStyle:{"margin-bottom":"10px","margin-left":"0"}},[t("span",{staticClass:"nrname",staticStyle:{"margin-left":"0"}},[n._v("   "+n._s(n.trainCertificateInfo.personName||"")+"   ")]),n._v(":\n ")]),t("div",{staticClass:"nr2",staticStyle:{"text-indent":"40px"}},[n._v("于   "),t("span",[n._v(n._s(n.trainCertificateInfo.startTime||"")+"\n ")]),n._v("   至    "),t("span",[n._v(n._s(n.trainCertificateInfo.endTime||""))]),n._v(",\n 参加  "),t("span",[n._v(n._s(n.trainCertificateInfo.certificateType||""))]),n._v("  保安员技能培训,完成培训计划规定的所有课程,成绩合格,准予结业。")]),t("div",{staticClass:"nr4"},[t("span",{staticClass:"nrfzDate"},[n._v(n._s(n.trainCertificateInfo.trainName||""))])]),t("div",{staticClass:"nr5"},[t("span",{staticClass:"nrfztitle"},[n._v("颁发日期:")]),t("span",{staticClass:"nrfzDate"},[n._v(n._s(n.trainCertificateInfo.certificateDate||""))])])])])])},i=[],o=(e("ac6a"),e("96cf"),e("3b8d")),r=e("b13e"),s=e.n(r),c={data:function(){return{info:{userInfo:{credential:{}}},trainCertificateInfo:{},isDownloading:!1,backgroundImageUrl:s.a}},mounted:function(){var n=this.$route.query;this.trainCertificateInfo=n},methods:{printCertificate:function(){setTimeout((function(){window.print()}),500)},loadHtml2Canvas:function(){var n=Object(o["a"])(regeneratorRuntime.mark((function n(){var t;return regeneratorRuntime.wrap((function(n){while(1)switch(n.prev=n.next){case 0:if(window.html2canvas){n.next=6;break}return t=document.createElement("script"),t.src="https://html2canvas.hertzen.com/dist/html2canvas.min.js",t.async=!0,document.body.appendChild(t),n.abrupt("return",new Promise((function(n){t.onload=function(){return n(window.html2canvas)}})));case 6:return n.abrupt("return",Promise.resolve(window.html2canvas));case 7:case"end":return n.stop()}}),n)})));function t(){return n.apply(this,arguments)}return t}(),loadJsPDF:function(){var n=Object(o["a"])(regeneratorRuntime.mark((function n(){var t;return regeneratorRuntime.wrap((function(n){while(1)switch(n.prev=n.next){case 0:if(window.jspdf){n.next=6;break}return t=document.createElement("script"),t.src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js",t.async=!0,document.body.appendChild(t),n.abrupt("return",new Promise((function(n){t.onload=function(){return n(window.jspdf)}})));case 6:return n.abrupt("return",Promise.resolve(window.jspdf));case 7:case"end":return n.stop()}}),n)})));function t(){return n.apply(this,arguments)}return t}(),preloadImage:function(n){return new Promise((function(t,e){var a=new Image;a.onload=function(){return t(a)},a.onerror=function(){return e(new Error("Failed to load image: ".concat(n)))},a.src=n}))},downloadCertificate:function(){var n=Object(o["a"])(regeneratorRuntime.mark((function n(){var t,e,a,i,o,r,s,c,d,A,p,l,f,C,g,b,u,x,m,h,v;return regeneratorRuntime.wrap((function(n){while(1)switch(n.prev=n.next){case 0:if(!this.isDownloading){n.next=2;break}return n.abrupt("return");case 2:return this.isDownloading=!0,n.prev=3,this.$message?this.$message({message:"正在生成PDF,请稍候...",type:"info",duration:5e3,showClose:!1}):alert("正在生成PDF,请稍候..."),n.next=7,this.loadHtml2Canvas();case 7:return n.next=9,this.loadJsPDF();case 9:return t=document.getElementById("certificate-content"),e=this.backgroundImageUrl,n.prev=11,n.next=14,this.preloadImage(e);case 14:n.sent,n.next=19;break;case 17:n.prev=17,n.t0=n["catch"](11);case 19:return a=document.createElement("div"),a.style.position="absolute",a.style.left="-9999px",a.style.top="-9999px",document.body.appendChild(a),i=t.cloneNode(!0),a.appendChild(i),o=function(n,t){for(var e=window.getComputedStyle(n),a=0;ag&&(u=g/f,f=g,C*=u),f*=b,C*=b,x=f/C,m=c.toDataURL("image/jpeg",1),h=window.jspdf.jsPDF,v=new h({orientation:x>1?"l":"p",unit:"mm",format:[f,C],compress:!0,hotfixes:["px_scaling"]}),v.addImage(m,"JPEG",0,0,f,C,void 0,"FAST"),v.save("证书_".concat(this.trainCertificateInfo.personName||"未命名",".pdf")),n.next=63;break;case 60:n.prev=60,n.t1=n["catch"](3),alert("下载证书失败,请稍后重试。错误详情: "+n.t1.message);case 63:return n.prev=63,this.isDownloading=!1,n.finish(63);case 66:case"end":return n.stop()}}),n,this,[[3,60,63,66],[11,17]])})));function t(){return n.apply(this,arguments)}return t}(),saveAsImage:function(){var n=Object(o["a"])(regeneratorRuntime.mark((function n(){var t,e,a,i,o,r,s,c;return regeneratorRuntime.wrap((function(n){while(1)switch(n.prev=n.next){case 0:if(!this.isDownloading){n.next=2;break}return n.abrupt("return");case 2:return this.isDownloading=!0,n.prev=3,this.$message?this.$message({message:"正在生成图片,请稍候...",type:"info",duration:5e3,showClose:!1}):alert("正在生成图片,请稍候..."),n.next=7,this.loadHtml2Canvas();case 7:return t=document.getElementById("certificate-content"),e=this.backgroundImageUrl,n.prev=9,n.next=12,this.preloadImage(e);case 12:n.next=16;break;case 14:n.prev=14,n.t0=n["catch"](9);case 16:return a=document.createElement("div"),a.style.position="absolute",a.style.left="-9999px",a.style.top="-9999px",document.body.appendChild(a),i=t.cloneNode(!0),a.appendChild(i),this.copyComputedStyles(t,i),i.style.backgroundImage="url(".concat(e,")"),i.style.backgroundSize="cover",i.style.backgroundPosition="center",i.style.backgroundRepeat="no-repeat",i.style.width=t.offsetWidth+"px",i.style.height=t.offsetHeight+"px",o=i.querySelectorAll("span, div"),o.forEach((function(n){var t=window.getComputedStyle(n);"rgba(0, 0, 0, 0)"!==t.color&&"transparent"!==t.color||(n.style.color="#000000"),t.fontFamily&&(n.style.fontFamily=t.fontFamily)})),n.next=34,html2canvas(i,{scale:3,useCORS:!0,backgroundColor:null,logging:!1,allowTaint:!0,imageTimeout:0,onclone:function(n,t){var e=t.querySelectorAll("*");e.forEach((function(n){for(var t=window.getComputedStyle(n),e=0;e