祖安之光
10 天以前 b609f77709c4646daf155341475ae14fc0c7943d
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>
@@ -40,10 +41,6 @@
onMounted(()=>{
})
defineExpose({
  getPdf
})
</script>
<style scoped lang="scss">
@@ -61,29 +58,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;
    }