380 lines
16 KiB
HTML
380 lines
16 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}/alarm.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="config" type="botton" data-i18n="alarm.config">配置</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;">
|
||
<div style="font-size: 12px;line-height: 22px;">
|
||
<label><input type="radio" name="treeType" value="1" checked style="vertical-align: sub;margin-right:6px"><span>查询最新告警</span></label><br/>
|
||
<label><input type="radio" name="treeType" value="0" style="vertical-align: sub;margin-right:6px"><span>查询勾选设备告警</span></label>
|
||
</div>
|
||
<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;">
|
||
<table id="table" data-num="23">
|
||
<colgroup>
|
||
<col width="52px" />
|
||
<col />
|
||
<col />
|
||
<col />
|
||
<col />
|
||
<col />
|
||
<col width="600px" />
|
||
</colgroup>
|
||
|
||
<thead>
|
||
<tr>
|
||
<th class="desc"></th>
|
||
<th></th>
|
||
<th ></th>
|
||
<th></th>
|
||
<th></th>
|
||
<th></th>
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
<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%" style="display: none;">
|
||
<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:50%" style="display: none;">
|
||
<label><span data-i18n="alarm.almStatus">确认状态</span><input type="checkbox" name="alm-status"></label>
|
||
<label style="margin:5px 0;">
|
||
<input class="bg" type="radio" name="alm-status-item" value="0" disabled>
|
||
<span data-i18n="alarm.statusOff">未确认</span>
|
||
</label>
|
||
<label style="margin:5px 0;">
|
||
<input class="bg" type="radio" name="alm-status-item" value="1" disabled>
|
||
<span data-i18n="alarm.statusOn">确认</span>
|
||
</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:94px;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]alarm.timeStamp" value="报警时间">
|
||
<input type="hidden" name="h-priority" data-i18n="[value]alarm.priority" value="优先级">
|
||
<input type="hidden" name="h-location" data-i18n="[value]alarm.location" value="位置">
|
||
<input type="hidden" name="h-almType" data-i18n="[value]alarm.almType" value="报警类型">
|
||
<input type="hidden" name="h-almState" data-i18n="[value]alarm.almState" value="报警状态">
|
||
<input type="hidden" name="h-almStatus" data-i18n="[value]alarm.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/rtaevent.js"></script>
|
||
</body>
|
||
|
||
</html> |