169 lines
7.8 KiB
HTML
169 lines
7.8 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="cn">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|||
|
|
<title>实时报警</title>
|
|||
|
|
<link rel="stylesheet" href="../css/common.css" />
|
|||
|
|
<link rel="stylesheet" href="../plugin/colorpick/css/colorpicker.css" />
|
|||
|
|
<link rel="stylesheet" href="../plugin/page/page.css" />
|
|||
|
|
<link rel="stylesheet" href="../plugin/ztree/css/zTreeStyle/zTreeStyle.css" />
|
|||
|
|
<link rel="stylesheet" href="../plugin/datePicker/skin/WdatePicker.css" />
|
|||
|
|
<script src="../js/theme.js"></script>
|
|||
|
|
<script>
|
|||
|
|
setTheme(["../css/theme/${theme}/rtevent.min.css"]);
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<header class="ftc1" style="text-align: right;">
|
|||
|
|
<button class="searchbtn" id="search" type="botton" data-i18n="comm.search">
|
|||
|
|
查询
|
|||
|
|
</button>
|
|||
|
|
<button class="searchbtn" id="filter" type="botton" data-i18n="comm.filter">
|
|||
|
|
过滤
|
|||
|
|
</button>
|
|||
|
|
<button class="searchbtn" id="export" type="botton" data-i18n="comm.export" style="display: none">
|
|||
|
|
导出
|
|||
|
|
</button>
|
|||
|
|
</header>
|
|||
|
|
<section class="bg" style="height:870px;margin-top:10px;margin-bottom:10px;overflow: auto;position: relative;">
|
|||
|
|
<!-- <aside class="simscroll" style="overflow: auto;">
|
|||
|
|
<ul class="ztree" id="devtree"></ul>
|
|||
|
|
</aside> -->
|
|||
|
|
<!-- <div class="simscroll" style="display:inline-block;height:100%;width:calc(100% - 200px);margin-left:200px;vertical-align: top;overflow: auto;"> -->
|
|||
|
|
<div class="simscroll" style="display:inline-block;height:100%;width:100%;vertical-align: top;overflow: auto;">
|
|||
|
|
<table id="table" data-num="23">
|
|||
|
|
<colgroup>
|
|||
|
|
<col width="52px" />
|
|||
|
|
<col width="180px"/>
|
|||
|
|
<col width="100px"/>
|
|||
|
|
<!-- <col /> -->
|
|||
|
|
<col width="220px"/>
|
|||
|
|
<col width="200px"/>
|
|||
|
|
<col />
|
|||
|
|
</colgroup>
|
|||
|
|
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th></th>
|
|||
|
|
<th></th>
|
|||
|
|
<th class="asc"></th>
|
|||
|
|
<th></th>
|
|||
|
|
<th></th>
|
|||
|
|
<th></th>
|
|||
|
|
<th></th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<button class="searchbtn" id="realtime" data-i18n="alarm.history" type="botton" style="float:right;width:140px;">
|
|||
|
|
历史事件
|
|||
|
|
</button>
|
|||
|
|
<div id="page" class="sl-page"></div>
|
|||
|
|
<div class="shadow" style="display: none;">
|
|||
|
|
<div id="filter_dialog" style="display: none;">
|
|||
|
|
<p class="close">
|
|||
|
|
<span data-i18n="comm.filter">过滤</span>
|
|||
|
|
<em>×</em>
|
|||
|
|
</p>
|
|||
|
|
<div class="content">
|
|||
|
|
<ul>
|
|||
|
|
<li class="dis">
|
|||
|
|
<label><span data-i18n="alarm.level">等级</span><input type="checkbox" name="priority" /></label>
|
|||
|
|
<select class="simscroll" name="priority-item" multiple size="6" onclick="offCheckAll('priority-all')" disabled>
|
|||
|
|
</select>
|
|||
|
|
<label><span data-i18n="alarm.checkall">全选</span><input type="checkbox" name="priority-all" disabled /></label>
|
|||
|
|
</li>
|
|||
|
|
<li class="dis">
|
|||
|
|
<label><span data-i18n="alarm.location">位置</span><input type="checkbox" name="location" /></label>
|
|||
|
|
<select class="simscroll" name="location-item" multiple size="6" onclick="offCheckAll('location-all')" disabled>
|
|||
|
|
</select>
|
|||
|
|
<label><span data-i18n="alarm.checkall">全选</span><input type="checkbox" name="location-all" disabled /></label>
|
|||
|
|
</li>
|
|||
|
|
<!-- <li class="dis">
|
|||
|
|
<label data-i18n="alarm.regionId">责任区<input type="checkbox" name="region"></label>
|
|||
|
|
<select class="simscroll" name="region-item" multiple size="6" disabled>
|
|||
|
|
</select>
|
|||
|
|
<label><span data-i18n="alarm.checkall">全选</span><input type="checkbox" name="region-all"
|
|||
|
|
disabled></label>
|
|||
|
|
</li> -->
|
|||
|
|
<li class="dis">
|
|||
|
|
<label><span data-i18n="alarm.almType">类型</span><input type="checkbox" name="typename" /></label>
|
|||
|
|
<select class="simscroll" name="typename-item" multiple size="6" onclick="offCheckAll('typename-all')" disabled>
|
|||
|
|
</select>
|
|||
|
|
<label><span data-i18n="alarm.checkall">全选</span><input type="checkbox" name="typename-all" disabled /></label>
|
|||
|
|
</li>
|
|||
|
|
<li class="dis" style="width:50%">
|
|||
|
|
<label><span data-i18n="alarm.dev">设备</span><input type="checkbox" name="devtype" /></label>
|
|||
|
|
<select class="simscroll dev" name="subsystem-item" disabled></select>
|
|||
|
|
<select class="simscroll dev" name="devtype-item" disabled></select>
|
|||
|
|
</li>
|
|||
|
|
<!-- <li class="dis" style="width:50%">
|
|||
|
|
<label><span data-i18n="alarm.key">关键字</span><input type="checkbox" name="content"></label>
|
|||
|
|
<label><input class="ctn" type="text" name="content-item" disabled></label>
|
|||
|
|
</li> -->
|
|||
|
|
<li class="dis" style="width:100%">
|
|||
|
|
<label><span data-i18n="comm.time">时间</span><input type="checkbox" name="time" /></label>
|
|||
|
|
<label><input class="ctn Wdate bg" name="time-start" type="text" readonly disabled /><input class="ctn Wdate bg" name="time-end" type="text"
|
|||
|
|
readonly disabled /></label>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<div style="text-align: right;padding:0 40px;">
|
|||
|
|
<button class="searchbtn" id="query" type="botton" data-i18n="comm.search">
|
|||
|
|
查询
|
|||
|
|
</button>
|
|||
|
|
<button class="searchbtn" id="define" type="botton" data-i18n="comm.ok">
|
|||
|
|
确定
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="config_dialog" style="display: none;">
|
|||
|
|
<p class="close">
|
|||
|
|
<span data-i18n="alarm.config">配置</span>
|
|||
|
|
<em>×</em>
|
|||
|
|
</p>
|
|||
|
|
<div class="content">
|
|||
|
|
<dl id="colorconfig"></dl>
|
|||
|
|
<div class="pageconfig" style="text-align: center;margin:20px;">
|
|||
|
|
<label style="color:#0196CD;">
|
|||
|
|
<span data-i18n="alarm.everypage">每页显示条数:</span>
|
|||
|
|
<input type="number" name="alarmeverypage" style="width:148px;height:32px;padding:0 10px;color: rgba(0,180,255,1);background: rgba(0,20,42,0.5); border: 1px solid rgba(8, 91, 152,1); border-radius: 4px;" />
|
|||
|
|
</label>
|
|||
|
|
</div>
|
|||
|
|
<div style="text-align: right;padding:0 40px;">
|
|||
|
|
<button class="searchbtn" id="configsubmit" type="botton" data-i18n="comm.submit">
|
|||
|
|
提交
|
|||
|
|
</button>
|
|||
|
|
<button class="searchbtn" id="configcancel" type="botton" data-i18n="comm.cancel">
|
|||
|
|
取消
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<input type="hidden" name="h-timeStamp" data-i18n="[value]event.timeStamp" value="事件时间" />
|
|||
|
|
<input type="hidden" name="h-priority" data-i18n="[value]event.priority" value="优先级" />
|
|||
|
|
<input type="hidden" name="h-location" data-i18n="[value]event.location" value="位置" />
|
|||
|
|
<input type="hidden" name="h-almType" data-i18n="[value]event.almType" value="事件类型" />
|
|||
|
|
<input type="hidden" name="h-almStatus" data-i18n="[value]event.almStatus" value="事件状态" />
|
|||
|
|
<input type="hidden" name="h-content" data-i18n="[value]alarm.content" value="告警事件描述" />
|
|||
|
|
<div class="page-loading">
|
|||
|
|
<img src="../plugin/page/page_loading.gif" width="64" height="64" />
|
|||
|
|
</div>
|
|||
|
|
<script src="../plugin/jquery-3.7.0.min.js"></script>
|
|||
|
|
<script src="../js/common.js"></script>
|
|||
|
|
<script src="../plugin/ztree/js/jquery.ztree.all.min.js"></script>
|
|||
|
|
<script src="../plugin/datePicker/WdatePicker.js"></script>
|
|||
|
|
<script src="../plugin/colorpick/js/colorpicker.js"></script>
|
|||
|
|
<script src="../plugin/page/page.js"></script>
|
|||
|
|
<script src="../plugin/day.min.js"></script>
|
|||
|
|
<script src="../js/rtevent.js"></script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|