greenhouse.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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"></head>
  13. <body>
  14. <section class="has-bbar">
  15. <div class="form-group-head">设备状态</div>
  16. <ul>
  17. <li class="form-input">
  18. <a href="#">
  19. <i class="ico ico-6"></i><span>网关状态</span><p><span class="error">断开</span></p>
  20. </a>
  21. </li>
  22. <li class="form-input">
  23. <a href="#">
  24. <i class="ico ico-7"></i><span>电源状态</span><p><span>220V</span><i>&gt;</i></p>
  25. </a>
  26. </li>
  27. <li class="form-input">
  28. <a href="#">
  29. <i class="ico ico-7"></i><span>四要素电量</span><p><span>4.1V</span><i>&gt;</i></p>
  30. </a>
  31. </li>
  32. </ul>
  33. <div class="form-group-head">实时视频(或时时图像,都有则上下排列)</div>
  34. <section>
  35. <img src="images/a1e19d4f.tmp.jpg" width="100%">
  36. </section>
  37. <div class="form-group-head">设备采集 2016.8.29 12:50</div>
  38. <ul>
  39. <li class="form-input">
  40. <a href="#">
  41. <span>温度<b class="txt-block">28</b><u class="degree">℃</u></span><p><span>正常</span><i>&gt;</i></p>
  42. </a>
  43. </li>
  44. <li class="form-input">
  45. <a href="#">
  46. <span>湿度<b class="txt-block">780</b><u class="degree">%RH</u></span><p><span class="error">上限超标</span><i>&gt;</i></p>
  47. </a>
  48. </li>
  49. <li class="form-input">
  50. <a href="#">
  51. <span>EC值<b class="txt-block">140</b><u class="degree">ms/cm</u></span><p><span class="error">下限超标</span><i>&gt;</i></p>
  52. </a>
  53. </li>
  54. </ul>
  55. <div class="form-group-head">设备控制</div>
  56. <ul>
  57. <li class="form-input">
  58. <label><span>1号阀门</span><p><a class="btn btn-switch "><i></i></a></p></label>
  59. </li>
  60. <li class="form-input">
  61. <label><span>补光灯</span><p><a class="btn btn-switch open"><i></i></a></p></label>
  62. </li>
  63. <li class="form-input">
  64. <label><span>雾化喷淋</span><p><a class="btn btn-switch loading"><i></i></a></p></label>
  65. </li>
  66. <li class="form-input">
  67. <label><span>放风</span><p><a class="btn btn-switch open loading"><i></i></a></p></label>
  68. </li>
  69. </ul>
  70. </section>
  71. <section class="bbar">
  72. <ul>
  73. <li class="cur"><a href=""><i class="ico ico-b-1"></i><p>设备监控</p></a></li>
  74. <li><a href=""><i class="ico ico-b-2"></i><p>数据统计</p></a></li>
  75. <li><a href=""><i class="ico ico-b-3"></i><p>图像记录</p></a></li>
  76. <li><a href=""><i class="ico ico-b-4"></i><p>设备日志</p></a></li>
  77. </ul>
  78. </section>
  79. <script type="text/javascript" src="js/global.js"></script><script type="text/javascript" src="js/greenhouse.js"></script></body>
  80. </html>