125 lines
4.5 KiB
HTML
125 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>所有设备告警信息</title>
|
|
<link rel="stylesheet" type="text/css" href="../../../js/core/layui2.7.6/css/layui.css"/>
|
|
<style>
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
}
|
|
html{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
body{
|
|
width: 97%;
|
|
}
|
|
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
|
|
padding: 5px 0;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
.layui-table-header
|
|
{
|
|
margin-bottom: 0.4%;
|
|
}
|
|
.layui-table-header tr{
|
|
background-image: url(../../../img/index/child/titleLong.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.layui-table-header tr th{
|
|
color: #ffffff;
|
|
}
|
|
.layui-table-main tr{
|
|
background-image: url(../../../img/index/child/standardColumnLong.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
|
|
display: inline-block;
|
|
margin-bottom: 5px;
|
|
}
|
|
.layui-table-main tr td{
|
|
color: rgba(255,255,255,0.8);
|
|
}
|
|
.layui-table-main tr:hover{
|
|
background-image: url(../../../img/index/child/standardColumnHoverLong.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.layui-table td, .layui-table th, .layui-table-fixed-r, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
|
|
border-width: 0px;
|
|
}
|
|
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even) {
|
|
background-color: rgba(0,0,0,0);
|
|
}
|
|
.layui-table {
|
|
background-color: rgba(0,0,0,0);
|
|
}
|
|
.layui-input{
|
|
color: rgb(37, 33, 33);
|
|
background-color: transparent;
|
|
|
|
}
|
|
.layui-laypage-count{
|
|
color: #FFFFFF!important;
|
|
}
|
|
.layui-box a{
|
|
color: #FFFFFF!important;
|
|
}
|
|
.layui-form-label {
|
|
position: relative;
|
|
float: left;
|
|
display: block;
|
|
padding: 12px 6px;
|
|
width: 80px;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
text-align: right;
|
|
}
|
|
|
|
.layui-table-tool-self{
|
|
display:none;
|
|
}
|
|
.layui-btn-sm {
|
|
margin-top: -10%;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="margin-left: 21px;margin-right: 15px;margin-top: -22px;">
|
|
<div class="widget-body">
|
|
<table id="layuiTable" lay-filter="contact" class="layui-table" lay-size="lg"></table>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript" src="../../../js/core/jquery-3.6.0.js"></script>
|
|
<script type="text/javascript" src="../../../js/core/layui2.7.6/layui.js"></script>
|
|
<script src="../../../js/core/public.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="../../../js/index/child/alarm.js"></script>
|
|
<script type="text/html" id="toolbar">
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline" style="width: 14%;">
|
|
<input type="text" style="width: 100%;background: transparent;color: ivory;" id="keyWord" placeholder="请输入关键字" autocomplete="off" class="layui-input"/>
|
|
</div>
|
|
<div class="layui-inline" id="ID-laydate-range">
|
|
<div class="layui-input-inline" style="width:39%">
|
|
<input type="text" autocomplete="off" id="phyTimeStart" name="phyTimeStart" class="layui-input" style="width:144px;color: ivory;" placeholder="开始日期">
|
|
</div>
|
|
<div class="layui-form-mid">-</div>
|
|
<div class="layui-input-inline">
|
|
<input type="text" autocomplete="off" id="phyTimeEnd" name="phyTimeEnd" class="layui-input" style="width:144px;color: ivory;" placeholder="结束日期">
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline" style="width: 5%;margin-top: 4px">
|
|
<button id="searchBt" class="layui-btn layui-btn-sm" lay-event="searchBt"><i class="layui-icon"></i>查询</button>
|
|
</div>
|
|
</div>
|
|
</script> |