var url;
var electricList;
var dateTime;
var data = {
	"interfaceId": "5501",
	"outId": "10501",
	"reqDateTime": new Date(),
	"tokenAuth": "",
	"data": {
		"deptId": ""
	}
};

function init() {
	var user = JSON.parse(localStorage.getItem('user'));
	var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId'));
	url = user.url + "/api-phone/v35/gateway";
	data.tokenAuth = user.tokenAuth;
	data.data.deptId = selectDeptId;
	dateTime = getDate(new Date());
	getElectric();
}

//日期格式化yyyy-MM-dd
function getDate(date) {
	var year = date.getFullYear();
	var month, day,hour,minute;
	month = date.getMonth() + 1;
	if (month > 0 && month <= 9) {
		month = "0" + month;
	}
	day = date.getDate()
	if (day > 0 && day <= 9) {
		day = "0" + day
	}
	hour = date.getHours();
	minute = date.getMinutes();
	return year + "-" + month + "-" + day + " "+ hour + ":" + minute
}

function getElectric() {
	mui.ajax(url, {
		type: "POST",
		dataType: "json",
		crossDomain: true,
		contentType: "application/json;charset=utf-8",
		data: JSON.stringify(data),
		success: function(result) {
			if (result.code == "0000") {
				electricList = result.data;
				renderData();
			} else {
				renderData();
				mui.toast(result.msg);
				console.log(JSON.stringify(result))
			}
		},
		error: function() {
			mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
		}
	})
	// electricList = [{
	// 		"depotId": "18",
	// 		"depotName": "做一几加",
	// 		"depotType": "02",
	// 		"ua": 97,
	// 		"ub": 43,
	// 		"uc": 81,
	// 		"ia": 85,
	// 		"ib": 76,
	// 		"ic": 43,
	// 		"updateTime": "1982-03-19 23:26:43"
	// 	},
	// 	{
	// 		"depotId": "35",
	// 		"depotName": "层能比维",
	// 		"depotType": "01",
	// 		"ua": 71,
	// 		"ub": 60,
	// 		"uc": 45,
	// 		"ia": 22,
	// 		"ib": 42,
	// 		"ic": 12,
	// 		"updateTime": "1980-11-10 20:35:36"
	// 	},
	// 	{
	// 		"depotId": "61",
	// 		"depotName": "从周阶红",
	// 		"depotType": "02",
	// 		"ua": 88,
	// 		"ub": 94,
	// 		"uc": 77,
	// 		"ia": 33,
	// 		"ib": 83,
	// 		"ic": 67,
	// 		"updateTime": "1972-03-23 06:15:44"
	// 	},
	// 	{
	// 		"depotId": "31",
	// 		"depotName": "火五况斯",
	// 		"depotType": "03",
	// 		"ua": 76,
	// 		"ub": 76,
	// 		"uc": 68,
	// 		"ia": 80,
	// 		"ib": 54,
	// 		"ic": 2,
	// 		"updateTime": "2010-02-02 15:07:12"
	// 	},
	// 	{
	// 		"depotId": "20",
	// 		"depotName": "话美书着具",
	// 		"depotType": "01",
	// 		"ua": 96,
	// 		"ub": 5,
	// 		"uc": 83,
	// 		"ia": 74,
	// 		"ib": 49,
	// 		"ic": 37,
	// 		"updateTime": "2007-11-02 05:03:29"
	// 	}
	// ]
	
}
//渲染页面
function renderData() {
	var html = '';
	if (electricList && electricList.length > 0) {
		$.each(electricList, function(index, item) {
			html += '<li><div class="con"><div class="tit"><div class="t1">';
			if (item.depotType == '01') {
				html += '<span class="bg" style="background-image: url(images/d1.png);"></span>';
			} else if (item.depotType == '02') {
				html += '<span class="bg" style="background-image: url(images/d2.png);"></span>'
			}
			if (item.depotType == '03') {
				html += '<span class="bg" style="background-image: url(images/d3.png);"></span>'
			}
			html += '<span>' + item.depotName + '</span></div></div>';
			html += '<div class="inner"><div class="info">更新时间: <span style="font-size:15px">' + (item.updateTime == null || item.updateTime == "" ? dateTime : item.updateTime) + '</span></div>';
			html += '<div class="txt"><div class="num">' + (item.ua == null || item.ua == "" ? "0" : item.ua)  +
				' <span> V</span></div><div class="desc">A相电压</div></div>';
			html += '<div class="txt"><div class="num">' + (item.ub == null || item.ub == "" ? "0" : item.ub) +
				' <span> V</span></div><div class="desc">B相电压</div></div>';
			html += '<div class="txt"><div class="num">' + (item.uc == null || item.uc == "" ? "0" : item.uc) +
				' <span> V</span></div><div class="desc">B相电压</div></div>';
			html += '<div class="txt"><div class="num">' + (item.ia == null || item.ib == "" ? "0" : item.ib) +
				' <span> V</span></div><div class="desc">A相电流</div></div>';
			html += '<div class="txt"><div class="num">' + (item.ib == null || item.ic == "" ? "0" : item.ic) +
				' <span> V</span></div><div class="desc">B相电流</div></div>';
			html += '<div class="txt"><div class="num">' + (item.ic == null || item.ic == "" ? "0" : item.ic) +
				' <span> V</span></div><div class="desc">C相电流</div></div>';
			html += '</div></div></li>'
		})
	} else {
		html += '<li><div class="con"><div class="tit"><div class="t1">';
		html += '<span class="bg" style="background-image: url(images/d1.png);"></span>';
		html += '<span>暂无配电数据</span></div></div>';
		html += '<div class="inner"><div class="info">更新时间: <span style="font-size:15px">' + dateTime + '</span></div>';
		html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">A相电压</div></div>';
		html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电压</div></div>';
		html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电压</div></div>';
		html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">A相电流</div></div>';
		html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电流</div></div>';
		html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">C相电流</div></div>';
		html += '</div></div></li>'
	}
	$("#recordList").html(html);
}
var slider = mui(".mui-slider");
slider.slider({
	interval: 3000
});

mui('.mui-scroll-wrapper').scroll({
	indicators: false, //是否显示滚动条
	deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
	bounce: false, //是否启用回弹
	deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});