video_monitoring-list.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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. <title>视频监测</title>
  11. <script type="text/javascript">
  12. var id1;
  13. var open_video1 =function(id){
  14. var d = {
  15. CMD:1,
  16. };
  17. if(id1!=id){
  18. $.ajax({
  19. url:"http://47.103.74.123:8080/YtIoT/cgi-bin/demo2.cgi",
  20. type:'POST',
  21. data: 'queryJson:'+JSON.stringify(d),
  22. success:function(result){
  23. var json = eval('(' + result + ')');
  24. vidoeStore = json;
  25. }
  26. })
  27. }else{}
  28. }
  29. var open_video = function(){
  30. var id = $("#iddd").val();
  31. var id = $("#iddd").val();
  32. <!--alert(id);-->
  33. <!--var id = document.getElementById('iddd').value;-->
  34. <!--if($("#iddd").val()!=id)-->
  35. <!--$("#iddd").val(id);-->
  36. <!--window.location.href="__MODULE__/VideoMonitoring/change{$tokenurl}/device/"+id;-->
  37. count = 0;
  38. reCount = 0;
  39. var d = {
  40. CMD:3,
  41. BODY:{
  42. DEVICE:id,
  43. ACTION:1,
  44. IDX:7
  45. }
  46. }
  47. $.ajax({
  48. url:"http://47.103.74.123:8080/YtIoT/cgi-bin/demo2.cgi",
  49. type:'POST',
  50. data: 'queryJson:'+JSON.stringify(d),
  51. success:function(result){
  52. setTimeout(7,5000);
  53. }
  54. })
  55. }
  56. </script>
  57. </head>
  58. <link rel="stylesheet" type="text/css" href="__PUBLIC__/wxapp/css/style.css">
  59. <script src="__PUBLIC__/wxapp/js/jquery-1.11.3.min.js"></script>
  60. <body>
  61. <!--头部-->
  62. <div class="header"><a class="comblack" href="__MODULE__/index/index{$tokenurl}/companyid/{$companyid}"></a> 视频监测</div>
  63. <!--内容-->
  64. <div class="content">
  65. <div class="content-bottom" id="content-data" >
  66. <ul>
  67. <volist name="sblist" id="vo" >
  68. <li class="content-bottom-li">
  69. <a href="__MODULE__/VideoMonitoring/change{$tokenurl}/device/{$vo.owner_code}" onclick="open_video()">
  70. <!--<a href="#" onclick="open_video()">-->
  71. <input type="hidden" id="iddd" name="iddd" value="{$vo.owner_code}">
  72. <p class="span-ffist">{$vo.owner_name} </p>
  73. <span class="to-right"></span>
  74. <span></span>
  75. </a>
  76. </li>
  77. </volist>
  78. </ul>
  79. </div>
  80. </div>
  81. <!--底部-->
  82. <div class="footer"></div>
  83. </body>
  84. <style type="text/css">
  85. .title-label { width: 20%; color: #000000;
  86. line-height: 55px; font-size: 16px; display: inline-block; text-align: center;
  87. float: left; cursor: pointer; border-bottom: 4px solid #DCDCDC;}
  88. .select-color { border-bottom: 4px solid #C91E30;}
  89. .fire-content { box-sizing: border-box; padding: 25px;}
  90. .content-bottom-li{ clear: both; text-align: left; font-size: 16px; line-height: 26px; border-bottom: 1px solid #DCDCDC;}
  91. .content-bottom-li a:first-child{ padding-left: 10%; padding-top: 20px; padding-bottom: 20px; display: block; }
  92. .content-bottom ul li span{ font-size: 14px; color:#646464; display: block; float: right; }
  93. .next-list{ color:#DBDBDB; margin-right: 5%; clear: both; }
  94. .span-ffist{ font-size: 16px; clear: both; display: inline-block; width: 78%;}
  95. </style>
  96. <script type="text/javascript">
  97. //点击 tab页 切换tab页
  98. // let tabset=function(tab)
  99. // {
  100. // let companyid='{$companyid}';
  101. // if( tab =='fire')
  102. // {
  103. // var type='fire';
  104. // }
  105. // else
  106. // {
  107. // var type=$(tab).attr("name");
  108. // $(tab).siblings().removeClass('select-color');
  109. // $(tab).addClass('select-color');
  110. // }
  111. // //let index=$(".fire-alarm-title span").index(tab);获取点击的是第几个tab页
  112. // $.post('__MODULE__/Dmanger/change{$tokenurl}',{'type':type,'companyid':companyid},function(res)
  113. // {
  114. //
  115. //
  116. // $('#content-data').html(res);
  117. // });
  118. //
  119. // }
  120. // tabset('fire');
  121. </script>
  122. </html>