videoLive.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta name="renderer" content="webkit">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta http-equiv="pragma" content="no-cache">
  7. <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
  8. <meta http-equiv="expires" content="0">
  9. <meta name="viewport"
  10. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  11. <title>实时监控</title>
  12. <link rel="stylesheet" href="../../css/vanindex.css">
  13. <link rel="stylesheet" id="linkSource" href="../../css/style.css">
  14. <link rel="stylesheet" href="../../css/iconfont.css">
  15. <script src="../../js/vue.min.js"></script>
  16. <script src="../../js/vant.min.js"></script>
  17. <script src="../../js/ezuikit.js"></script>
  18. <script src="../../js/jquery.min.js"></script>
  19. <script type="text/javascript">
  20. document.write('<script src="../../assets/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  21. document.write('<script src="../../assets/ajax.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  22. </script>
  23. <script>
  24. checkLogin();
  25. </script>
  26. <style>
  27. .van-dropdown-menu__bar{
  28. height: 32px;
  29. font-size: 13px;
  30. background-color:rgba(4,13,50,0.5)
  31. }
  32. .van-dropdown-menu__title{
  33. color: #fff;
  34. }
  35. .van-dropdown-item{
  36. width: 180px;
  37. right: auto;
  38. left: 13px;
  39. }
  40. .van-overlay{
  41. background-color: transparent;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <div id="app" class="appBox" v-cloak>
  47. <div v-if="authorLive['P03'] ||authorLive['P03_1']">
  48. <div class="li_box" v-for="(item,index) in alertList" :key="index">
  49. <div class="text-bold text-white" style="font-size: 15px;">{{index == 0?'行为告警':'物品识别'}}</div>
  50. <div class="flex align-center text-center">
  51. <div class="tabli" v-for="(subit,subind) in item" :key="subind"
  52. @click="jumpToSee(subit.type)">
  53. <div class="icon_box"><img :src="'../../img/'+ subit.icon +'.png'"></div>
  54. <div>{{subit.name}}</div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="li_box" v-if="authorLive['P01']">
  60. <div class="flex">
  61. <van-dropdown-menu style="width: 180px;">
  62. <van-dropdown-item v-model="nowTabVal" :options="dataLi" @change="cahngeTabVal"/>
  63. </van-dropdown-menu>
  64. </div>
  65. <div class="videoBox">
  66. <div class="noBg" v-if="!playSucc"></div>
  67. <div id="playWind"></div>
  68. </div>
  69. <div class="padding-top-xs flex">
  70. <div class="iconfont" :class="pauseSucc?'icon-shuyi_zanting':'icon-bofang'" @click="changPause"></div>
  71. <div class="iconfont icon-camera-full" @click="capPic"></div>
  72. <div class="iconfont" :class="audioSucc?'icon-shengyin-kai':'icon-shengyin-guan'" @click="changAudio"></div>
  73. <div class="iconfont icon-zhuxiaoguanji text-red" @click="closePla"></div>
  74. </div>
  75. </div>
  76. </div>
  77. <script type="text/javascript">
  78. document.write('<script src="../../assets/phone/vLiveManage.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
  79. </script>
  80. </body>
  81. </html>