<!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">
            {% if candidate.is_manual %}
            <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;">
                {% else %}
            <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;">
                {% endif %}
                <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.exam_year}}年{{candidate.exam_month}}月</span>参加&nbsp;
                            <span contenteditable="false"
                            class="inner-cell" data-tag="pworktype">{{candidate.workscope_name}}</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">{{candidate.number}}</span>&nbsp;
                    </div>
                </div>
                {% if candidate.is_manual %}
                <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>
                {% endif %}
                <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>