+保安证打印样式

liuyg

2021-11-03 7a6c39468f0d5d3600d2b84332c9c7af5c3c1f2d

+保安证打印样式

 src/views/securityGuard/securityCertificate.vue

@@ -37,7 +37,10 @@
        {{ data.securitynumber }}
      </div>
      <div class="security_m_r_o_right widt">{{ data.realName }}</div>
      <div class="security_m_r_o_rightbirthday widt">{{ data.cardid.slice(6, 10) }}. {{ data.cardid.slice(10, 12) }}. {{ data.cardid.slice(12, 14) }}</div>
      <div class="security_m_r_o_rightbirthday widt">
        {{ data.cardid.slice(6, 10) }}. {{ data.cardid.slice(10, 12) }}.
        {{ data.cardid.slice(12, 14) }}
      </div>
      <div class="security_m_r_o_rightaddress security_m_r_o_l_r widt">
        {{ data.address }}
      </div>
@@ -97,7 +100,7 @@
}
// 标题
$upTop: 55px;
$downTop: 230px;  //整体高度
$downTop: 228px; //整体高度
//经国家保安员考试审查合格。<br />特颁此证。
.security_main-title {
  position: absolute;
@@ -185,14 +188,15 @@
    height: 100%;
  }
}

// 内容
// 抬头名字
.security_m_l_titleName {
  position: absolute;
  top: 16px;
  left: 85px;
  top: 13px;
  left: 44px;
  line-height: 45px;
  font-size: 22px;
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 3px;
}
@@ -202,7 +206,7 @@
.security_m_l_titlepaperTimenian {
  position: absolute;
  top: $timeTop;
  left: 104px;
  left: 25px;
  font-size: 18px;
  line-height: 40px;
  // font-weight: 500;
@@ -211,7 +215,7 @@
.security_m_l_titlepaperTimeyue {
  position: absolute;
  top: $timeTop;
  left: 164px;
  left: 75px;
  font-size: 18px;
  line-height: 40px;
  // font-weight: 500;
@@ -220,7 +224,7 @@
.security_m_l_titlepaperTimeri {
  position: absolute;
  top: $timeTop;
  left: 209px;
  left: 164px;
  font-size: 18px;
  line-height: 40px;
  // font-weight: 500;
@@ -228,19 +232,17 @@
//证件编号
.security_m_l_downsecuritynumber {
  position: absolute;
  top: 369px; //整体高度
  left: 146px;
  font-size: 24px;
  top: 357px; //整体高度
  left: 54px;
  font-size: 17px;
}



//内容
// 姓名
$centerLeft: 440px;
$centerLeft: 365px;
.security_m_r_o_right {
  position: absolute;
  top: $downTop;
  top: $downTop + 2px;
  left: $centerLeft;
  font-size: $rightFontSize;
  // width: $rightWidth;
@@ -258,16 +260,16 @@
// 地址
.security_m_r_o_rightaddress {
  position: absolute;
  top: $downTop + $lineHigeht * 2;
  top: $downTop + $lineHigeht * 2 -5px;
  left: $centerLeft;
  font-size: $rightFontSize;
  font-size: 15px;
  width: 160px;
  // font-weight: 500;
}
// 身份证
.security_m_r_o_rightcardid {
  position: absolute;
  top: $downTop + $lineHigeht * 4 +10px;
  top: $downTop + $lineHigeht * 4 +8px;
  left: $centerLeft;
  font-size: $rightFontSize;
  // width: $rightWidth;