000005.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  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. <script src="__PUBLIC__/wxapp/js/jquery-1.8.3/jquery.min.js"></script>
  11. <script src="__PUBLIC__/wxapp/js/echarts.min.js"></script>
  12. <script src="__PUBLIC__/html/video/ezuikit.js"></script>
  13. <link rel="stylesheet" href="__PUBLIC__/wxapp/css/jdxf.css">
  14. <title>设备详情</title>
  15. <style>
  16. .bjbox {
  17. margin: 15px 0;
  18. }
  19. .mar {
  20. margin: 0 30px;
  21. }
  22. .bjbox-c {
  23. font-size: 14px;
  24. color: #646464;
  25. }
  26. .box {
  27. height: 20px;
  28. background-color: #F5F5F5;
  29. }
  30. .mar-words {
  31. float: right;
  32. font-size: 18px;
  33. }
  34. .height1dcdcdc {
  35. display: block;
  36. height: 1px;
  37. margin-top: 2px;
  38. margin-bottom: 20px;
  39. background: #DCDCDC;
  40. }
  41. td {
  42. text-align: center;
  43. }
  44. </style>
  45. </head>
  46. <body>
  47. <!-- 头部 -->
  48. <div class="hand">
  49. <span class="hand-i">
  50. <a href="__MODULE__/Inspection/getDeviceList/record_id/{$record_id}/spot_id/{$spot_id}">
  51. <img style="height: 16px;" src="__PUBLIC__/wxapp/images/jd_07.png" alt="">
  52. </a>
  53. </span>
  54. 设备详情
  55. </div>
  56. <!-- 内容块 -->
  57. <div class="bjbox">
  58. <div class="mar">
  59. <span class="ownername">{$list.owner_name}</span>
  60. <span class="mar-words" style="color: #646464;">{$list.zs_status}</span>
  61. </div>
  62. </div>
  63. <div class="box"></div>
  64. <div class="bjbox">
  65. <div class="bjbox-c mar">基本信息</div>
  66. <div class="height1dcdcdc"></div>
  67. <div class="mar">设备类型:{$list.dwtypes} <br>
  68. 设备编号:{$list.deviceid} <br>
  69. <if condition="$dwtype eq 6 ">
  70. 设备厂家:上海永天<br>
  71. 传输方式:4G<br>
  72. 设备型号:RTU-1608<br>
  73. <else/>
  74. 设备厂家:--<br>
  75. 传输方式:--<br>
  76. 设备型号:--<br>
  77. </if>
  78. 物联网卡号:{$list.sim}<br>
  79. 安装位置:{$list.azwz}<br>
  80. 添加时间:{$list.install_time}
  81. </div>
  82. </div>
  83. <div class="box"></div>
  84. <div class="bjbox">
  85. <div class="bjbox-c mar">基本信息</div>
  86. <div class="height1dcdcdc"></div>
  87. <div class="mar">
  88. {$list.owner_address}
  89. </div>
  90. </div>
  91. <div class="box"></div>
  92. <script>
  93. var player = new EZUIPlayer('video123');
  94. player.on('error', function () {
  95. console.log('error');
  96. });
  97. player.on('play', function () {
  98. console.log('play');
  99. });
  100. player.on('pause', function () {
  101. console.log('pause');
  102. });
  103. </script>
  104. <div class="bjbox">
  105. <div class="bjbox-c mar">图表</div>
  106. <div class="height1dcdcdc" style=" margin-bottom: 0;"></div>
  107. <div class="mar" style="margin: 0;width: 100%;overflow-x: auto;">
  108. <table style="width: 140%;font-size: 14px;">
  109. <tr>
  110. <th>名称</th>
  111. <th>类型</th>
  112. <th>端口</th>
  113. <th>最后上传值</th>
  114. <th>最后上传时间</th>
  115. </tr>
  116. <volist name="rtu" id="vo">
  117. <tr>
  118. <td>{$vo.data4}</td>
  119. <td>{$vo.types}</td>
  120. <td>{$vo.ncmd}</td>
  121. <if condition="$vo.types eq '开关量'">
  122. <td>{$vo.data2}</td>
  123. <else/>
  124. <td>{$vo.data1}</td>
  125. </if>
  126. <td>{$vo.time}</td>
  127. </tr>
  128. </volist>
  129. </table>
  130. </div>
  131. </div>
  132. </body>
  133. </html>