index.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="renderer" content="webkit">
  7. <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
  8. <link rel="stylesheet" type="text/css" href="./css/normalize.css" />
  9. <link rel="stylesheet" type="text/css" href="./css/ren.css" />
  10. <link rel="stylesheet" type="text/css" href="./css/general.css" />
  11. <link rel="stylesheet" href="css/style.css" />
  12. <link rel="stylesheet" href="css/index.css">
  13. <script type="text/javascript" src="js/rem.js"></script>
  14. <title>老旧小区改造项目(二标段)智慧平台</title>
  15. </head>
  16. <body style="visibility: hidden;" class="ljxqdp-container">
  17. <div class="container-flex" tabindex="0" hidefocus="true">
  18. <iframe src="http://1.190.195.54:8000/workspace/ljxqgz/index.html" frameborder="0" style="width: 100%;"></iframe>
  19. <div class="index-content">
  20. <div class="index-left">
  21. <div class="title-box">
  22. <h6>项目信息</h6>
  23. </div>
  24. <ul class="index-left-top">
  25. <li>项目名称:道里区2023年老旧小区改造项目</li>
  26. <li>建筑面积:80万平方米</li>
  27. <li>项目地点:道里区工程小区、河松小区、迎宾小区、城安小区、银都小区、省报社小区、森林小区、索菲亚小区等</li>
  28. <li>建设单位:道里区住房和城乡建设局</li>
  29. <li>施工单位:哈尔滨建工建设有限公司</li>
  30. <li>监理单位:道里区住房和城乡建设局</li>
  31. <li>设计单位:</li>
  32. <li>总包单位:</li>
  33. </ul>
  34. <div class="title-box">
  35. <h6>项目目标</h6>
  36. </div>
  37. <ul class="index-left-middle">
  38. <li><span>绿色工地</span><span>节能工地</span></li>
  39. <li><span>智慧工地</span><span>协同管控 标准化工地</span></li>
  40. <li><span>装配式构件</span><span>装配式施工</span></li>
  41. <li><span>质量</span><span>优质</span></li>
  42. <li><span>安全</span><span>全国建设工程施工安全生产标准化工地</span></li>
  43. </ul>
  44. <div class="title-box">
  45. <h6>总体进度</h6>
  46. </div>
  47. <div class="index-left-bottom">
  48. <div id="jindu"></div>
  49. <div class="index-left-bottom-jindu">
  50. <span style="text-align: center;">安全生产天数</span>
  51. <span style="font-size: 0.36rem;color: orange;text-align: center;">25天</span>
  52. <div style="display:flex;flex-direction: column;">
  53. <span>开工:2023年5月20日</span>
  54. <span>计划竣工:2024年10月31日</span>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="index-center">地图</div>
  60. <div class="index-right">人机料</div>
  61. </div>
  62. </div>
  63. </body>
  64. <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  65. <script type="text/javascript" src="js/echarts.min.js"></script>
  66. <script type="text/javascript" src="js/echarts-liquidfill.min.js"></script>
  67. <!-- <script type="text/javascript" src="js/base.js"></script> -->
  68. <script type="text/javascript">
  69. $('document').ready(function () {
  70. $("body").css('visibility', 'visible');
  71. let chartDom = document.getElementById('jindu');
  72. let myChart = echarts.init(chartDom);
  73. let option = {
  74. // grid: {
  75. // left: 0,
  76. // top: 0,
  77. // width: '100%'
  78. // },
  79. radius: '200%',
  80. series: [{
  81. type: 'liquidFill',
  82. data: [0.6, 0.5, 0.4, 0.3]
  83. }]
  84. };
  85. myChart.setOption(option);
  86. })
  87. </script>
  88. </html>