index.html 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
  6. <title>退役军人</title>
  7. <link rel="stylesheet" href="./styles/bootstrap.min.css">
  8. <link rel="stylesheet" href="./styles/styles.css">
  9. </head>
  10. <body>
  11. <div class="box" id="container">
  12. <div class="title">
  13. <img src="./images/title.png" alt="">
  14. </div>
  15. <div class="menu">
  16. <div class="menu-item bg1" onclick="codeClick()">
  17. <div>
  18. <div>
  19. <img src="./images/mobile-terminal.png" alt="">
  20. </div>
  21. <p>退役军人教育培训服务移动系统</p>
  22. </div>
  23. </div>
  24. <div class="menu-item bg2" onclick="menuClick('http://veterreport.hw.hongweisoft.com/#/bigscreen/viewer?reportCode=12323')">
  25. <div>
  26. <div>
  27. <img src="./images/operation-center.png" alt="">
  28. </div>
  29. <p>退役军人职业教育基地运营中心</p>
  30. </div>
  31. </div>
  32. <div class="menu-item bg3" onclick="menuClick('http://veterhcompany.hw.hongweisoft.com/')">
  33. <div>
  34. <div>
  35. <img src="./images/enterprise-system.png" alt="">
  36. </div>
  37. <p>退役军人企业招聘服务管理系统</p>
  38. </div>
  39. </div>
  40. <div class="menu-item bg4" onclick="menuClick('https://veterweb.hw.hongweisoft.com/')">
  41. <div>
  42. <div>
  43. <img src="./images/integrated-system.png" alt="">
  44. </div>
  45. <p>退役军人教育培训服务综合管理系统</p>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="dialog-box">
  50. <div class="dialog">
  51. <div class="dialog-code">
  52. <span class="dialog-close">关闭</span>
  53. <p class="dialog-title">退役军人教育培训服务移动端系统</p>
  54. <div id="qrcode"></div>
  55. <p class="dialog-tips">手机扫一扫</p>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
  61. <script type="text/javascript" src="js/qrcode.min.js"></script>
  62. <script type="text/javascript">
  63. const qrcode = new QRCode('qrcode', {
  64. text: 'https://veterh5.hw.hongweisoft.com/#/',
  65. width: 216,
  66. height: 216,
  67. colorDark: '#000000',
  68. colorLight: '#ffffff',
  69. correctLevel: QRCode.CorrectLevel.H
  70. });
  71. function menuClick(url) {
  72. window.open(url)
  73. }
  74. $('.dialog-close').click(function () {
  75. $('.dialog-box').hide();
  76. })
  77. function codeClick() {
  78. $('.dialog-box').show();
  79. }
  80. </script>
  81. </body>
  82. </html>