logs.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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/logs.css" rel="stylesheet"></head>
  13. <body>
  14. <section class="has-bbar">
  15. <h2 class="common-tit">设备日志记录</h2>
  16. <div class="form-group-head">设备清单</div>
  17. <ul>
  18. <li class="form-th">
  19. <p>设备名称</p>
  20. <p class="txt-m">数量</p>
  21. <p class="txt-m">日期</p>
  22. </li>
  23. <li class="form-tr">
  24. <p>通讯网关</p>
  25. <p class="ora txt-m">1</p>
  26. <p class="txt-m">15.10.10</p>
  27. </li>
  28. <li class="form-tr">
  29. <p>通讯网关</p>
  30. <p class="ora txt-m">1</p>
  31. <p class="txt-m">15.10.10</p>
  32. </li>
  33. <li class="form-tr">
  34. <p>通讯网关</p>
  35. <p class="ora txt-m">1</p>
  36. <p class="txt-m">15.10.10</p>
  37. </li>
  38. <li class="form-tr">
  39. <p>通讯网关</p>
  40. <p class="ora txt-m">1</p>
  41. <p class="txt-m">15.10.10</p>
  42. </li>
  43. </ul>
  44. <div class="form-group-head">设备分布图纸</div>
  45. <section>
  46. <img src="images/a1e19d4f.tmp.jpg" width="100%">
  47. </section>
  48. <div class="form-group-head">设备日志</div>
  49. <section>
  50. <dl class="msg-card">
  51. <dt><span class="warn">系统消息</span></dt>
  52. <dd>由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状,有自己的运行轨道。</dd>
  53. <dd class="date">2015.10.29 18:10</dd>
  54. </dl>
  55. <dl class="msg-card">
  56. <dt><span class="warn">系统消息</span></dt>
  57. <dd>由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状,有自己的运行轨道。</dd>
  58. <dd class="date">2015.10.29 18:10</dd>
  59. </dl>
  60. </section>
  61. </section>
  62. <section class="bbar">
  63. <ul>
  64. <li><a href=""><i class="ico ico-b-1"></i><p>设备监控</p></a></li>
  65. <li><a href=""><i class="ico ico-b-2"></i><p>数据统计</p></a></li>
  66. <li><a href=""><i class="ico ico-b-3"></i><p>图像记录</p></a></li>
  67. <li class="cur"><a href=""><i class="ico ico-b-4"></i><p>设备日志</p></a></li>
  68. </ul>
  69. </section>
  70. <script type="text/javascript" src="js/global.js"></script><script type="text/javascript" src="js/logs.js"></script></body>
  71. </html>