1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>实时监控</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="Cache" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache, must-revalidate">
- <meta http-equiv="expires" content="0">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
-
- <!--引入 element-ui 的样式,-->
- <link rel="stylesheet" href="../css/element.css">
- <link rel="stylesheet" href="../css/style.css">
- <link rel="stylesheet" href="../css/base.css">
- <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../js/ezuikit.js"></script>
- <script type="text/javascript">
- document.write('<script src="../js/yz/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../js/yz/ysy-mj456.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- <script>
- checkLogin();
- </script>
- </head>
- <style type="text/css">
- *{
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- body{
- color:#000;
- overflow: hidden;
- }
- li{
- list-style: none;
- }
- ul li.act .text-sm{
- color: #20a6ff !important;
- }
- .yz_main .vidbox{
- position: relative;
- width: 100%;
- height: 100%;
- border: 1px solid #00adad;
- background: url(../imgs/novideo1.png) no-repeat;
- background-size: 100% 100%;
- }
- .text-rgb{
- color: rgba(255,255,255,0.6);
- }
-
- </style>
- <body>
- <div id="yzApp" class="yz_container" style="position: absolute; top: 0;width:100%;">
- <div class="yz_aside">
- <div class="padding-sm" style="height: 100%;">
- <div class="padding-bottom-sm text-bold" style="color: #5793f3;">设备列表</div>
- <ul id="html_view" style="height: calc(100% - 40px);overflow-y: auto;">
-
- </ul>
- </div>
- </div>
- <div class="yz_main">
- <div style="height: calc(100% - 40px);" id="vidView">
- <div class="vidbox" id="vidBox">
- <div id="playWind" style="display: none;"></div>
- </div>
- </div>
- <div class="toolBar text-white">
- <div style="display: none;" id="toolPSC">
- <div id="iconPS" class="iconfont icon-24gf-pause2 pointer"></div>
- <div class="iconfont icon-tuichu margin-lr pointer" onclick="closeLive()"></div>
- <div class="iconfont icon-fullScreen pointer" onclick="fullScreen()"></div>
- </div>
- <div class="flex">
- <div class="bg-white">
- <input type="date" id="startDate">
- <input type="time" id="startTime">
- <span>至23:59</span>
- </div>
- <button type="button" onclick="clickAjax()" class="bg-blue padding-lr-sm margin-left pointer">查询</button>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script type="text/javascript">
- document.write('<script src="../js/yz/videoBack.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- </html>
|