examtest/test_server/crm/templates/index.html

192 lines
9.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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(https://fushe.chinansc.cn:8026/oss/bgimg/10/2d3703c9b2009d57fb0812938f33cd60.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: 62.48mm; font-size: 16pt; text-align: left; color: rgb(0, 0, 0);"
draggable="true">
<div class="editable" style="background-color: transparent; word-break: break-all;">核技术利用辐射安全与防护考核
</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>
<!-- <img id="WczkWV4Dj1eUzqHrNQyeQb" class="cell moveable " src="./报告单_files/342921199403040528.jpg"
title="考生照片" alt="考生照片"
style="position: absolute; width: 25mm; height: 35mm; top: 23.84mm; left: 157.7mm;"
draggable="true"> -->
<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">高彩眉</span><span contenteditable="false" class="inner-cell"
data-tag="gender"></span><span contenteditable="false" class="inner-cell"
data-tag="birthday">1994年03月04日</span>生,<span contenteditable="false" class="inner-cell"
data-tag="idtype">身份证</span><span contenteditable="false" class="inner-cell"
data-tag="idno">342921199403040528</span>,于<span contenteditable="false" class="inner-cell"
data-tag="examyear">2021</span><span contenteditable="false" class="inner-cell"
data-tag="exammonth">01</span>月参加&nbsp;<span contenteditable="false" class="inner-cell"
data-tag="pworktype">医学其他</span>&nbsp;辐射安全与防护考核,成绩合格。</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">FS21ZJ0000070</span>&nbsp;
</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><img id="Q4vEwUqGDkSh5U74XDvaeq" 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: 90.56mm; left: 146.09mm; font-size: 12pt;"><span
data-tag="enddate">2026年01月27日</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: 90.56mm; left: 107.7mm; font-size: 12pt;"><span
data-tag="certdate">2021年01月27日</span></span>
</div>
</div>
</div>
<script type="text/javascript">
// $(document).ready(function() {
// });
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>