209 lines
9.8 KiB
HTML
209 lines
9.8 KiB
HTML
<!DOCTYPE html>
|
||
<!-- saved from url=(0082)https://fushe.chinansc.cn/open/cert-view?guid=8F1C280D-04CF-6D25-9C1E-252394AF2CC4 -->
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||
<meta name="renderer" content="webkit">
|
||
<title>
|
||
报告单
|
||
</title>
|
||
<style>
|
||
body {
|
||
margin: 0 auto;
|
||
-webkit-print-color-adjust: exact;
|
||
}
|
||
|
||
.paper>.cell {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
|
||
.toolbar {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
background: rgba(255, 255, 255, .9);
|
||
font-size: 16px;
|
||
width: 100%;
|
||
padding: 10px;
|
||
z-index: 9;
|
||
}
|
||
|
||
.toolbar select {
|
||
font: inherit;
|
||
padding: 5px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.toolbar .handle {
|
||
position: absolute;
|
||
right: 30px;
|
||
}
|
||
|
||
.btn-print {
|
||
font-size: 20px;
|
||
padding: 5px 20px;
|
||
cursor: pointer;
|
||
background: #3676D9;
|
||
color: white;
|
||
border: 1px solid #333;
|
||
}
|
||
|
||
.btn-print:hover {
|
||
background: #3091ff;
|
||
}
|
||
|
||
.paper>.cell {
|
||
page-break-after: always;
|
||
padding: 70pt;
|
||
|
||
margin: 0 auto;
|
||
}
|
||
|
||
@page {
|
||
size: auto;
|
||
margin: -1px;
|
||
}
|
||
|
||
@media print {
|
||
.paper>.cell {
|
||
max-width: auto;
|
||
padding: 0pt;
|
||
}
|
||
|
||
.toolbar {
|
||
display: none;
|
||
}
|
||
|
||
/**
|
||
不打印背景图background:transparent
|
||
打印背景图:background-color:transparent
|
||
*/
|
||
.cert {
|
||
background: transparent;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="toolbar" id="print_area">
|
||
<div class="handle">
|
||
<button class="btn-print" type="button" onclick="printPage();"> 打印 </button>
|
||
</div>
|
||
</div>
|
||
<div class="paper">
|
||
<div class="cell">
|
||
<div class="cert active" id="cert"
|
||
style="position: relative; ;background:url(/media/default/bg.jpg); background-size: cover; width: 208mm; height: 149mm; font-size: 10pt; font-weight: normal; font-family: arial, simsun; zoom: 1;">
|
||
<div id="RBfDmosc8Wsjo3iNMXZVRh" class="cell moveable " title="自定义文本"
|
||
style="position: absolute; width: 99mm; min-height: 5mm; line-height: 1.5; text-indent: 0em; top: 21.33mm; left: 68mm; font-size: 16pt; text-align: left; color: rgb(0, 0, 0);"
|
||
draggable="true">
|
||
<div class="editable" style="background-color: transparent; word-break: break-all;">
|
||
{% if candidate.is_manual %}
|
||
核技术利用辐射安全与防护考核
|
||
{% else %}
|
||
Ⅲ类射线装置辐射工作人员
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
<div id="AyDcC9mtcxH32vophekNA6" class="cell moveable " title="自定义文本"
|
||
style="position: absolute; width: 50mm; min-height: 5mm; font-family: arial, simhei; line-height: 1.5; text-indent: 0em; top: 35.34mm; left: 78.86mm; font-size: 25pt; color: rgb(255, 0, 0);"
|
||
draggable="true">
|
||
<div class="editable" style="background-color: transparent; word-break: break-all;">成绩报告单</div>
|
||
</div>
|
||
{% if candidate.photo %}
|
||
<img id="WczkWV4Dj1eUzqHrNQyeQb" class="cell moveable " src="{{candidate.photo}}"
|
||
title="考生照片" alt="考生照片"
|
||
style="position: absolute; width: 25mm; height: 35mm; top: 23.84mm; left: 157.7mm;"
|
||
draggable="true">
|
||
{% endif %}
|
||
|
||
<div id="Qg25ZuNSy2Ps4wQGcKtpqu" class="cell moveable " title="自定义文本"
|
||
style="position: absolute; width: 150mm; min-height: 5mm; line-height: 2; text-indent: 2em; top: 66.3mm; left: 28.92mm; font-size: 12pt; color: rgb(0, 0, 0); font-weight: normal;"
|
||
draggable="true">
|
||
<div class="editable" style="background-color: transparent; word-break: break-all;"
|
||
contenteditable="false"><span contenteditable="false" class="inner-cell"
|
||
data-tag="name">{{candidate.consumer_name}}</span>，
|
||
<span contenteditable="false" class="inner-cell" data-tag="gender">{{candidate.msg.sex}}</span>，
|
||
<span contenteditable="false" class="inner-cell" data-tag="birthday">{{candidate.msg.year}}年{{candidate.msg.month}}月{{candidate.msg.day}}日</span>生，
|
||
<span contenteditable="false"
|
||
class="inner-cell" data-tag="idtype">身份证</span>：<span contenteditable="false"
|
||
class="inner-cell" data-tag="idno">{{candidate.ID_number}}</span>，于
|
||
<!-- <span contenteditable="false" class="inner-cell" data-tag="examyear">2021</span>年 -->
|
||
<span contenteditable="false" class="inner-cell" data-tag="exammonth">{{candidate.examtest_date|date}}</span>参加
|
||
<span contenteditable="false"
|
||
class="inner-cell" data-tag="pworktype">{{candidate.workscope_name}}</span> 辐射安全与防护考核，成绩合格。</div>
|
||
</div>
|
||
<div id="8cBDPhuQ2bx7BMR7gCEXwo" class="cell moveable " title="自定义文本"
|
||
style="position: absolute; width: 63mm; min-height: 5mm; line-height: 2; text-indent: 1em; top: 89.56mm; left: 28.92mm; font-size: 12pt; color: rgb(0, 0, 0);"
|
||
draggable="true">
|
||
<div class="editable" style="background-color: transparent; word-break: break-all;">编号：<span
|
||
contenteditable="false" class="inner-cell" data-tag="certnumber">{{candidate.number}}</span>
|
||
</div>
|
||
</div>
|
||
<div id="XrsAo57jnLFhfiMUeea7DK" class="cell moveable " title="自定义文本"
|
||
style="position: absolute; width: 100mm; min-height: 5mm; line-height: 1.5; text-indent: 0em; top: 117.62mm; left: 26.76mm;"
|
||
draggable="true">
|
||
<!-- <div class="editable" style="background-color: transparent; word-break: break-all;"
|
||
contenteditable="false">报告单查询网址：fushe.mee.gov.cn</div> -->
|
||
</div>
|
||
<div id="qrcode" style="position: absolute; width: 25mm; height: 25mm; top: 101.48mm; left: 152.69mm;"></div>
|
||
<!-- <img id="qrcode" class="cell moveable " src="./报告单_files/qrcode" title="二维码"
|
||
alt="二维码" style="position: absolute; width: 25mm; height: 25mm; top: 101.48mm; left: 152.69mm;"
|
||
draggable="true"> -->
|
||
<div id="AkTVQPAB5skpWAwyV5QGPm" class="cell moveable " title="自定义文本"
|
||
style="position: absolute; width: 18mm; min-height: 5mm; line-height: 1.5; text-indent: 0em; text-decoration: unset; font-style: normal; color: rgb(0, 0, 0); top: 90.56mm; left: 91.83mm; font-size: 12pt;"
|
||
draggable="true">
|
||
<div class="editable" style="background-color: transparent; word-break: break-all;">有效期：</div>
|
||
</div>
|
||
<div id="HujNqAvi2kaCjDxgWNBguP" class="cell moveable " title="自定义文本"
|
||
style="position: absolute; width: 10mm; min-height: 5mm; line-height: 1.5; text-indent: 0em; text-decoration: unset; font-style: normal; color: rgb(0, 0, 0); top: 90.56mm; left: 140.05mm; font-size: 12pt;"
|
||
draggable="true">
|
||
<div class="editable" style="background-color: transparent; word-break: break-all;">至</div>
|
||
</div><span id="MAAR3FWxqXrieXZQTwJ9PJ" class="cell moveable " title="有效截止日期" dtype="1" draggable="true"
|
||
style="position: absolute; width: 34mm; text-decoration: unset; font-style: normal; color: rgb(0, 0, 0); top: 91mm; left: 146.09mm; font-size: 12pt;"><span
|
||
data-tag="enddate">{{candidate.end_date}}</span></span><span id="N9LxjQaAG4TXvjiHd9nwm7"
|
||
class="cell moveable " title="发证日期" dtype="1" draggable="true"
|
||
style="position: absolute; width: 32mm; text-decoration: unset; font-style: normal; color: rgb(0, 0, 0); top: 91mm; left: 107.7mm; font-size: 12pt;"><span
|
||
data-tag="certdate">{{candidate.start_date}}</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
|
||
<script type="text/javascript">
|
||
// $(document).ready(function() {
|
||
|
||
|
||
// });
|
||
console.log(window.location.href)
|
||
new QRCode(document.getElementById("qrcode"), {
|
||
text: window.location.href,
|
||
width: 100,
|
||
height: 100});
|
||
function init() {
|
||
// $('select').change(function() {
|
||
// $('form').submit();
|
||
// });
|
||
|
||
if (navigator.userAgent.match(/mobile/i)) {
|
||
// $('#print_area').hide();
|
||
document.querySelector('#print_area').style.display = 'none';
|
||
}
|
||
}
|
||
function printPage() {
|
||
setTimeout(function () {
|
||
window.print();
|
||
}, 200);
|
||
}
|
||
</script>
|
||
</body>
|
||
|
||
</html> |