spjk.js 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. $('.tab-list').delegate(".build-tab","click",function(event){
  2. var target = $(event.target);
  3. $('.tab-list .build-tab').removeClass('active');
  4. target.addClass('active');
  5. })
  6. var players = [];
  7. //var d = JSON.parse(res.content[0].meta.channel);
  8. // play1 = play(d[0].rtsp,d[0].size)
  9. var getListUrl = "/device/device/list";
  10. //区域信息
  11. var areaParam = {
  12. parentId:"738719738515689472",
  13. hasSub:false
  14. };
  15. var areaUrl = "/publics/treenode/listNodeByParent";
  16. getData(areaUrl,areaParam).then(res => {
  17. var l = res.length;
  18. var h = "";
  19. for(var i=0;i<l;++i){
  20. h+="<li node-id='"+res[i].id+"'>"+res[i].nodeName+"</li>";
  21. }
  22. $("#areaList").html(h);
  23. })
  24. //获取栋舍
  25. function getBuild(id){
  26. var getNodeParam = {
  27. parentId:id,
  28. hasSub:false
  29. }
  30. var getNodeUrl = "/publics/treenode/listNodeByParent";
  31. getData(getNodeUrl,getNodeParam).then(res => {
  32. var l = res.length;
  33. var h = "";
  34. for(var i=0;i<l;++i){
  35. h+="<li node-id='"+res[i].id+"'>"+res[i].nodeName+"</li>";
  36. }
  37. $("#deviceList").html(h);
  38. })
  39. }
  40. //获取栋舍的设备
  41. function getDevice(areaId){
  42. var getdeviceParam = {
  43. areaId:areaId
  44. };
  45. var getdeviceUrl = "/device/device/listByAreaId";
  46. getData(getdeviceUrl,getdeviceParam,"GET").then(res => {
  47. var r = res.length;
  48. var h="";
  49. var t=0;
  50. var channel = [];
  51. for(var j = 0;j<r;++j){
  52. if(res[j].categoryId=="738713612176855040"){
  53. //监控设备
  54. //$("#buildmap area").eq(n).attr("device-id",res[j].deviceId);
  55. var d = JSON.parse(res[j].meta.channel);
  56. channel.push(d);
  57. h += showVideo(res[j],t);
  58. ++t;
  59. continue;
  60. }
  61. }
  62. $(".video-windows").html(h);
  63. for(var j=0;j<t;++j){
  64. if(currIp==loginIp){
  65. //登录IP和设备IP一致
  66. videoIp = lanIp
  67. players.push(play(j,channel[j][0].rtsp,channel[j][0].size));
  68. }else{
  69. //用普清
  70. videoIp = currIp;
  71. console.log(channel[j][1].rtsp,channel[j][1].size)
  72. players.push(play(j,channel[j][1].rtsp,channel[j][1].size))
  73. }
  74. }
  75. //}
  76. })
  77. }
  78. function showVideo(data,j){
  79. var d = JSON.parse(data.meta.channel);
  80. var html = "";
  81. html+= "<div class='video-play1'><div class='video-play1-container'>"
  82. html+= "<div class='tab'><span class='tab-title'>"+data.name+"</span></div>"
  83. html+= "<div class='video'><svg version='1.1' width='37' height='25' class='wide-border-line1'>"
  84. html+= "<g transform='translate(0.5 0.5)'><polyline points='0,24.5 0,0 37,23.5 ' style='fill:#0E1E51;stroke:#53BAFD;stroke-width:1'/>"
  85. html+= "</g></svg><svg version='1.1' width='160' height='25' class='wide-border-line2'><g transform='translate(0.5 0.5)'>"
  86. html+= "<polyline points='160,25 135,0 25,0 -1,23.5' style='fill:#0E1E51;stroke:#53BAFD;stroke-width:1'/></g></svg>"
  87. html+= "<div id='play-box-"+j+"' class='playerbox'></div></div></div></div>";
  88. return html;
  89. }