二维码

liuyg

2021-10-13 6b5c7f553667bedddd7068e594134ed3de9ec858

 public/securityPrint.html

@@ -13,7 +13,7 @@
            align-items: center;
            justify-content: center;
        }
        

        .print {
            position: relative;
            left: 45%;
@@ -26,7 +26,7 @@
            color: #fff;
            letter-spacing: 4px;
        }
        

        #table {
            margin-left: 26%;
            color: #000;
@@ -41,7 +41,7 @@
            background: url(./img/bazbj.png) no-repeat;
            background-size: 100% 100%;
        }
        

        #table1 {
            margin-left: 26%;
            color: #000;
@@ -51,7 +51,7 @@
            border-radius: 7px;
            margin-top: 100px;
        }
        

        .user-info-table {
            margin-top: 30px;
            width: 90%;
@@ -59,7 +59,7 @@
            border: 1px solid #000;
            background-color: #fff;
        }
        

        .table-top {
            width: 100%;
            height: 16%;
@@ -68,19 +68,19 @@
            font-size: 4rem;
            letter-spacing: 15px;
        }
        

        .table-center {
            font-size: 2rem;
            width: 100%;
            height: 60%;
            font-weight: 200;
        }
        

        .img-title {
            width: 100%;
            font-size: 14px;
        }
        

        .table-center-right {
            width: 152px;
            height: 205px;
@@ -91,7 +91,7 @@
            /* border: 1px solid; */
            text-align: center;
        }
        

        .table-center-right img {
            width: 100%;
            height: 100%;
@@ -99,57 +99,57 @@
            vertical-align: middle;
            border-radius: 10px;
        }
        

        .security-info {
            margin-left: 5rem;
            margin-top: 1.8rem;
        }
        

        .table-down {
            font-size: 14px;
            width: 100%;
            margin-top: -40px;
        }
        

        .paper-unit {
            margin-left: 20px;
            float: left;
        }
        

        .paper-date {
            margin-left: 215px;
        }
        

        .user-info-tr {
            height: 50px;
            font-size: 14px;
        }
        

        .avatar {
            width: 140px;
            height: 190px;
        }
        

        .title {
            margin-top: 20px;
            font-size: 28px;
            font-weight: 500;
        }
        

        .avatar {
            width: 140px;
            height: 190px;
        }
        

        .my-picture {
            width: 150px;
            /* height: 200px; */
        }
        

        .avatar {
            width: 100%;
        }
        

        .qrCode {
            margin-top: 0px;
            margin-left: 25px;
@@ -210,7 +210,7 @@
        </div>
    </div>
    <script>
        var getData = function(name) {
        var getData = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
@@ -222,11 +222,11 @@
        var securityName = JSON.parse(getData("data")).securityName;
        // console.log(JSON.parse(getData("data")), 111);

        axios.get('http://223.82.109.183:2080/api/apply/userDetail?id=' + id).then(function(res) {
        axios.get('http://223.82.109.183:2080/api/apply/userDetail?id=' + id).then(function (res) {

            var data = res.data.data;
            var img = data.avatar ? `<div class="avatar"><img src="${data.avatar}"></div>` : `<div class="img-title">暂无照片</div>`
            axios.get('http://223.82.109.183:2080/api/qrCode/getQrCodeBase64?securityNumber=' + data.securitynumber).then(function(res1) {
            axios.get('http://223.82.109.183:2080/api/qrCode/getQrCodeBase64?securityNumber=' + data.securitynumber).then(function (res1) {
                console.log(res1.data, 333);
                var qrCode = res1.data ? `<div class="qrCode"><img src="${res1.data}"></div>` : `<div"></div>`
                var str = `<div id="table1"></div>
@@ -242,7 +242,7 @@
                        </div>
                        <div class="security-info">
                            <span>性别:</span>
                            <span>&nbsp;${data.sex==1?"男":(data.sex==2?"女":"")}</span>
                            <span>&nbsp;${data.sex == 1 ? "男" : (data.sex == 2 ? "女" : "")}</span>
                        </div>
                        <div class="security-info">
                            <span>编号:</span>
@@ -264,7 +264,7 @@
                </div>
            </div>
        </div>`
                    // <img src="${data.avatar}">
                // <img src="${data.avatar}">
                var dom = $('#print');
                dom.empty();
                dom.append(str);