| | |
| | | <div class="security_m_l_center no-print"> |
| | | 发证公安机关 (印章)<br /> |
| | | 发证日期 |
| | | 年 月 |
| | | 年 月 |
| | | </div> |
| | | <div class="security_m_l_down no-print">证件编号</div> |
| | | <div class="security_m_r_a no-print">姓名</div> |
| | |
| | | <div v-if="!data.avatar">暂无照片</div> |
| | | <img :src="data.avatar" alt="" v-else /> |
| | | </div> |
| | | <div class="security_m_l_titleName">{{ data.realName }}</div> |
| | | <div class="security_m_l_titlepaperTimenian"> |
| | | <div class="security_m_l_titleName widt">{{ data.realName }}</div> |
| | | <div class="security_m_l_titlepaperTimenian widt"> |
| | | {{ data.paperTime.slice(0, 4) }} |
| | | </div> |
| | | <div class="security_m_l_titlepaperTimeyue"> |
| | | <div class="security_m_l_titlepaperTimeyue widt"> |
| | | {{ data.paperTime.slice(5, 7) }} |
| | | </div> |
| | | <div class="security_m_l_titlepaperTimeri"> |
| | | <!-- <div class="security_m_l_titlepaperTimeri"> |
| | | {{ data.paperTime.slice(8, 10) }} |
| | | </div> |
| | | <div class="security_m_l_downsecuritynumber"> |
| | | </div> --> |
| | | <div class="security_m_l_downsecuritynumber widt"> |
| | | {{ data.securitynumber }} |
| | | </div> |
| | | <div class="security_m_r_o_right">{{ data.realName }}</div> |
| | | <div class="security_m_r_o_rightbirthday">{{ data.birthday }}</div> |
| | | <div class="security_m_r_o_rightaddress security_m_r_o_l_r"> |
| | | <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_rightaddress security_m_r_o_l_r widt"> |
| | | {{ data.address }} |
| | | </div> |
| | | <div class="security_m_r_o_rightcardid">{{ data.cardid }}</div> |
| | |
| | | } |
| | | // 标题 |
| | | $upTop: 55px; |
| | | $downTop: 280px; |
| | | $downTop: 230px; //整体高度 |
| | | //经国家保安员考试审查合格。<br />特颁此证。 |
| | | .security_main-title { |
| | | position: absolute; |
| | |
| | | .security_m_l_center { |
| | | position: absolute; |
| | | top: $downTop; |
| | | left: 39px; |
| | | font-size: 18px; |
| | | left: 32px; |
| | | font-size: 16px; |
| | | line-height: 40px; |
| | | } |
| | | //证件编号 |
| | | .security_m_l_down { |
| | | position: absolute; |
| | | top: 421px; |
| | | left: 39px; |
| | | left: 32px; |
| | | font-size: 24px; |
| | | font-weight: 500; |
| | | } |
| | | |
| | | $rightLeft: 343px; |
| | |
| | | width: $rightWidth; |
| | | text-align: justify; |
| | | text-align-last: justify; |
| | | font-weight: 500; |
| | | } |
| | | //出生年月 |
| | | .security_m_r_b { |
| | |
| | | // 抬头名字 |
| | | .security_m_l_titleName { |
| | | position: absolute; |
| | | top: 46px; |
| | | top: 16px; |
| | | left: 85px; |
| | | line-height: 45px; |
| | | font-size: 22px; |
| | |
| | | letter-spacing: 3px; |
| | | } |
| | | //发证时间 |
| | | $timeTop: 320px; |
| | | $timeTop: 280px; //整体高度 |
| | | //年 |
| | | .security_m_l_titlepaperTimenian { |
| | | position: absolute; |
| | | top: $timeTop; |
| | | left: 123px; |
| | | left: 104px; |
| | | font-size: 18px; |
| | | line-height: 40px; |
| | | // font-weight: 500; |
| | | } |
| | | //月 |
| | | .security_m_l_titlepaperTimeyue { |
| | | position: absolute; |
| | | top: $timeTop; |
| | | left: 192px; |
| | | left: 164px; |
| | | font-size: 18px; |
| | | line-height: 40px; |
| | | // font-weight: 500; |
| | | } |
| | | //日 |
| | | .security_m_l_titlepaperTimeri { |
| | | position: absolute; |
| | | top: $timeTop; |
| | | left: 253px; |
| | | left: 209px; |
| | | font-size: 18px; |
| | | line-height: 40px; |
| | | // font-weight: 500; |
| | | } |
| | | //证件编号 |
| | | .security_m_l_downsecuritynumber { |
| | | position: absolute; |
| | | top: 421px; |
| | | left: 160px; |
| | | top: 369px; //整体高度 |
| | | left: 146px; |
| | | font-size: 24px; |
| | | } |
| | | |
| | | |
| | | |
| | | //内容 |
| | | // 姓名 |
| | | $centerLeft: 430px; |
| | | $centerLeft: 440px; |
| | | .security_m_r_o_right { |
| | | position: absolute; |
| | | top: $downTop; |
| | | left: $centerLeft; |
| | | font-size: $rightFontSize; |
| | | // width: $rightWidth; |
| | | // font-weight: 500; |
| | | } |
| | | // 生日 |
| | | .security_m_r_o_rightbirthday { |
| | |
| | | left: $centerLeft; |
| | | font-size: $rightFontSize; |
| | | // width: $rightWidth; |
| | | // font-weight: 500; |
| | | } |
| | | // 地址 |
| | | .security_m_r_o_rightaddress { |
| | |
| | | left: $centerLeft; |
| | | font-size: $rightFontSize; |
| | | width: 160px; |
| | | // font-weight: 500; |
| | | } |
| | | // 身份证 |
| | | .security_m_r_o_rightcardid { |
| | |
| | | left: $centerLeft; |
| | | font-size: $rightFontSize; |
| | | // width: $rightWidth; |
| | | // font-weight: 500; |
| | | } |
| | | //背景图 |
| | | .security_main_backImge { |
| | |
| | | background-size: 100% 100%; |
| | | background-repeat: no-repeat; |
| | | } |
| | | // .widt{ |
| | | // font-weight: 550; |
| | | // } |
| | | </style> |