<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="">
<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'
}
]
});
});
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>