ext_lf_passQrcode.jsp 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <%@ page language="java" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>来访信息</title>
  8. <script type="text/javascript" src="/ss/jquery/jquery1.11.3.min.js"></script>
  9. <script type="text/javascript" src="/ss/qrcode/jquery.qrcode.min.js"></script>
  10. <style>
  11. body {
  12. font-family: Arial, sans-serif;
  13. margin: 0;
  14. padding: 0;
  15. box-sizing: border-box;
  16. background-color: #f8f9fa;
  17. }
  18. .container {
  19. width: 100%;
  20. margin: auto;
  21. padding: 20px;
  22. background-color: #fff;
  23. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  24. }
  25. header {
  26. text-align: center;
  27. padding: 20px 0;
  28. background-color: #007bff;
  29. color: white;
  30. }
  31. header h1 {
  32. margin: 0;
  33. font-size: 24px;
  34. }
  35. table {
  36. width: 100%;
  37. border-collapse: collapse;
  38. margin: 20px 0;
  39. }
  40. table th, table td {
  41. text-align: left;
  42. border-bottom: 1px solid #ddd;
  43. }
  44. table th {
  45. background-color: #f2f2f2;
  46. }
  47. footer {
  48. text-align: center;
  49. padding: 10px 0;
  50. background-color: #f1f1f1;
  51. margin-top: 20px;
  52. }
  53. footer p {
  54. margin: 0;
  55. color: #777;
  56. }
  57. </style>
  58. </head>
  59. <body>
  60. <div class="container">
  61. <header>
  62. <h1>来访信息</h1>
  63. </header>
  64. <table>
  65. <tr>
  66. <th >来访人姓名</th>
  67. <td >${lf.xm}</td>
  68. </tr>
  69. <tr>
  70. <th >身份证号</th>
  71. <td >${lf.sfzh}</td>
  72. </tr>
  73. <tr>
  74. <td colspan="2" id="qrcode"></td>
  75. </tr>
  76. <tr>
  77. <td colspan="2">
  78. <input type="button" style="width: 40%" value="关闭"/>
  79. </td>
  80. </tr>
  81. </table>
  82. </div>
  83. </form>
  84. </body>
  85. <script>
  86. $(document).ready(function(){
  87. $("#qrcode").qrcode("/extRoot?type=12&token=${lf.wblp}") <%-- 这里的 &token= 就是 token,不是 &ssToken=。Lin --%>
  88. })
  89. </script>
  90. </html>