HM-SPMS/web/nginx/html/page/event.html

140 lines
6.6 KiB
HTML
Raw Normal View History

2026-01-06 04:47:40 +08:00
<!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/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}/hisevent.min.css"]);
</script>
</head>
<body>
<header class="ftc1" style="text-align: right;">
<label><span data-i18n="trend.date">选择时间:</span><input class="Wdate bg" type="text" readonly /><input class="Wdate bg"
type="text" readonly /></label>
<button class="searchbtn" id="search" data-i18n="comm.search" type="botton">
查询
</button>
<button class="searchbtn" id="export" data-i18n="comm.export" type="botton">
导出
</button>
<button class="searchbtn" id="filter" data-i18n="comm.filter" type="botton">
过滤
</button>
</header>
<section class="bg" style="height:870px;margin-top:10px;margin-bottom:10px;overflow: auto;">
<table id="table" data-num="23">
<colgroup class="no-export">
<col width="52px" />
<col width="180px" />
<col width="100px"/>
<col width="220px"/>
<col width="200px"/>
<col />
</colgroup>
<thead>
<tr>
<th class="no-export"></th>
<th class="desc" data-i18n="event.timeStamp">事件时间</th>
<th data-i18n="event.priority">优先级</th>
<th data-i18n="event.location">位置</th>
<th data-i18n="event.almType">告警类型</th>
<th data-i18n="event.content">告警事件描述</th>
</tr>
</thead>
<tbody></tbody>
</table>
</section>
<button class="searchbtn" id="realtime" data-i18n="event.realTime" type="botton" style="float:right;width:140px;">
实时事件
</button>
<div id="page" class="sl-page"></div>
<div class="shadow" style="display: none;">
<div id="dialog">
<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>责任区<input type="checkbox" name="region"></label>
<select class="simscroll" name="region-item" multiple size="6" disabled>
<option value="0">通风空调</option>
<option value="0">乘客咨询</option>
<option value="0">通风空调</option>
<option value="0">乘客咨询</option>
<option value="0">通风空调</option>
<option value="0">乘客咨询</option>
<option value="0">通风空调</option>
<option value="0">乘客咨询</option>
<option value="0">通风空调</option>
</select>
<label>全选<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>关键字<input type="checkbox" name="content"></label>
<label><input class="ctn" type="text" name="content-item" disabled></label>
</li> -->
</ul>
<div style="text-align: right;padding:40px;">
<button class="searchbtn" id="query" data-i18n="comm.search" type="botton">
查询
</button>
<button class="searchbtn" id="define" data-i18n="comm.ok" type="botton">
确定
</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-regionId" data-i18n="[value]event.regionId" value="责任区" />
<input type="hidden" name="h-almStatus" data-i18n="[value]event.almStatus" value="设备状态" />
<input type="hidden" name="h-content" data-i18n="[value]event.content" value="事件描述" />
<script src="../plugin/jquery-3.7.0.min.js"></script>
<script src="../js/common.js"></script>
<script src="../plugin/page/page.js"></script>
<script src="../plugin/day.min.js"></script>
<script src="../plugin/datePicker/WdatePicker.js"></script>
<script src="../plugin/jquery-table2excel/jquery.table2excel.min.js"></script>
<script src="../js/historyevent.js"></script>
</body>
</html>