-
Notifications
You must be signed in to change notification settings - Fork 0
/
gjlb.html
190 lines (184 loc) · 10.3 KB
/
gjlb.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<meta name="description" content="主页">
<meta name="evan" content="2017.4.22">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link rel="stylesheet" href="css/datepicker.css">
</head>
<body>
<div class="container-fluid">
<div class="row left-menu">
<div class="row main_content gjlb" style="padding: 60px 45px" data-first-catalog="告警管理" data-second-catalog="告警列表" data-title="告警列表">
<div class="col-xs-12">
<div class="search-condition" style="margin-top: 0">
<form role="form" class="form-inline">
<div class="form-group"><label for="exampleInputEmail1"> 告警时间 </label> <input type="text"
class="form-control datepicker-here"
id="exampleInputEmail1">
</div>
<div class="form-group"><label for="resource_type">告警类型</label> <select id="resource_type"
class="form-control">
<option>全部</option>
<option>服务器</option>
<option>网络设备</option>
<option>数据库</option>
<option>中间件</option>
<option>安全设备</option>
</select></div>
<div class="form-group"><label for="equip_type">告警级别</label> <select id="equip_type"
class="form-control">
<option>全部</option>
<option>服务器</option>
<option>网络设备</option>
<option>数据库</option>
<option>中间件</option>
<option>安全设备</option>
</select></div>
<div class="form-group"><label for="factory">资源类型</label> <select id="factory"
class="form-control">
<option>全部</option>
<option>服务器</option>
<option>网络设备</option>
<option>数据库</option>
<option>中间件</option>
<option>安全设备</option>
</select></div>
<br>
<div class="form-group mt20"><label for="resource_key" style="padding-right: 12px">资源名称</label> <input type="text"
class="form-control w346"
placeholder="请输入关键词查询"
id="resource_key" style="margin-left: -5px;width: 340px">
</div>
<div class="form-group mt20"><label for="company_key" style="padding-right: 3px">告警内容</label>
<input type="text" style="width: 296px"
class="form-control w261"
placeholder="请输入关键词查询"
id="company_key">
</div>
<button type="submit" class="btn btn-default search b15" style="position: absolute;right: 30px;">查询</button>
</form>
</div>
</div>
<div class="col-xs-12 table-responsive">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>告警编号</th>
<th>告警时间</th>
<th>告警类型</th>
<th>告警级别</th>
<th>资源类型</th>
<th>资源名称</th>
<th>告警内容</th>
<th>重复次数</th>
<th>状态</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1234555</td>
<td>2016-12-12</td>
<td>故障告警</td>
<td>一般告警</td>
<td>服务器</td>
<td>xxxxxxs</td>
<td>ccdddddddd</td>
<td>10</td>
<td>未确认</td>
<td>
<button class="btn btn-mini" type="button">转工单</button>
<button class="btn btn-mini" type="button" >删除</button>
<button class="btn btn-mini gjgzdetail" type="button">详情</button>
</td>
</tr>
<tr >
<td>1234555</td>
<td>2016-12-12</td>
<td>故障告警</td>
<td>一般告警</td>
<td>服务器</td>
<td>xxxxxxs</td>
<td>ccdddddddd</td>
<td>10</td>
<td>未确认</td>
<td>
<button class="btn btn-mini" type="button">转工单</button>
<button class="btn btn-mini" type="button" >删除</button>
<button class="btn btn-mini gjgzdetail" type="button">详情</button>
</td>
</tr>
<tr >
<td>1234555</td>
<td>2016-12-12</td>
<td>故障告警</td>
<td>一般告警</td>
<td>服务器</td>
<td>xxxxxxs</td>
<td>ccdddddddd</td>
<td>10</td>
<td>未确认</td>
<td>
<button class="btn btn-mini" type="button">转工单</button>
<button class="btn btn-mini" type="button" >删除</button>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="mySmallModalLabel">确定删除?</h4></div>
<div class="modal-footer" style="text-align: center">
<button type="button" class="btn btn-primary" style="margin-right: 40px;">确定</button>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
</div>
</div>
</div>
</div>
<button class="btn btn-mini gjgzdetail" type="button">详情</button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-xs-12">
<div class=" pages">显示第1到第15条记录, 总共732条记录,每页显示 <!-- Single button -->
<div class="btn-group dropdown">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false"> 15 <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>
条记录
<ul class="pagination pagination-sm pagination-right">
<li><a href="#"><<</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">>></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/datepicker.js" charset="UTF-8"></script>
<script src="js/index.js" charset="UTF-8"></script>
</body>
</html>