<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" style="font-size: 54px;" >
<head>
    <meta charset="UTF-8">
    <title>保安员资格证</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<script type="text/javascript">
    if (top.location !== self.location) {
        top.location = self.location;
    }
</script>
<link th:href="@{/css/viewCer.css}" rel="stylesheet"/>
<body style="font-size: 12px;">
<div id="app">
    <div>
        <div class="certificate">
            <div class="intro">
                <div class="header">
                    <p class="text">
                        <span class="name left-indent" th:text="${perCerDto.xm}"></span>经国家保安员考试审查合格。
                    </p>
                    <p class="text left-indent">特发此证。</p>
                </div>
                <div class="body">
                    <div th:if="${currentProvince == '110000'}">
                        <p class="org" th:if="'发证公安机关：北京市公安局'"></p>
                    </div>
                    <div th:if="${currentProvince != '110000'}">
                    <p class="org" th:text="'发证公安机关：'+${perCerDto.fzjgmc}"></p>
                </div>

                    <p class="date">发证日期：<span class="num" th:text="${perCerDto.fzrq}"></span></p>
                </div>
                <div class="footer">
                    <p class="text">证件编号：<span class="num" th:text="${perCerDto.zsbh}"></span></p>
                </div>
            </div>
            <div class="info">
                <div class="header"><img  class="photo" th:src="${perCerDto.photo}"></div>
                <div class="body">
                    <p class="name left-indent">
                        <span class="key">姓&nbsp;&nbsp;名：</span>
                        <span class="value" th:text="${perCerDto.xm}"></span>
                    </p>
                    <p class="birth left-indent">
                        <span class="key">出生年月：</span>
                        <span class="value" th:text="${perCerDto.birthDate}"></span></p>
                    <p class="address left-indent">
                        <span class="key">住&nbsp;&nbsp;址：</span>
                        <span class="value" th:text="${perCerDto.address}"></span>
                    </p>
                </div>

                    <div class="footer" th:if="${currentProvince ne '110000'  }">
                        <p class="id-cart left-indent">
                            <span class="key">身份证号码：</span>
                            <span class="value" th:text="${perCerDto.idnum}"></span>
                        </p>
                    </div>

            </div>
        </div>
    </div>
</div>
</body>

</html>