160 lines
5.4 KiB
HTML
160 lines
5.4 KiB
HTML
|
|
<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>
|