var url = null;
var uploadUrl = null;
var quantityList = null;
var ImgFile = null;
var dateTime;
var length;
var currentImageIndex;
//电子巡更记录
var data = {
	"interfaceId": "5207",
	"outId": "10207",
	"reqDateTime": new Date(),
	"tokenAuth": "",
	"data": {
		"deptId": "",
		"dateTime": "",
	}
};

//巡更照片查看
var data2 = {
	"interfaceId": "5208",
	"outId": "10208",
	"reqDateTime": new Date(),
	"tokenAuth": "",
	"data": {
		"id": "",
	}
};

function init() {
	var user = JSON.parse(localStorage.getItem('user'));
	var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId'));
	url = user.url + "/api/phone/v1/gateway";
	data.tokenAuth = user.tokenAuth;
	data2.tokenAuth = user.tokenAuth;
	data.data.deptId = selectDeptId;
	dateTime = getDate(new Date())
	document.getElementById("date").value = dateTime;
	//获取数量检测列表
	getQuantityList()

}

//默认获取当前日期(yyyy-MM-dd)
function getDate(date) {
	var year = date.getFullYear();
	var month, day;
	month = date.getMonth() + 1;
	if (month > 0 && month <= 9) {
		month = "0" + month;
	}
	day = date.getDate();
	if (day > 0 && day <= 9) {
		day = "0" + day;
	}
	return year + "-" + month + "-" + day
}
//加减天数
function addAndReduceMonth(tag) {

	var date = new Date(dateTime);
	date = date.setDate(date.getDate() + tag);
	date = new Date(date);
	dateTime = getDate(date);
	document.getElementById("date").value = dateTime;
	//获取数量检测列表
	getQuantityList()
}

//选择日期
function chooseDate() {
	var dtpicker = new mui.DtPicker({
		type: "date", //设置日历初始视图模式 
		// beginDate: new Date(2015, 04, 25), //设置开始日期 
		// endDate: new Date(2016, 04, 25), //设置结束日期 
		value: dateTime
	})
	var time = dateTime;
	dtpicker.show(function(e) {
		dateTime = e.value;
		document.getElementById("date").value = e.value
		if (time != dateTime) {
			getQuantityList();
		}
	})
}
//获取数量检测列表
function getQuantityList() {
	//赋值参数的日期
	data.data.dateTime = dateTime;
	console.log(JSON.stringify(data.data), "数量检测", "grain-quantity")
	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") {
				quantityList = result.data;
				renderPatrol();
			} else {
				renderPatrol();
				mui.toast(result.msg);
				console.log(JSON.stringify(result))
			}
		},
		error: function() {
			mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
		}
	})

}

function renderPatrol() {
	var html = '';
	if (quantityList && quantityList.length > 0) {
		$.each(quantityList, function(index, item) {
			html += '<li><div class="item"><div class="top"><div class="text">'+item.deptName+'</div><div class="r-btn" id = '+item.batchId+'>过程抓拍</div></div>'
			html += '<div class="top-tit"><div class="text">'+item.remark+'</div></div>';
			html += '<div class="cards"><div class="cd"><div class="con user"><div class="tit">检测重量</div><div class="txt">'+item.weight+' KG</div></div></div>'
			html += '<div class="cd"><div class="con loc"><div class="tit">时间</div><div class="txt">'+item.receiveDate+'</div></div></div></div></div></li>';
		})
	} else {
			html += '<li><div class="item"><div class="top"><div class="text"> ----- </div><div class="r-btn">过程抓拍</div></div>'
			html += '<div class="top-tit"><div class="text">检测重量为 --- KG，实际重量为 --- KG，误差小于-%。</div></div>';
			html += '<div class="cards"><div class="cd"><div class="con user"><div class="tit">检测重量</div><div class="txt"> ---- KG</div></div></div>'
			html += '<div class="cd"><div class="con loc"><div class="tit">时间</div><div class="txt"> -- </div></div></div></div></div></li>';

	}
	$("#recordList").html(html)
}

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

mui(".mui-content").on("tap", ".g-date_box .prev", function() {
	var curDate = document.getElementById("date").value;
	addAndReduceMonth(-1)
	// document.getElementById("date").value = e.value
});
mui(".mui-content").on("tap", ".g-date_box .next", function() {
	var curDate = document.getElementById("date").value;
	addAndReduceMonth(1)
	// document.getElementById("date").value = e.value
});

//查看照片
mui(".mui-content").on("tap", ".ul-cardb1 li .r-btn", function() {
	var id = this.getAttribute('id');
	data2.data.id = id;
	mui.ajax(url, {
		type: "POST",
		dataType: "json",
		crossDomain: true,
		contentType: "application/json;charset=utf-8",
		data: JSON.stringify(data2),
		success: function(result) {
			if (result.code == "0000") {
				ImgFile = result.data;
				length = ImgFile.length;
				currentImageIndex = 0;
				// 获取图片元素
				const imgElement = document.getElementById('viewerImg');
				// 更换src
				imgElement.src = ImgFile[currentImageIndex].base64Img;
				
				
			} else {
				mui.toast(result.msg);
			}
		},
		error: function() {
			mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
		}
	})
	$('.m-pop').css('display', 'flex');
});
//关闭照片
$('.pop-bg,.m-pop .close').click(function(e) {
	e.stopPropagation();
	$('.m-pop').fadeOut();
});

    // 左右箭头事件
$('.left-arrow').on('click', showPrevImage(-1));
$('.right-arrow').on('click', showNextImage(1));

// 显示上一张图片
function showPrevImage(index) {

	if(index>0){
		 currentImageIndex = (currentImageIndex + 1)%length;
	}else{
		 currentImageIndex = (currentImageIndex - 1)%length;
	}
	if(currentImageIndex<0){
		currentImageIndex = length-1;
	}
	const imgElement = document.getElementById('viewerImg');
	// 更换src
	imgElement.src = ImgFile[currentImageIndex].base64Img;
}

//数量检测
function patrolClock() {

	console.log(latitude)
	console.log(longitude)
	data1.data.latitude = latitude;
	data1.data.longitude = longitude
	mui.ajax(url, {
		type: "POST",
		dataType: "json",
		crossDomain: true,
		contentType: "application/json;charset=utf-8",
		data: JSON.stringify(data1),
		success: function(result) {
			if (result.code == "0000") {
				// mui.toast(result.msg);
				setInterval(getQuantityList(), 500)
			} else {
				mui.toast(result.msg);
			}
		},
		error: function() {
			mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
		}
	})
}