From eca820be5171a83aa328acfb0d2f7949a74cedd2 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Tue, 31 Aug 2021 21:28:46 +0800
Subject: [PATCH] 培训报名修改

---
 public/securityPrint.html |   84 ++++++++++++++++++++---------------------
 1 files changed, 41 insertions(+), 43 deletions(-)

diff --git a/public/securityPrint.html b/public/securityPrint.html
index 5f1e4cf..3da7f79 100644
--- a/public/securityPrint.html
+++ b/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>

--
Gitblit v1.9.3