Administrator
2021-08-31 eca820be5171a83aa328acfb0d2f7949a74cedd2
public/securityPrint.html
@@ -15,41 +15,41 @@
        }
        
        .print {
            position: absolute;
            left: 43%;
            top: 60%;
            position: relative;
            left: 45%;
            margin-top: 30px;
            width: 7%;
            height: 36px;
            border-radius: 9px;
            background-color: #1D5CE4;
            background-color: #409EFF;
            border: 0px;
            color: #fff;
            letter-spacing: 4px;
        }
        
        #table {
            margin-left: 35%;
            margin-left: 26%;
            color: #000;
            position: fixed;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 400px;
            height: 250px;
            width: 750px;
            height: 550px;
            border-radius: 7px;
            margin-top: -250px;
            margin-top: -550px;
            background: url(./img/bazbj.png) no-repeat;
            background-size: 100% 100%;
        }
        
        #table1 {
            margin-left: 35%;
            margin-left: 26%;
            color: #000;
            width: 400px;
            height: 250px;
            width: 750px;
            height: 550px;
            background-color: #fff;
            border-radius: 7px;
            margin-top: 200px;
            margin-top: 100px;
        }
        
        .user-info-table {
@@ -62,26 +62,27 @@
        
        .table-top {
            width: 100%;
            height: 20%;
            margin-top: 20px;
            height: 16%;
            margin-top: 30px;
            text-align: center;
            font-size: 32px;
            letter-spacing: 10px;
            font-size: 4rem;
            letter-spacing: 15px;
        }
        
        .table-center {
            font-size: 14px;
            font-size: 2rem;
            width: 100%;
            height: 60%;
            font-weight: 200;
        }
        
        .table-center-right {
            width: 70px;
            height: 70px;
            line-height: 70px;
            margin-left: 290px;
            margin-top: -100px;
            border-radius: 100px;
            width: 152px;
            height: 205px;
            line-height: 205px;
            margin-left: 510px;
            margin-top: -350px;
            border-radius: 10px;
            /* border: 1px solid; */
            text-align: center;
        }
@@ -95,8 +96,8 @@
        }
        
        .security-info {
            margin-left: 20px;
            margin-top: 18px;
            margin-left: 5rem;
            margin-top: 1.8rem;
        }
        
        .table-down {
@@ -147,9 +148,7 @@
<body>
    <div class="fo">
        <div>
            <button onclick="preview(1)" class="print">打印</button>
        </div>
        <!--startprint-->
        <div id="print">
@@ -190,11 +189,11 @@
            </div>
        </div> -->
            <!--endprint-->
        </div>
        <div>
            <button onclick="preview(1)" class="print">打印</button>
        </div>
    </div>
    <script>
        var getData = function(name) {
@@ -210,6 +209,7 @@
        // console.log(JSON.parse(getData("data")), 111);
        axios.get('http://223.82.109.183:2080/api/apply/userDetail?id=' + id).then(function(res) {
            var data = res.data.data;
            var str = `<div id="table1"></div>
            <div id="table">
@@ -230,19 +230,17 @@
                            <span>编号:</span>
                            <span>&nbsp;${data.securitynumber}</span>
                        </div>
                        <div class="security-info">
                            <span>发证机关:</span>
                            <span>&nbsp;南昌市公安局</span>
                        </div>
                        <div class="security-info">
                            <span>发证日期:</span>
                            <span>&nbsp;${data.paperTime}</span>
                        </div>
                    </div>
                    <div class="table-center-right">
                        <img src="${data.avatar}">
                    </div>
                </div>
                <div class="table-down">
                    <div class="paper-unit">
                        <span>发证机关:</span>
                        <span>&nbsp;南昌市公安局</span>
                    </div>
                    <div class="paper-date">
                        <span>发证日期:</span>
                        <span>&nbsp;${data.paperTime}</span>
                            <img src="${data.avatar}">
                    </div>
                </div>
            </div>