pmjk.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <meta content="yes" name="apple-mobile-web-app-capable">
  7. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  8. <meta content="telephone=no" name="format-detection">
  9. <title>气象站</title>
  10. <meta name="Keywords" content="" />
  11. <meta name="Description" content="" />
  12. <link href="css/global.css" rel="stylesheet"><link href="css/pmjk.css" rel="stylesheet"></head>
  13. <body>
  14. <div class="wrapper clearfix">
  15. <div class="right-cont">
  16. <div class="top">
  17. <h1>热烈欢迎中国农业部部长参观指导</h1>
  18. </div>
  19. <div class="main">
  20. <div class="left w-half">
  21. <div class="pannel">
  22. <h2>今日数据趋势</h2>
  23. <div class="box">
  24. <img src="images/4e9ffe8f.charts1.jpg" width="100%">
  25. </div>
  26. </div>
  27. <div class="pannel">
  28. <h2>图像切换</h2>
  29. <div class="box">
  30. <div class="cam-list">
  31. <div class="cam"><img src="images/e645d80a.tmp3.jpg" width="100%"></div>
  32. </div>
  33. <div class="cam-tabs"><a href="#" class="cur" data-source="images/e645d80a.tmp3.jpg">1号摄像头</a><a href="#" data-source="images/e645d80a.tmp3.jpg">2号摄像头</a><a href="#" data-source="images/e645d80a.tmp3.jpg">3号摄像头</a></div>
  34. </div>
  35. </div>
  36. <div class="pannel">
  37. <ul class="logs">
  38. <li><h3 class="error">警告提醒</h3><p>温室一号,温度低于36摄氏度,请及时控制温度处理。</p><p class="time">2015.10.29 18:10</p></li>
  39. </ul>
  40. </div>
  41. </div>
  42. <div class="right w-half">
  43. <div class="pannel">
  44. <h2>实时数据监测</h2>
  45. <div class="ul3">
  46. <dl>
  47. <dd class="controller"></dd>
  48. <dt>链接</dt>
  49. <dd class="tit">网关状态</dd>
  50. </dl>
  51. <dl>
  52. <dd class="controller"><em>正常</em><a href="#" class="icons ico-setting"></a></dd>
  53. <dt>4.1</dt>
  54. <dd class="tit">电源状态(V)</dd>
  55. </dl>
  56. <dl>
  57. <dd class="controller"><em>正常</em><a href="#" class="icons ico-setting"></a></dd>
  58. <dt>85</dt>
  59. <dd class="tit">湿度(%RH)</dd>
  60. </dl>
  61. <dl>
  62. <dd class="controller"><em class="error">下线超标</em><a href="#" class="icons ico-setting"></a></dd>
  63. <dt>10284</dt>
  64. <dd class="tit">光照(LUX)</dd>
  65. </dl>
  66. <dl>
  67. <dd class="controller"><em>正常</em><a href="#" class="icons ico-setting"></a></dd>
  68. <dt>4.1</dt>
  69. <dd class="tit">电源状态(V)</dd>
  70. </dl>
  71. <dl>
  72. <dd class="controller"><em>正常</em><a href="#" class="icons ico-setting"></a></dd>
  73. <dt>4.1</dt>
  74. <dd class="tit">电源状态(V)</dd>
  75. </dl>
  76. <dl>
  77. <dd class="controller"><em>正常</em><a href="#" class="icons ico-setting"></a></dd>
  78. <dt>85</dt>
  79. <dd class="tit">湿度(%RH)</dd>
  80. </dl>
  81. <dl>
  82. <dd class="controller"><em class="error">下线超标</em><a href="#" class="icons ico-setting"></a></dd>
  83. <dt>10284</dt>
  84. <dd class="tit">光照(LUX)</dd>
  85. </dl>
  86. <dl>
  87. <dd class="controller"><em>正常</em><a href="#" class="icons ico-setting"></a></dd>
  88. <dt>4.1</dt>
  89. <dd class="tit">电源状态(V)</dd>
  90. </dl>
  91. <dl>
  92. <dd class="controller"><em class="error">下线超标</em><a href="#" class="icons ico-setting"></a></dd>
  93. <dt>10284</dt>
  94. <dd class="tit">光照(LUX)</dd>
  95. </dl>
  96. <dl>
  97. <dd class="controller"><em>正常</em><a href="#" class="icons ico-setting"></a></dd>
  98. <dt>4.1</dt>
  99. <dd class="tit">电源状态(V)</dd>
  100. </dl>
  101. <dl>
  102. <dd class="controller"><em>正常</em><a href="#" class="icons ico-setting"></a></dd>
  103. <dt>4.1</dt>
  104. <dd class="tit">电源状态(V)</dd>
  105. </dl>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <script type="text/javascript" src="js/global.js"></script><script type="text/javascript" src="js/pmjk.js"></script></body>
  113. </html>