000003.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  5. <meta charset="utf-8">
  6. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  7. <meta content="yes" name="apple-mobile-web-app-capable">
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  9. <meta content="telephone=no" name="format-detection">
  10. <!-- <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css"> -->
  11. <script src="__PUBLIC__/wxapp/js/jquery-1.8.3/jquery.min.js"></script>
  12. <script src="__PUBLIC__/wxapp/js/echarts.min.js"></script>
  13. <script src="__PUBLIC__/html/video/ezuikit.js"></script>
  14. <link rel="stylesheet" href="__PUBLIC__/wxapp/css/jdxf.css">
  15. <title>设备详情</title>
  16. <style>
  17. .bjbox {
  18. margin: 15px 0;
  19. }
  20. .mar {
  21. margin: 0 30px;
  22. }
  23. .bjbox-c {
  24. font-size: 14px;
  25. color: #646464;
  26. }
  27. .box {
  28. height: 20px;
  29. background-color: #F5F5F5;
  30. }
  31. .mar-words {
  32. float: right;
  33. font-size: 18px;
  34. }
  35. .height1dcdcdc {
  36. display: block;
  37. height: 1px;
  38. margin-top: 2px;
  39. margin-bottom: 20px;
  40. background: #DCDCDC;
  41. }
  42. td {
  43. text-align: center;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <!-- 头部 -->
  49. <div class="hand">
  50. <span class="hand-i"><!-- <i class="fa fa-angle-down"></i> -->
  51. <a href="__MODULE__/Inspection/getDeviceList/record_id/{$record_id}/spot_id/{$spot_id}">
  52. <img style="height: 16px;" src="__PUBLIC__/wxapp/images/jd_07.png" alt="">
  53. </a>
  54. </span>
  55. 设备详情
  56. </div>
  57. <!-- 内容块 -->
  58. <div class="bjbox">
  59. <div class="mar">
  60. <span class="ownername">{$list.owner_name}</span>
  61. <span class="mar-words" style="color: #646464;">{$list.zs_status}</span>
  62. </div>
  63. </div>
  64. <div class="box"></div>
  65. <div class="bjbox">
  66. <div class="bjbox-c mar">基本信息</div>
  67. <div class="height1dcdcdc"></div>
  68. <div class="mar">设备类型:{$a.0.dwtype} <br>
  69. 设备编号:{$fume.0.device_id} <br>
  70. <if condition="$dwtype eq 3 ">
  71. 设备厂家:武汉拓宝<br>
  72. 传输方式:Lora<br>
  73. 设备型号:TBS-101<br>
  74. <else/>
  75. 设备厂家:--<br>
  76. 传输方式:--<br>
  77. 设备型号:--<br>
  78. </if>
  79. 物联网卡号:{$a.0.sim}<br>
  80. 安装位置:{$list.azwz}<br>
  81. 添加时间:{$a.0.install_time}
  82. </div>
  83. </div>
  84. <div class="box"></div>
  85. <div class="bjbox">
  86. <div class="bjbox-c mar">基本信息</div>
  87. <div class="height1dcdcdc"></div>
  88. <div class="mar">
  89. {$list.owner_address}
  90. </div>
  91. </div>
  92. <div class="box"></div>
  93. <script>
  94. var player = new EZUIPlayer('video123');
  95. player.on('error', function () {
  96. console.log('error');
  97. });
  98. player.on('play', function () {
  99. console.log('play');
  100. });
  101. player.on('pause', function () {
  102. console.log('pause');
  103. });
  104. </script>
  105. <div class="bjbox">
  106. <div class="bjbox-c mar">图表</div>
  107. <div class="height1dcdcdc" style=" margin-bottom: 0;"></div>
  108. <div class="mar" style="margin: 0;width: 100%;overflow-x: auto;">
  109. <table style="width: 140%;font-size: 14px;">
  110. <tr>
  111. <th>名称</th>
  112. <th>状态</th>
  113. <th>时间</th>
  114. </tr>
  115. <tr>
  116. <td>烟感状态</td>
  117. <td>{$fume.0.type}</td>
  118. <td>{$fume.0.storetime}</td>
  119. </tr>
  120. <tr>
  121. <td>电池电量</td>
  122. <td>{$fume.0.batterylevel}</td>
  123. <td>{$fume.0.storetime}</td>
  124. </tr>
  125. <tr>
  126. <td>信号强度</td>
  127. <td>{$fume.0.rsrq}</td>
  128. <td>{$fume.0.storetime}</td>
  129. </tr>
  130. </table>
  131. </div>
  132. </div>
  133. </body>
  134. </html>