yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998
							{% 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">
		body {
			background: #fff;
		}

		/* 菜单 */

		.menu_body .nulldata {
			line-height: 80px;
			text-align: center;
			height: 80px;
			background: #eee;
		}

		.menu_list {
			margin-top: 10px;
		}

		.menu_head {
			height: 30px;
			line-height: 30px;
			padding-left: 10px;
			font-size: 12px;
			color: #313131;
			cursor: pointer;
			border: 1px solid #e1e1e1;
			border-top: 0px solid #e1e1e1;
			position: relative;
			background: #f1f1f1 url(../static/img/jia.png) center right 5px no-repeat;
			margin: 0;
			word-break: keep-all;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.menu_body {
			height: auto;
			overflow: hidden;
			line-height: 38px;
			border-left: 1px solid #e1e1e1;
			border-right: 1px solid #e1e1e1;
		}

		.menu_body a {
			display: block;
			height: 32px;
			line-height: 32px;
			padding-left: 10px;
			color: #525252;
			background: #fff;
			text-decoration: none;
			border-bottom: 1px solid #e1e1e1;
		}

		.menu_body a span {
			display: inline-block;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			margin-right: 6px;
		}

		.menu_list .current {
			background: #f1f1f1 url(../static/img/jian.png) center right 5px no-repeat;
			font-weight: bold;
			color: #313131;
		}

		.menu_body .menu-active {
			color: #00bcd4;
			border-left: solid 3px #00bcd4;
		}

		.currAstive {
			background-color: #00bcd4;
			color: #fff;
		}

		.equipPage {
			line-height: 34px;
			text-align: center;
		}

		/* 统计图 */

		.searchCover {
			text-align: right;
		}

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

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

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

		.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;
		}

		/* 表格 */

		.tablesearchCover {
			text-align: left;
			margin: 20px 0 20px 3px;
		}

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

		.table>thead:first-child>tr:first-child>th {
			cursor: default;
		}

		/* 统计图提示 */

		.echartsHint {
			float: left;
			margin-left: 5%;
			line-height: 30px;
			font-weight: 700;
		}

		.timeStage {
			display: none;
		}

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

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

		/* 在线、所属公司筛选框 */
		.iptScreen {
			width: 82%;
		}

		.layui-input-block {
			margin-left: 0;
		}

		.input-group-btnA {
			display: inline-block;
		}

		.bjred {
			background: red;
		}

		.bjgreen {
			background: green;
		}
	</style>

<body>
	<div class="content">
		<div class="container" style="width:98%">
			<div class="row">
				<!-- 左菜单 -->
				<div class="col-xs-12 col-sm-3 col-md-2">
					<div class="input-group">
						<input type="text" class="form-control" id="searchImei" name="searchImei"
							placeholder="输入编号或名称查询">
						<div class="input-group-btn">
							<button type="button" id="searchBtn" class="btn btn-default no-border btn-sm">
								<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
							</button>
						</div>
					</div>

					<!-- 下拉框 -->
					<!-- 在线状态 -->
					{% if role == "superuser" %}
					<div class="layui-input-block">
						<p class="">在线状态:</p>
						<select name="status" lay-verify="required" id="selectId" class="iptScreen">
							<option value="" selected>全部</option>
							<option value="0">离线</option>
							<option value="1">在线</option>
						</select>
						<div class="input-group-btnA">
							<button type="button" id="searchBtnA" class="btn btn-default no-border btn-sm">
								<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
							</button>
						</div>
					</div>
					<div class="layui-input-block">
						<p class="">所属公司:</p>
						<select name="company" lay-verify="required" id="selectIdA" class="iptScreen">
							<option value="" selected>全部</option>
							<option value="15">云飞</option>
							<option value="8">新普惠</option>
						</select>
						<div class="input-group-btnA">
							<button type="button" id="searchBtnB" class="btn btn-default no-border btn-sm">
								<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
							</button>
						</div>
					</div>
					{% endif %}

					<div id="firstpane" class="menu_list">
						<p class="menu_head current" id="area_322">设备列表</p>
						<div class="menu_body">
							<!-- <a href="javascript:;" title="设备15112501" class="text-overflow" id="15112501" data-pid="322">设备15112501</a> -->
						</div>
						<div class="equipPage">
							<!-- <button class="btn btn-minier btn-yellow"><i class="fa fa-sort-up" aria-hidden="true"></i></button> -->
							<input type="button" class="btn btn-minier btn-yellow" onclick="gotofirstpage()" value="首页">
							<button class="btn btn-minier btn-yellow" id="jianPage"
								onclick="changePage('jian')">上一页</button>
							第
							<span id="currentpage">1</span>页
							<button class="btn btn-minier btn-yellow" id="addPage"
								onclick="changePage('add')">下一页</button>
							共
							<span id="totelpage">4</span>页
						</div>
					</div>
				</div>
				<!-- 右 -->
				<div class="col-xs-12 col-sm-9 col-md-10">
					<div class="echartsHint">
						<span>*</span>
						e代表通道
					</div>
					<div class="searchCover">
						时间段搜索：
						<input type="text" id="timSelectBox" autocomplete="off" placeholder="请选择时间段 ">
						<input type="hidden" id="begin" name="begin">
						<input type="hidden" id="end" name="end">
						<button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
					</div>
					<!-- 统计图 -->
					<div class="container-cartogram">
						<div class="echartsBox fl">
							<div class="hint"></div>
							<div class="fl" id="line-chart"></div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div>
			<div class="searchCover tablesearchCover">
				时间段搜索：
				<input type="text" id="timSelectBox2" autocomplete="off" placeholder="请选择时间段 ">
				<input type="hidden" id="tableBegin" name="begin">
				<input type="hidden" id="tableEnd" name="end">
				<button type="button" onclick="table_filter()" class="btn btn-sm btn-primary">筛选</button>
				<button type="button" class="btn btn-success btn-sm" onclick="decideExport()">导出</button>
			</div>
			<table id="datatable" class="table  table-striped table-hover">

			</table>
			<div class="fenpei-bottom">
				<div id="page" style="text-align: center;"></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="timSelectBox3" autocomplete="off" placeholder="请选择时间段 "
										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>
	</div>

	<!-- loading -->
	<div id="loadingParent">
		<div id="loadCenter">
			<div class="skype-loader">
				<div class="dot">
					<div class="first"></div>
				</div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
			</div>
			Logging in...
		</div>
	</div>

	<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 src="{% static '/lib/js/echarts.min.js' %}"></script>
	<script type="text/javascript">
		$.ajaxSetup({
			data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
		});

	</script>
	<script>
		//默认加载设备列表
		getEquipList(1, '');
		// 搜索
		$('#searchBtn').on('click', function () {
			getEquipList(1, $('#searchImei').val(), $('#selectId').val(), $('#selectIdA').val())
		});
		$('#searchImei').on('keyup', function (event) {
			if (event.keyCode == 13) {
				getEquipList(1, $('#searchImei').val(), $('#selectId').val(), $('#selectIdA').val())
			}
		})
		function getEquipList(page, filter, is_online, etype) {
			if (etype == undefined && is_online == undefined) {
				var etype = ''
				var is_online = ''
			}
			$.ajax({
				url: 'qxz_page',
				type: 'get',
				dataType: 'json',
				data: {
					page: page,
					f_id: filter,
					etype: etype, //所属公司
					is_online: is_online, //设备状态
				},
				success: function (data) {
					if (data.nums) {
						var html = '';
						var msg = data.ids
						var pagecount = Math.ceil(data.nums / 10);
						for (var i = 0; i < msg.length; i++) {
							if (msg[i].equip_name) {
								var equip_name = '设备：' + msg[i].equip_name;
							} else if (msg[i].equip_id.length == 15) {
								var equip_name = '设备：' + msg[i].equip_id.substring(msg[i].equip_id.length - 8);
							} else {
								var equip_name = '设备：' + msg[i].equip_id;
							}
							// 测试
							var offTime = msg[i].off_time || '';
							if (msg[i].is_online == 1) {
								var classStatic = 'bjgreen';
							} else if (msg[i].is_online == 0) {
								var classStatic = 'bjred';
							} else {
								var classStatic = '';
							}

							// html += '<a href="javascript:;" title="设备' + msg[i].equip_id + '" class="text-overflow" id="' + msg[i].equip_id + '" data-pid="322">设备' + equip_name + '</a>'
							html += '<a href="javascript:;" isonline="' + msg[i].is_online + '" offTime="' + offTime + '"  title="设备' + msg[i].equip_id + '" class="text-overflow" id="' + msg[i].equip_id + '" name="' + msg[i].equip_name + '" data-pid="322"><span class="' + classStatic + '"></span>' + equip_name + '</a>'
						}
						$('#firstpane .menu_body').html(html);
						$('.equipPage').show();
						$('#totelpage').html(pagecount)
						// 菜单栏
						$("#firstpane .menu_body:eq(0) a:eq(0)").addClass('menu-active');
						$(".menu_body a").click(function () {
							$(".menu_head").removeClass("currAstive");
							$(".menu_body a").removeClass("menu-active");
							$(this).addClass("menu-active");
							$(this).parent().prev().addClass('currAstive');
							$('#begin').val('');
							$('#tableBegin').val('');
							$('#tableEnd').val('');
							$('#end').val('');
							$('#timSelectBox').val('');
							$('#timSelectBox2').val('');

							var facId = $(this).attr("id");
							if (facId && facId != null && facId != "") {
								loadCharts(facId);
								loadTable(facId);
							}
						});
						loadCharts(msg[0].equip_id);
						loadTable(msg[0].equip_id);
					} else {
						$('.equipPage').hide();
						var html = '<a href="javascript:;" class="text-overflow nulldata" data-pid="322">暂未设备</a>'
						$('#firstpane .menu_body').html(html);
						echartFun([], '');
						Fill_null_Table('datatable');
						layui.use('laypage', function () {
							var laypage = layui.laypage;
							laypage.render({
								elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
								// , count: 30
								, count: 0
								, theme: '#428BCA'
								, layout: []
								, jump: function (obj, first) {

								}
							});
						});
					}
				},
				error: function (type) {
				}
			})
		}

		// 日历
		layui.use('laydate', function () {
			var laydate = layui.laydate;
			//执行一个laydate实例
			laydate.render({
				elem: '#timSelectBox' //指定元素
				, range: true
				, done: function (value, date) {
					var dateArray = value.split(' - ')
					$('#begin').val(dateArray[0])
					$('#end').val(dateArray[1])
				}
			});
			//执行一个laydate实例
			laydate.render({
				elem: '#timSelectBox2' //指定元素
				, range: true
				, done: function (value, date) {
					var dateArray = value.split(' - ')
					$('#tableBegin').val(dateArray[0])
					$('#tableEnd').val(dateArray[1])
				}
			});
			//执行一个laydate实例
			var _layDateMark = (new Date()).getTime();
			$('#timSelectBox3').attr('lay-key', '33' + _layDateMark);
			laydate.render({
				elem: '#timSelectBox3' //指定元素
				, range: true
				, done: function (value, date) {
					var dateArray = value.split(' - ')
					$('#downbegin').val(dateArray[0])
					$('#downend').val(dateArray[1])
				}
			});
		});
		//统计图
		function loadCharts(facId) {
			$.ajax({
				url: 'qxz_data_chart',
				type: 'post',
				dataType: 'json',
				data: {
					e_id: facId,
					begin: $('#begin').val(),
					end: $('#end').val(),
				},
				beforeSend: function () {
					loadFlage = layer.load();
				},
				complete: function () {
					layer.close(loadFlage);
				},
				success: function (data) {
					echartFun(data, facId)
				},
				error: function (type) {
				}
			})
		}
		// 设备列表
		var waterTempId = [16062009, 16062010, 16062011, 16062012, 16062013, 16062014, 16062015, 16062016, 16062017, 16062018, 16062019, 16062020, 16062021, 16062022, 16062023, 16062024, 16062025];
		var currpage = 1;
		function changePage(symbol) {
			var totelpage = Number($('#totelpage').html());
			if (symbol == 'add') {
				if (currpage < totelpage) {
					currpage++;
					$('#currentpage').html(currpage);
					$('addPage').attr('disable', 'false')
				} else {
					$('addPage').attr('disable', 'true')
					return false;
				}
			} else {
				if (currpage > 1) {
					currpage--;
					$('#currentpage').html(currpage);
					$('jianPage').attr('disable', 'false')
				} else {
					$('jianPage').attr('disable', 'true')
					return false;
				}
			}
			// getEquipList(currpage, $('#searchImei').val())
			getEquipList(currpage, $('#searchImei').val(), $('#selectId').val(), $('#selectIdA').val())

		}
		// 首页
		function gotofirstpage() {
			currpage = 1;
			$('#currentpage').html(1);
			getEquipList(1, $('#searchImei').val())
		}
		// 折线图搜索
		function sub_filter() {
			var currId = $(".menu_body .menu-active").attr("id");
			loadCharts(currId)
			// console.log(currId)
		}
		// 表格搜索
		function table_filter() {
			var currId = $(".menu_body .menu-active").attr("id");
			loadTable(currId)
		}
		// 折线图处理
		var color = ['#ff7b30', '#f93948', '#fb2ea4', '#bc59db', '#7457ec', '#307dfd', '#31bfff', '#46e9b1', '#19cd48', '#b2e409', '#f0f254', '#fed000', '#f06f14', '#a74040', '#90bb71', '#a07635', '#6502bd', '#048bbb', '#9ebb01', '#cc9202', '#ff8fa0', '#a3d55f', '#d9bedd', '#00a6b6', '#236093', '#009fff', '#ddc0a6', '#c4a6dd', '#dda6a6', '#779e33', '#a6ddb0'];
		function echartFun(data, facId) {
			$('#line-chart').prev().html('').css('z-index', 0);
			option.series = [];
			option.xAxis.data = [];
			lineChart.setOption(option, true);
			if (data.data.length) {
				var regroupData = [];  //重组数据
				var kindArr = [];  //通道数组
				var legend = [];
				var time = [];
				var len = Object.keys(data.data[0].dat).length
				for (var i = 1; i <= len; i++) {
					var key = 'e' + i;
					var valnum = data.data[0].dat[key].split('#')[1];
					if (data.data[0].dat[key] && (parseInt(valnum) != 163)) {
						kindArr.push(key);
						legend.push(data.conf[key].split('#')[0] + '(' + data.conf[key].split('#')[1] + ')')
					}
					if (i == Object.keys(data.data[0].dat).length) {
						for (var j = 0; j < data.data.length; j++) {
							time.unshift(data.data[j].time);
							for (var s = 0; s < kindArr.length; s++) {
								var val = data.data[j].dat[kindArr[s]];
								if (regroupData[s]) {
									if (val.split('#')[0] == -99.99) {
										var eVal = 'N/A';
									} else {
										var eVal = val.split('#')[0];
									}
									regroupData[s].dat.unshift(eVal);
								} else {
									if (val.split('#')[0] == -99.99) {
										var eVal = 'N/A';
									} else {
										var eVal = val.split('#')[0];
									}
									regroupData[s] = {
										name: data.conf[kindArr[s]].split('#')[0],
										unit: data.conf[kindArr[s]].split('#')[1],
										dat: [eVal]
									}
								}
							}
							if (j == data.data.length - 1) {
								console.log(regroupData)
								console.log(time)
								var legendData = { data: legend }
								option.legend = legendData;
								for (var count = 0; count < regroupData.length; count++) {
									var data = {
										name: legend[count],
										type: 'line',
										data: regroupData[count].dat,
										itemStyle: {
											normal: {
												color: color[count],
												shadowBlur: 1,
												shadowColor: color[count],
												borderColor: color[count],
												borderWidth: 2,
												backgroundColor: 'transparent'
											}
										},
										areaStyle: {
											normal: {
												color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
													offset: 0,
													color: color[count]
												}, {
													offset: 1,
													color: 'rgba(255,255,255,0)'
												}]),
											}
										}
									}
									option.series.push(data);
								}
								option.xAxis.data = time;
								setTimeout(function () {
									lineChart.setOption(option, true);
								})
							}
						}
					}
				}


				// var upTime = []; //
				// var kindCount = dat[0].e_len;
				// var seriesDat = [];
				// var legend = []; //几条折线
				// for (var i = 0; i < dat.length; i++) {
				// 	upTime.unshift(dat[i].upl_time);
				// 	for (var j = 0; j < dat[i].unit.length; j++) {
				// 		if (i == 0) {
				// 			if (dat[0].unit[j][4] == '106' && (waterTempId.indexOf(parseInt(facId)) != -1)) {
				// 				var elementName = '水温';
				// 			} else {
				// 				var elementName = dat[0].unit[j][1];
				// 			}
				// 			legend.push(dat[0].unit[j][3] + elementName);
				// 		}
				// 		if (seriesDat[j]) {
				// 			seriesDat[j].unshift(parseFloat(dat[i].unit[j][0]));
				// 		} else {
				// 			var arr = [];
				// 			arr.unshift(parseFloat(dat[i].unit[j][0]));
				// 			seriesDat[j] = arr;
				// 		}
				// 	}
				// 	if (i == dat.length - 1) {
				// 		// console.log(seriesDat)
				// 		var legendData = { data: legend }
				// 		option.legend = legendData;

				// 		for (var count = 0; count < kindCount; count++) {
				// 			var data = {
				// 				name: legend[count],
				// 				type: 'line',
				// 				data: seriesDat[count]
				// 			}
				// 			option.series.push(data);
				// 		}
				// 		option.xAxis.data = upTime;
				// 		setTimeout(function () {
				// 			lineChart.setOption(option, true);
				// 		})
				// 	}

				// }
			} else {
				$('#line-chart').prev().html('暂无数据').css('z-index', 99);
				option.series = [];
				option.xAxis.data = [];
				lineChart.setOption(option, true);
			}
		}


		//在线状态筛选
		$('#searchBtnA').on('click', function () {
			getEquipList(1, $('#searchImei').val(), $('#selectId').val(), $('#selectIdA').val())
		})
		$('#status').on('keyup', function (event) {
			if (event.keyCode == 13) {
				getEquipList(1, 1, $('#searchImei').val(), $('#selectId').val(), $('#selectIdA').val())
			}
		})

		//设备所属公司筛选
		$('#searchBtnB').on('click', function () {
			getEquipList(1, $('#searchImei').val(), $('#selectId').val(), $('#selectIdA').val())
		})
		$('#status').on('keyup', function (event) {
			if (event.keyCode == 13) {
				getEquipList(1, 1, $('#searchImei').val(), $('#selectId').val(), $('#selectIdA').val())
			}
		})


		// 滚动条
		scrollBar()
		function scrollBar() {
			// if ($('.content').height() > 750) {
			$('#iframe-main', parent.document).css('height', $('.content').height() + 20)
			// } else {
			// 	$('#iframe-main', parent.document).css('height', '750px')
			// }
		}
		window.onresize = function () {
			lineChart.setOption(option, true);
			scrollBar()
		}

		// 统计图
		var lineChart = echarts.init(document.getElementById('line-chart'));
		var option = {
			title: {
				text: '',
				textStyle: {
					color: '#029eef'
				}
			},
			legend: {
				data: []
			},
			tooltip: {
				trigger: 'axis',
			},
			xAxis: {
				data: []
			},
			yAxis: {
				axisLine: { show: true },
			},
			toolbox: {
				left: 'center',
			},
			dataZoom: [{
				// startValue: '2014-06-01'
			}, {
				type: 'inside'
			}],
			grid: {
				left: '3%',
				right: '4%',
				bottom: '6%',
				containLabel: true
			},
			series: []
		}
		setTimeout(function () {
			lineChart.setOption(option, true);
		})

		// 填充表格
		// function Fill_Table(table_id, data, facId) {
		// 	var html = "";
		// 	for (var i = 0; i < data.length; i++) {
		// 		if (i == 0) {
		// 			html += "<thead><tr>";
		// 			html += "<th>采集时间</th>";
		// 			for (var j = 0; j < data[0].unit.length; j++) {
		// 				if (data[0].unit[j][1] == '土壤温度' && (waterTempId.indexOf(parseInt(facId)) != -1)) {
		// 					var elementName = '水温';
		// 				} else {
		// 					var elementName = data[0].unit[j][1];
		// 				}
		// 				html += "<th title=\'通道" + (data[0].unit[j][3]).substr(1, data[0].unit[j][3].length) + "\'>" + elementName + "(" + data[0].unit[j][2] + ")</th>";
		// 			}
		// 			html += "</tr></thead>";
		// 		}
		// 		html += "<tr>";
		// 		html += "<td>" + data[i].upl_time + "</td>";
		// 		for (var z = 0; z < data[i].unit.length; z++) {
		// 			html += "<td>" + data[i].unit[z][0] + "</td>";
		// 		}
		// 		html += "</tr>";
		// 		if (i == data.length - 1) {
		// 			$(document.getElementById(table_id)).html(html);
		// 			scrollBar()
		// 		}
		// 	}
		// }
		function Fill_Table(table_id, datum, facId) {
			var html = "";
			var data = datum.data;
			// 表头
			html += "<thead><tr>";
			html += "<th>采集时间</th>";
			for (var j = 1; j < Object.keys(data[0].dat).length; j++) {
				var key = 'e' + j;
				if (data[0].dat[key]) {
					var txt = datum.conf[key].split('#')[0]; //汉字名称
					var unit = datum.conf[key].split('#')[1]; //单位
					html += "<th title=\'通道" + j + "\'>" + txt + "(" + unit + ")</th>";
				}
			}
			html += "</tr></thead>";
			// 内容
			for (var i = 0; i < data.length; i++) {
				html += "<tr>";
				html += "<td>" + data[i].time + "</td>";
				for (var s = 1; s <= Object.keys(data[i].dat).length; s++) {
					var key = 'e' + s;
					if (data[i].dat[key] && data[0].dat[key]) {
						// var val = data[i].dat[key].split('#')[0];
						if (data[i].dat[key].split('#')[0] == -99.99) {
							var val = 'N/A';
						} else {
							var val = data[i].dat[key].split('#')[0];
						}
						html += "<td>" + val + "</td>";
					}
				}
				html += "</tr>";
				if (i == data.length - 1) {
					$(document.getElementById(table_id)).html(html);
					scrollBar()
				}
			}
		}
		function Fill_null_Table(table_id) {
			var html = "";
			html += "<thead><tr><th>采集时间</th><th>风速</th><th>温度</th></tr></thead>";
			html += "<tr><td colspan=3 style='line-height:100px'>暂无数据</td></tr>";
			$(document.getElementById(table_id)).html(html);
			scrollBar()
		}
		// 分页初始化
		function loadTable(facId) {
			$.ajax({
				url: 'qxz_data',
				type: 'post',
				data: {
					e_id: facId,
					begin: $('#tableBegin').val(),
					end: $('#tableEnd').val(),
					page: 1
				},
				dataType: 'json',
				beforeSend: function () {
					loadFlage = layer.load();
				},
				complete: function () {
					layer.close(loadFlage);
				},
				success: function (data) {
					$(document.getElementById('datatable')).empty();
					if (data.data.length) {
						Fill_Table('datatable', data, facId)
						layui.use('laypage', function () {
							var laypage = layui.laypage;
							laypage.render({
								elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
								// , count: 30
								, count: data.nums
								, theme: '#428BCA'
								, layout: ['prev', 'page', 'next', 'skip']
								, jump: function (obj, first) {
									//首次不执行
									if (!first) {
										$.ajax({
											url: 'qxz_data',
											type: 'post',
											data: {
												e_id: facId,
												begin: $('#tableBegin').val(),
												end: $('#tableEnd').val(),
												page: obj.curr
											},
											dataType: 'json',
											success: function (data) {
												$(document.getElementById('datatable')).empty();
												if (data.data.length) {
													Fill_Table('datatable', data, facId)
												}
											}
										})
									}
								}
							});
						});
					} else {
						Fill_null_Table('datatable');
						layui.use('laypage', function () {
							var laypage = layui.laypage;
							laypage.render({
								elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
								// , count: 30
								, count: 0
								, theme: '#428BCA'
								, layout: []
								, jump: function (obj, first) {

								}
							});
						});
					}
				}
			})

		}

		// 导出
		function decideExport() {
			$('#myModal').modal('toggle')
		}
		function downtype(obj) {
			if ($(obj).val() == 2) {
				$('.timeStage').show();
			} else {
				$('.timeStage').hide();
				$('#downbegin').val('');
				$('#downend').val('');
				$('#downtimSelectBox').val('');
			}
		}
		//导出
		function operation() {
			if (!$('#filename').val()) {
				// layer.msg("请填写文件名！", { time: 2000 });
				layer.tips('请填写文件名！', '#filename');
				return false;
			}
			if ($('#downtype').val() == 2) {
				if (!($('#downbegin').val() && $('#downbegin').val())) {
					layer.tips('请选择时间段！', '#timSelectBox3');
					return false;
				}
			}
			var currId = $(".menu_body .menu-active").attr("id");
			window.location.href = 'qxz_data_export?id=' + currId + '&begin=' + $('#downbegin').val() + '&end=' + $('#downend').val() + '&filename=' + $('#filename').val()
		}

			// echartFun(data, 'facId')

	</script>
</body>

</html>