From 7a6c39468f0d5d3600d2b84332c9c7af5c3c1f2d Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 03 Nov 2021 16:37:29 +0800
Subject: [PATCH] +保安证打印样式
---
src/views/securityGuard/securityCertificate.vue | 38 ++++++++++++++++++++------------------
1 files changed, 20 insertions(+), 18 deletions(-)
diff --git a/src/views/securityGuard/securityCertificate.vue b/src/views/securityGuard/securityCertificate.vue
index e64979b..aade1b5 100644
--- a/src/views/securityGuard/securityCertificate.vue
+++ b/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;
--
Gitblit v1.9.3