From 84748363b911c35b9b3a66159cfeeeefd13cc917 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期一, 09 十二月 2024 13:12:37 +0800 Subject: [PATCH] 修改导出内容 --- src/views/certificatePdf.vue | 35 ++++++++++++++++++++--------------- 1 files changed, 20 insertions(+), 15 deletions(-) diff --git a/src/views/certificatePdf.vue b/src/views/certificatePdf.vue index f67bbc8..dff3884 100644 --- a/src/views/certificatePdf.vue +++ b/src/views/certificatePdf.vue @@ -1,15 +1,16 @@ <template> <div class="form-container"> <div class="certContent" @click="getPdf()"> + <div class="certNo">证书编号:新应急({{ info.bigClassifyName }})- {{info.id?.toString().padStart(5, '0')}}</div> <div class="main-content"> - 兹聘任{{info.name}}同志为自治区应急管理厅专家,聘任期为{{info.employmentDateStart?.substring(0,4)}}年{{info.employmentDateStart?.substring(5,7)}}月至{{info.employmentDateEnd?.substring(0,4)}}年{{info.employmentDateEnd?.substring(5,7)}}月。 + 兹聘任{{info.name}}同志为自治区应急管理厅安全生产{{info.domain}}领域{{info.ratingLevel == 1?'一级':info.ratingLevel == 2?'二级':info.ratingLevel == 3?'三级':''}}专家,聘任期为{{info.employmentDateStart?.substring(0,4)}}年{{info.employmentDateStart?.substring(5,7)}}月至{{info.employmentDateEnd?.substring(0,4)}}年{{info.employmentDateEnd?.substring(5,7)}}月。 </div> <div class="main-content"> 特发此证! </div> <div class="footer-content"> - 自治区应急管理厅<br/> - {{info.updateTime?.substring(0,4)}}年{{info.updateTime?.substring(5,7)}}月 + 新疆维吾尔自治区应急管理厅<br/> + {{info.employmentDateStart?.substring(0,4)}}年{{info.employmentDateStart?.substring(5,7)}}月 </div> </div> </div> @@ -27,6 +28,7 @@ const {info} = toRefs(data) onMounted(()=>{ data.info = route.query + console.log(data.info,'info>>>>>>>>') nextTick(()=>{ getPdf() }) @@ -39,10 +41,6 @@ onMounted(()=>{ -}) - -defineExpose({ - getPdf }) </script> @@ -61,29 +59,36 @@ align-items: center; .certContent{ - width: 1920px; - height: 1280px; + width: calc(1920px * 0.8); + height: calc(1280px * 0.8); background: url("@/assets/images/certBg.jpg") no-repeat center; background-size: contain; display: flex; flex-direction: column; align-items: center; - padding: 550px 380px 80px; - color: #9e0500; + padding: 420px 300px 120px; + color: #333; + position: relative; + + .certNo{ + position: absolute; + left: 235px; + top: 130px; + } .main-content{ width: 100%; - font-size: 50px; + font-size: 2.5rem; text-align: left; line-height: 1.8; - text-indent: 100px; + text-indent: 5rem; letter-spacing: 2px; font-family: 'fangzhengKT'; } .footer-content{ - font-size: 36px; - transform: translate(200px,120px); + font-size: 1.8rem; + transform: translate(250px,50px); text-align: center; line-height: 1.8; } -- Gitblit v1.9.2