yf_zd
/
yfwlwCut


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
							{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
    <link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
    <link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.0" />
    <style type="text/css">
        /* 返回 */

        .headerPlace {
            font-size: 22px;
            color: #418fbb;
            cursor: pointer;
        }

        .headerPlace img {
            vertical-align: middle;
            margin-right: 10px;
            margin-top: -4px;
        }

        body {
            overflow: hidden;
            background: #fff;
        }

        .searchCover {
            margin: 20px 0;
        }

        .innerTable {
            padding: 0 1px 0 0;
            min-width: 750px;
        }

        .table,
        .table.table-striped>thead>tr>th {
            text-align: center;
        }

        table td {
            vertical-align: middle !important;
        }

        .nullData {
            width: 100%;
            height: 500px;
            background: #ddd;
            text-align: center;
            line-height: 500px;
            font-size: 20px;
            border: 1px solid #ddd;
        }

        .container-cartogram .echartsBox {
            width: 100%;
            margin: 0 10px;
            height: 500px;
            text-align: center;
            line-height: 500px;
            font-size: 22px;
            color: #8a8a8a;
            position: relative;
        }

        .container-cartogram .echart {
            width: 100%;
            height: 100%;
        }

        .container-cartogram .hint {
            width: 100%;
            height: 100%;
            position: absolute;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .clearfix:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            visibility: hidden;
        }

        .clearfix {
            *zoom: 1;
        }

        .childDiv {
            overflow-x: scroll;
        }

        .timeStage {
            display: none;
        }

        .downTitle {
            text-align: right;
            line-height: 27px;
            padding-left: 0;
            margin-bottom: 5px;
        }

        .downContent {
            padding-left: 0;
            margin-bottom: 5px;
        }

        /*  */
        .userinfo .fa {
            font-size: 18px;
            color: #26b3ff;
            margin: 0px 5px;
        }

        .userinfoTitle {
            margin-right: 30px;
            font-size: 16px;
        }

        .refresh button {
            float: right;
        }
    </style>

</head>

<body>
    <div class="content childDiv" id="content">
        <div class="page-header">
            <span class="headerPlace" onclick="goback('equipmanage_scd')">
                <img src="{% static '/img/gobackIcon.png' %}" alt="">返回
            </span>
        </div>
        <div class="row userinfo">
            <div class="col-xs-11">
                <i class="fa fa-user-o" aria-hidden="true"></i>
                设备ID：
                <span class="userinfoTitle">{{ equip_id }}</span>
                设备名称：
                <span class="userinfoTitle" id="equip_name">{{ename}}</span>
                <!-- 位置：
                <span class="userinfoTitle" id="curr_area"></span>
                <input type="hidden" value="{{lat}}" id="lat">
                <input type="hidden" value="{{lng}}" id="lng"> -->
            </div>
            <!-- <div class="col-xs-1 refresh">
                <button type="button" class="btn btn-sm btn-success" onclick="location.reload()">刷新</button>
            </div> -->
        </div>
        <div class="searchCover row">
            <div class="col-xs-12 col-sm-6">
                时间段查询：
                <input type="text" id="lineMonthSelectBox" placeholder="请选择时间段 " lay-key="1">
                <input type="hidden" value="" id="lineEchartBegin">
                <input type="hidden" value="" id="lineEchartEnd">
                <button type="button" onclick="lineEchart_sub_filter()" class="btn btn-sm btn-primary">筛选</button>
                <!-- <button onclick="reloadPage($(this))" class="btn btn-sm btn-success red">重启</button>
                <button onclick="reloadPage($(this))" class="btn btn-sm btn-success">升级</button>
                <button onclick="reloadPage($(this))" class="btn btn-sm btn-success">拍照</button> -->
                <button class="btn  btn-sm btn-info" onclick='sendexamineSIM()'>
                    <i class="ace-icon fa fa-search  align-top bigger-125 icon-on-right"></i>
                    SIM卡查询
                </button>
            </div>
            <!-- <div class="col-xs-12 col-sm-6" style="text-align:right">
                数据汇总：
                <select class="enter-select" name="type" id="type">
                    <option value="2">按次</option>
                    <option value="3">按日</option>
                    <option value="4">按月</option>
                </select>
            </div> -->
        </div>
        <div class="container-wrap">
            <div class="row container-cartogram">
                <div class="col-xs-12 col-sm-6">
                    <div class="echartsBox fl">
                        <div class="hint"></div>
                        <div id="line-chart" class="echart"></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6">
                    <div class="echartsBox fl">
                        <div class="hint"></div>
                        <div id="bar-chart" class="echart"></div>
                    </div>
                </div>
            </div>
            <!-- <div class="container-cartogram clearfix">
				<div class="echartsBox fl">
					<div class="hint"></div>
					<div id="line-chart"></div>
				</div>
				<div class="echartsBox fl">
					<div class="hint"></div>
					<div id="bar-chart"></div>
				</div>
			</div> -->
            <div>
                <input id="equip_id" type="hidden" type="text" value={{ equip_id }}>
            </div>
        </div>
        <div class="innerTable">
            <div class="searchCover">
                查询时间：
                <input type="text" id="tableSelectBox" placeholder="请选择时间段 " lay-key="2">
                <input type="hidden" value="" id="tableEchartBegin">
                <input type="hidden" value="" id="tableEchartEnd">
                <button type="button" onclick="tableEchart_sub_filter()" class="btn btn-sm btn-primary">筛选</button>
                <!-- <button type="button" onclick="operation()" class="btn btn-sm btn-success">导出</button> -->
            </div>
            <table id="datatable" class="table  table-striped table-hover">
                <thead>
                    <tr>
                        <th>测报灯ID</th>
                        <th>信号强度</th>
                        <th>内部版本</th>
                        <th>设备版本</th>
                        <th>CPU温度(°C)</th>
                        <th>相机状态</th>
                        <th>数据频率(分钟)</th>
                        <th>上报时间</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
            <div class="fenpei-bottom">
                <input type="hidden" id="totalPage" value={{ nums }}>
                <div id="page" style="text-align: center;"></div>
            </div>
        </div>
        <!-- 导出提示框 -->
        <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" 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">&times;</span>
                        </button>
                        <h4 class="modal-title" id="myModalLabel">导出信息</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xs-3 downTitle">文件名称：</div>
                            <div class="col-xs-8 downContent" style=>
                                <input type="text" id="filename" placeholder="请输入文件的名称" maxlength="15"
                                    class="col-xs-12">
                            </div>
                            <div class="col-xs-3 downTitle">下载类型：</div>
                            <div class="col-xs-8 downContent">
                                <select name="downtype" id="downtype" onchange="downtype(this)" class="col-xs-12">
                                    <option value="1">全部</option>
                                    <option value="2">时间段</option>
                                </select>
                            </div>
                            <div class="col-xs-3 downTitle timeStage">时间段：</div>
                            <div class="col-xs-8 downContent timeStage">
                                <input type="text" id="downtimSelectBox" placeholder="请选择时间段 " lay-key="3"
                                    class="col-xs-12">
                                <input type="hidden" id="downbegin" name="begin">
                                <input type="hidden" id="downend" name="end">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary btn-sm" onclick="operation()">下载</button>
                    </div>
                </div>
            </div>
        </div> -->
    </div>
    <input type="hidden" value="" id="iccid">
    <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
    <script src="{% static '/lib/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
    <script src="{% static '/lib/layui/layui.all.js' %}"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>
    <script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
    <script>
        $.ajaxSetup({
            data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
        });
    </script>
    <script src="{% static '/js/equipmanage/rtu_data_table.js' %}?versions=0.5.0" type="text/javascript"></script>

    <!-- 统计图 -->
    <script src="{% static '/lib/js/echarts.min.js' %}"></script>
    <script src="{% static '/js/equipmanage/rtu_data_echarts.js' %}?versions=0.5.0" type="text/javascript"></script>
</body>

</html>