146 lines
6.9 KiB
Plaintext
146 lines
6.9 KiB
Plaintext
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>历史记录</title>
|
||
|
|
<link href="../../js/layui/css/layui.css" rel="stylesheet">
|
||
|
|
<link href="../../js/layui_dtree/dtree/dtree.css" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="../../js/layui_dtree/dtree/font/dtreefont.css">
|
||
|
|
<link rel="stylesheet" href="../../js/layui/font/icon/iconfont.css">
|
||
|
|
<link rel="stylesheet" href="../../css/video/videoHistory.css">
|
||
|
|
<script src="../../js/layui/layui.js"></script>
|
||
|
|
<script src="../../js/public/jquery-3.6.0.js"></script>
|
||
|
|
<script src="../../js/public/sm3.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/public.js" type="text/javascript"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="content">
|
||
|
|
<div class="content_left">
|
||
|
|
<div class="list">
|
||
|
|
<div class="title">
|
||
|
|
<div class="title">
|
||
|
|
<p></p>
|
||
|
|
<p>球机列表</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="btn">
|
||
|
|
<button type="button" class="layui-btn layui_btn_custom layui-btn-normal unCheckBtn checkBtn"
|
||
|
|
lay-active="platform"
|
||
|
|
style="font-size: 16px;"
|
||
|
|
>平台存储
|
||
|
|
</button>
|
||
|
|
<button type="button" class="layui-btn layui_btn_custom layui-btn-normal unCheckBtn"
|
||
|
|
lay-active="frontEnd"
|
||
|
|
style="font-size: 16px;"
|
||
|
|
>前端存储
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="tbr">
|
||
|
|
<ul>
|
||
|
|
<li lay-active="video" class="unCheckLi checkLi">录像查询</li>
|
||
|
|
<li lay-active="img" class="unCheckLi">图片查询</li>
|
||
|
|
<li lay-active="history" class="unCheckLi">上下线记录查询</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="input">
|
||
|
|
<div class="input">
|
||
|
|
<input type="text" id="keyWord" class="layui-input" placeholder="请输入关键字" autocomplete="off">
|
||
|
|
<button type="button" class="layui-btn layui-btn-normal" lay-active="query"
|
||
|
|
style="font-size: 16px;background-color: #2F82FB;"
|
||
|
|
id="query">查 询
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="list-tree" style="overflow-y: auto">
|
||
|
|
<ul id="ballTree"></ul>
|
||
|
|
</div>
|
||
|
|
<div class="btn_bottom">
|
||
|
|
<button class="btn_ptz layui-btn layui_btn_custom unCheckBtn checkBtn"
|
||
|
|
lay-active="city">
|
||
|
|
地 市
|
||
|
|
</button>
|
||
|
|
<button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="risk">
|
||
|
|
风险等级
|
||
|
|
</button>
|
||
|
|
<!-- <button class="btn_rank layui-btn layui_btn_custom unCheckBtn" lay-active="regular">-->
|
||
|
|
<!-- 固定球机-->
|
||
|
|
<!-- </button>-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="content_right">
|
||
|
|
<div class="video list list-hide list-show">
|
||
|
|
<div class="list_btn">
|
||
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-active="daochuVideo"
|
||
|
|
style="font-size: 16px;display: none"
|
||
|
|
>
|
||
|
|
<div><i class="iconfont icon-daochu"></i> 导出视频</div>
|
||
|
|
</button>
|
||
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-active="deleteVideo"
|
||
|
|
style="font-size: 16px;display: none"
|
||
|
|
>
|
||
|
|
<div><i class="layui-icon layui-icon-delete"></i> 删除视频</div>
|
||
|
|
</button>
|
||
|
|
<input type="text" id="videoTime" autocomplete="off" readonly class="layui-input time">
|
||
|
|
<button type="button" class="layui-btn layui-btn-normal" lay-active="videoQuery"
|
||
|
|
style="font-size: 16px;background-color: #2F82FB;"
|
||
|
|
id="videoQuery">查 询
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="table">
|
||
|
|
<table lay-filter="videoTable" id="videoTable"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="img list list-hide">
|
||
|
|
<div class="list_btn">
|
||
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-active="imgDaochu" style="font-size: 16px;display: none">
|
||
|
|
<div><i class="iconfont icon-daochu"></i> 导出图片</div>
|
||
|
|
</button>
|
||
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-active="imgDelete" style="font-size: 16px;display: none">
|
||
|
|
<div><i class="layui-icon layui-icon-delete"></i> 删除图片</div>
|
||
|
|
</button>
|
||
|
|
<input type="text" id="imgTime" autocomplete="off" readonly class="layui-input time">
|
||
|
|
<button type="button" class="layui-btn layui-btn-normal" lay-active="imgQuery"
|
||
|
|
style="font-size: 16px;background-color: #2F82FB;"
|
||
|
|
id="imgQuery">查 询
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="table">
|
||
|
|
<table lay-filter="imageTable" id="imageTable"></table>
|
||
|
|
<!-- <div class="layui-none">无数据</div> -->
|
||
|
|
<!-- <div class="imgTable">
|
||
|
|
<div class="item">
|
||
|
|
<div class="layui-form item-checkbox">
|
||
|
|
<input type="checkbox" name="noOnline" lay-skin="primary" value="0">
|
||
|
|
</div>
|
||
|
|
<img src="../../img/back.png" alt=""/>
|
||
|
|
</div>
|
||
|
|
</div> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="record list list-hide">
|
||
|
|
<div class="list_btn">
|
||
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-active="recordDownload"
|
||
|
|
style="font-size: 16px;display: none">
|
||
|
|
<div><i class="iconfont icon-daochu"></i> 导出</div>
|
||
|
|
</button>
|
||
|
|
<input type="text" id="recordTime" autocomplete="off" readonly class="layui-input time">
|
||
|
|
<button type="button" class="layui-btn layui-btn-normal" lay-active="queryRecord"
|
||
|
|
style="font-size: 16px;background-color: #2F82FB;"
|
||
|
|
id="recordQuery">查 询
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="table">
|
||
|
|
<table lay-filter="recordTable" id="recordTable"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="text/html" id="barDemo">
|
||
|
|
<i lay-event="see" style="font-size: 30px" class="layui-icon layui-icon-video"></i>
|
||
|
|
</script>
|
||
|
|
<script src="../../js/video/videoHistory.js" type="text/javascript"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|