socialAssistance.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>数据中心</title>
  8. <link rel="stylesheet" href="css/conmon.css">
  9. <link rel="stylesheet" href="css/index.css">
  10. <style>
  11. #shjzEchar {
  12. width: 1450px;
  13. height: 710px;
  14. margin-left: -65px;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div style="width:100%;height:280px" id="header"></div>
  20. <div class="main">
  21. <div class="menu">
  22. <ul class="tabs">
  23. <li onclick="window.location.href='socialSecurity.html'">
  24. <img src="images/menu_shbz.png" alt="" style="width: 27px;height: 21px;"
  25. data-name="shbz"><span>社会保障</span>
  26. <div class="arrow" style="visibility: hidden;"></div>
  27. </li>
  28. <li onclick="window.location.href='culturalTourism.html'"><img src="images/menu_whlx.png" alt=""
  29. style="width: 22px;height: 26px;" data-name="whlx"><span>文化旅游</span>
  30. <div class="arrow" style="visibility: hidden;"></div>
  31. </li>
  32. <li onclick="window.location.href='healthCare.html'"><img src="images/menu_wsyl.png" alt=""
  33. style="width: 30px;height: 29px;" data-name="wsyl"><span>卫生医疗</span>
  34. <div class="arrow" style="visibility: hidden;"></div>
  35. </li>
  36. <li class="click" onclick="window.location.href='socialAssistance.html'"><img
  37. src="images/menu_shjzp.png" alt="" style="width: 31px;height: 27px;"
  38. data-name="shjz"><span>社会救助</span>
  39. <div class="arrow"></div>
  40. </li>
  41. </ul>
  42. </div>
  43. <div class="content">
  44. <div class="items div-shjz">
  45. <ul class="title">
  46. <li class="list click" data-type="1">最低生活保障数据</li>
  47. <li class="list" data-type="2">特困人员救助供养数据</li>
  48. <li class="list" data-type="3">临时救助数据</li>
  49. </ul>
  50. <div id="shjzEchar"></div>
  51. </div>
  52. </div>
  53. </div>
  54. <div style="width:100%;" id="footer"></div>
  55. </body>
  56. <script src="js/jquery-3.5.1.min.js"></script>
  57. <script src="js/echarts.min.js"></script>
  58. <script src="js/socialAssistance.js"></script>
  59. <script>
  60. //社会救助菜单导航
  61. $('.div-shjz .title').on('click', 'li', function () {
  62. var tapsTitleLi = $('.div-shjz .title li');
  63. tapsTitleLi.removeClass('click');
  64. $(this).addClass('click');
  65. })
  66. </script>
  67. <script>
  68. setHeader()
  69. setFooter()
  70. function setHeader(){
  71. $("#header").load("https://www.cqna.gov.cn/ggbf_search/ggyr/2022top/head.html")
  72. }
  73. function setFooter(){
  74. $("#footer").load("https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/foot.html")
  75. }
  76. </script>
  77. </html>