shuochen
/
LargeScreenVisualization


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
							
<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>