forked from ZhangGaoxing/BigDataView
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistory_page.html
159 lines (149 loc) · 5.42 KB
/
history_page.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
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title>视频信息</title>
<link href="js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">
<link href="css/table.css" rel="stylesheet" type="text/css">
<style>
.notice_check input,.notice_check select,.notice_check select option{border: 1px #9ca9b6 solid !important;background-color: transparent !important;color: #9ca9b6}
.fixed-table-pagination{border-top: 1px #39444f solid !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border: 1px #39444f solid !important;;}
.fixed-table-container tbody td{border: 1px #39444f solid !important}
th{background-color: #505b6f !important;}
#table td, #table th, #table1 td, #table1 th, #table2 td, #table2 th{color: #d9dcde !important}
thead th{background-color: #ECF4FB;border: #9ca9b6 1px solid !important;}
tbody tr:nth-child(2n+1){background-color: #1f2838 !important;}
tbody tr:hover{background-color: #323b44 !important;}
.pagination-info{color:#8d9ca7}
</style>
</head>
<body style="background-color:#171e2b;color: #fff;font-family: 微软雅黑;overflow: auto" >
<div class="notice_main " style="background-color: #171e2b;border: 1px #39444f solid">
<div class="notice_check">
<p>
<label class="">时间：</label>
<input type="date" class="find_input" placeholder="">
<!--<label class="">设备类型：</label>-->
<!--<select class="find_input">-->
<!--<option>全部</option>-->
<!--</select>-->
<!--<label class="">所属区域：</label>-->
<!--<select class="find_input">-->
<!--<option>全部</option>-->
<!--</select>-->
<button class="check_btn">查询</button>
</p>
</div>
<div class="clear"></div>
<table id="table" class="table_style" style="margin: 0 auto" > </table>
</div>
<script src="js/jquery.js"></script>
<script src="js/bstable/js/bootstrap.min.js"></script>
<script src="js/bstable/js/bootstrap-table.js"></script>
<script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript">
$(function () {
$('#table').bootstrapTable({
method: "get",
striped: true,
singleSelect: false,
url: "json/carmes1.json",
dataType: "json",
pagination: true, //分页
pageSize: 8,
pageNumber: 1,
search: false, //显示搜索框
contentType: "application/x-www-form-urlencoded",
queryParams:null,
columns: [
{
title: "序列号",
field: 'id',
align: 'center',
valign: 'middle'
},
{
title: '点位号',
field: 'no02',
align: 'center',
valign: 'middle'
},
{
title: '时间',
field: 'no03',
align: 'center',
valign: 'middle'
},
{
title: '高猛酸盐',
field: 'type',
align: 'center'
},
{
title: '氨氮',
field: 'no05',
align: 'center'
},
{
title: '总磷',
field: 'name',
align: 'center'
}
// {
// title: '生产厂家',
// field: 'unit',
// align: 'center'
// },
// {
// title: '安装时间',
// field: 'person',
// align: 'center'
// },
// {
// title: '安装位置',
// field: 'num',
// align: 'center'
// }
]
});
});
function edit() {
var Name = "运输车详情";
var Href = "carTail.html";
var data_id = $("#add").attr('data-id');
window.parent.$.learuntab.myAddTab(Name, Href, data_id);
}
function carAnalysis() {
var Name = "运输车分析";
var Href = "transport_analysis.html";
var data_id = $("#add").attr('data-id');
window.parent.$.learuntab.myAddTab(Name, Href, data_id);
}
function analiysis(){
layer.open({
type: 2,
title: '单体分析',
shade: 0.5,
skin: 'layui-layer-rim',
area: ['65%', '30%'],
shadeClose: true,
closeBtn: 2,
content: 'car_one.html'
});
}
function totalAnaliysis() {
layer.open({
type: 2,
title: '总体分析',
shade: 0.5,
skin: 'layui-layer-rim',
area: ['60%', '30%'],
shadeClose: true,
closeBtn: 2,
content: 'car_total.html'
})
}
</script>
</body>
</html>