var news_drow_dtu_num = {}
var news_drow_plc_num = {}
var news_report = [];
var old_news_report = [];

var news_del = [];

var news_industy = {
	labelDatas: [],
	valueDatas: []
}

var news_alarm = {}

var news_online = {
	labelDatas: [],
	valueDatas: []
}



// var BASE_URL = "http://192.168.10.102:9023";
// var APP_URL = "http://192.168.10.134:10002";
var BASE_URL = window.BASE_URL;
var APP_URL = window.APP_URL;

$("#logoutButton").click(function () {
	// if (localStorage.getItem("X-Token")) {
	// 	$.ajax({
	// 		type: "POST",
	// 		url: BASE_URL + "/api/Check/Logout",
	// 		dataType: "json",
	// 		headers: { "X-Token": localStorage.getItem("X-Token") },
	// 		async: false,
	// 		beforeSend: function (xhr) { },
	// 		success: function (data) {
	// 			if (data.result == true) {
	// 				localStorage.setItem("X-Token", "")
	// 				window.location.href = "login.html";
	// 			}
	// 		}
	// 	});
	// } else {
	// 	window.location.href = "login.html";
	// }

	window.location.href = APP_URL

})
var jiankongJson
// 监控
$.ajax({
	type: "GET",
	url: BASE_URL + "/api/DroneClueReporting/GetCamerInfos",
	dataType: "json",
	headers: { "X-Token": localStorage.getItem("X-Token") },
	async: false,
	data: {},
	beforeSend: function (xhr) { },
	success: function (data) {
		console.log('ddd', data)
		var arr = data.result
		jiankongJson = {
			type: 'FeatureCollection',
			features: []
		}
		arr.forEach((element, index) => {
			jiankongJson.features.push({
				type: "Feature",
				id: "shipinjiankong." + (index + 1),
				geometry: {
					type: "Point",
					coordinates: element.lnglat.split(',')
				},
				geometry_name: "geom",
				properties: element
			})
		});
		console.log(jiankongJson)
	}
});
//无人机数量-起飞率
$.ajax({
	type: "GET",
	url: BASE_URL + "/api/DroneScreenDisplay/GetDroneCaseCompleteCount",
	dataType: "json",
	headers: { "X-Token": localStorage.getItem("X-Token") },
	async: false,
	data: {},
	beforeSend: function (xhr) { },
	success: function (data) {
		// console.log('ddd',data)
		news_drow_dtu_num.cluesCount = data.result.cluesCount; //总数
		news_drow_dtu_num.inHandCount = data.result.inHandCount; //正在处理中
		news_drow_dtu_num.unHandCount = data.result.unHandCount; //未处理
		news_drow_dtu_num.completeCount = data.result.completeCount;//已完成
		news_drow_dtu_num.unDealCount = data.result.unDealCount;//已完成


		news_drow_dtu_num.on = data.result.inHandCount
		news_drow_dtu_num.off = data.result.cluesCount
		news_drow_plc_num.on = data.result.completeCount
		news_drow_plc_num.off = data.result.cluesCount
	}
});
function getDealingAndCompleteData() {
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneScreenDisplay/GetDroneCaseCompleteCount",
		dataType: "json",
		headers: { "X-Token": localStorage.getItem("X-Token") },
		async: false,
		data: {},
		beforeSend: function (xhr) { },
		success: function (data) {
			// console.log('ddd',data)
			news_drow_dtu_num.cluesCount = data.result.cluesCount; //总数
			news_drow_dtu_num.inHandCount = data.result.inHandCount; //正在处理中
			news_drow_dtu_num.unHandCount = data.result.unHandCount; //未处理
			news_drow_dtu_num.completeCount = data.result.completeCount;//已完成
			news_drow_dtu_num.unDealCount = data.result.unDealCount;//已完成


			news_drow_dtu_num.on = data.result.inHandCount
			news_drow_dtu_num.off = data.result.cluesCount
			news_drow_plc_num.on = data.result.completeCount
			news_drow_plc_num.off = data.result.cluesCount
			loadDealingCaseCountCharts(news_drow_dtu_num);
			loadCompleteCaseCountCharts(news_drow_dtu_num);
		}
	});
}
//乡镇统计
$.ajax({
	type: "GET",
	url: BASE_URL + "/api/DroneScreenDisplay/GetDroneOrgCount",
	dataType: "json",
	headers: { "X-Token": localStorage.getItem("X-Token") },
	async: false,
	data: {},
	beforeSend: function (xhr) { },
	success: function (data) {
		data.result.forEach(item => {
			news_online.labelDatas.push(item.name)
			news_online.valueDatas.push({
				value: item.reportCount,
				name: item.name
			})
		})
	}
});
function getVillageData() {
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneScreenDisplay/GetDroneOrgCount",
		dataType: "json",
		headers: { "X-Token": localStorage.getItem("X-Token") },
		async: false,
		data: {},
		beforeSend: function (xhr) { },
		success: function (data) {
			news_online = {
				labelDatas: [],
				valueDatas: []
			}
			data.result.forEach(item => {
				news_online.labelDatas.push(item.name)
				news_online.valueDatas.push({
					value: item.reportCount,
					name: item.name
				})
			})
			loadVillageData(news_online);
		}
	});
}
//分类统计
$.ajax({
	type: "GET",
	url: BASE_URL + "/api/DroneScreenDisplay/GetDroneTypeCount",
	dataType: "json",
	headers: { "X-Token": localStorage.getItem("X-Token") },
	async: false,
	data: {},
	beforeSend: function (xhr) { },
	success: function (data) {
		data.result.forEach(item => {

			if (item.typename.includes('-')) {
				news_industy.labelDatas.push(item.typename.split('-')[1])
				news_industy.valueDatas.push({
					value: item.count,
					name: item.typename.split('-')[1]
				})
			} else {
				news_industy.labelDatas.push(item.typename)
				news_industy.valueDatas.push({
					value: item.count,
					name: item.typename
				})
			}
		})
	}
});
function getCaseClassData() {
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneScreenDisplay/GetDroneTypeCount",
		dataType: "json",
		headers: { "X-Token": localStorage.getItem("X-Token") },
		async: false,
		data: {},
		beforeSend: function (xhr) { },
		success: function (data) {
			news_industy = {
				labelDatas: [],
				valueDatas: []
			}
			data.result.forEach(item => {

				if (item.typename.includes('-')) {
					news_industy.labelDatas.push(item.typename.split('-')[1])
					news_industy.valueDatas.push({
						value: item.count,
						name: item.typename.split('-')[1]
					})
				} else {
					news_industy.labelDatas.push(item.typename)
					news_industy.valueDatas.push({
						value: item.count,
						name: item.typename
					})
				}

			})
			loadCaseClassCharts(news_industy);
		}
	});
}
//今日线索处理
$.ajax({
	type: "GET",
	url: BASE_URL + "/api/DroneScreenDisplay/LoadDroneCaseDeal",
	dataType: "json",
	headers: { "X-Token": localStorage.getItem("X-Token") },
	data: { today: 1 },
	async: false,
	beforeSend: function (xhr) { },
	success: function (data) {
		news_del = data.result;

		console.log("factory",data.result);
	}
});
function getTodayCaseDeal() {
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneScreenDisplay/LoadDroneCaseDeal",
		dataType: "json",
		headers: { "X-Token": localStorage.getItem("X-Token") },
		data: { today: 1 },
		async: false,
		beforeSend: function (xhr) { },
		success: function (data) {
			news_del = data.result;
			console.log("new_del",news_del);
			var target1 = $("#todayCaseDeal1");
			var target2 = $("#todayCaseDeal2");

			target1.empty();
			target2.empty();
			for (var i = 0; i < news_del.length; i++) {
				var htmlStr = `<tr class="aaa click_pop2" data-caseId='${news_del[i].id}' align="center" style="font-size: 14px;">
							<td>${news_del[i].examine_time}</td>		
							<td>${news_del[i].typename}</td>
							<td>${news_del[i].case_description}</td>
							<td>${news_del[i].streetname} ${news_del[i].communityname}</td>
							<td>${news_del[i].result_name ? news_del[i].result_name : "--"}</td>
						</tr>`
				target1.append(htmlStr);
				target2.append(htmlStr);
			}

			// target2.on("click", ".click_pop2", function(){
			// 今日线索处理详情
			$(".click_pop2").click(function () {
				$('.bgPop3,.pop3').show();
				var IMAGE_BASE_URL = " http://60.213.14.14:6070";
				$.ajax({

					type: "GET",
					url: BASE_URL + "/api/DroneScreenDisplay/GetCaseInfo",
					dataType: "json",
					headers: { "X-Token": localStorage.getItem("X-Token") },
					data: { id: $(this).attr("data-caseId") },
					async: false,
					beforeSend: function (xhr) { },
					success: function (data) {
						if (data.code == 200) {
							$('.caseinfoNo').text(data.result.info.case_no);
							$('.caseinfoDesc').text(data.result.info.case_description);
							$('.caseinfoZoing').text(data.result.info.countyname + "/" + data.result.info.streetname + "/" + data.result.info.communityname);
							$('.caseinfoType').text(data.result.info.typename);
							$('.caseinfoMarker').text(data.result.info.remark);
							$(".caseinfoImages").empty();
							for (var i = 0; i < data.result.pic_list.length; i++) {
								var appendStr = "<img src='" + IMAGE_BASE_URL + "/" + data.result.pic_list[i] + "' data-imgSrc='" + data.result.pic_list[i] + "' class='caseInfoImg' style='width:230px;height:100px;margin-right:15px;'/>";
								$(".caseinfoImages").append(appendStr);
							}
						}
						$(".caseInfoImg").click(function () {
							$(".imgContainers").empty();
							$(".imgDetail").show();
							$(".imgDetail").css({ "display": "flex" });
							var imgPath = $(this).attr("data-imgSrc");
							var appendStrPath = "<img src='" + imgPath + "' style='width:100%;height:100%;'/>";
							$(".imgContainers").append(appendStrPath);
						})
					}
				});
				$.ajax({
					type: "GET",
					url: " http://60.213.14.14:6050/api/DroneCaseinfo/GetDroneCaseDeal?X-Token=bc249a62&caseid=" + $(this).attr("data-caseId"),
					// url: " http://192.168.10.124:9020/api/DroneCaseinfo/GetDroneCaseDeal?X-Token=bc249a62&caseid=" + $(this).attr("data-caseId"),
					dataType: "json",
					headers: { "X-Token": localStorage.getItem("X-Token") },
					// data:{id:,
					async: false,
					beforeSend: function (xhr) { },
					success: function (data) {
						if (data.code == 200) {
							$('.dealTime').text(data.result.info.examine_time);
							$('.dealResult').text(data.result.info.result_name);
							$(".dealImages").empty();
							for (var i = 0; i < data.result.pic_info_list.length; i++) {
								var appendStr = "<img src='" + IMAGE_BASE_URL + "/S_" + data.result.pic_info_list[i].filePath + "' data-imgSrc='" + data.result.pic_info_list[i].filePath + "' class='caseInfoImg' style='width:230px;height:100px;margin:8px;'/>";
								$(".dealImages").append(appendStr);
							}
							$(".caseInfoImg").click(function () {
								$(".imgContainers").empty();
								$(".imgDetail").show();
								$(".imgDetail").css({ "display": "flex" });
								var imgPath = $(this).attr("data-imgSrc");
								var appendStrPath = "<img src='" + IMAGE_BASE_URL + "/" + imgPath + "' style='width:100%;height:100%;'/>";
								$(".imgContainers").append(appendStrPath);
							})
						}
					}
				})
			});
		}
	});
}
//今日上报今日处理数量
$.ajax({
	type: "GET",
	url: BASE_URL + "/api/DroneScreenDisplay/GetTodayReportAndDealCount",
	dataType: "json",
	headers: { "X-Token": localStorage.getItem("X-Token") },
	data: {},
	async: false,
	beforeSend: function (xhr) { },
	success: function (data) {
		news_alarm = data.result;
	}
});
function getTodayReportAndDealCount() {
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneScreenDisplay/GetTodayReportAndDealCount",
		dataType: "json",
		headers: { "X-Token": localStorage.getItem("X-Token") },
		data: {},
		async: false,
		beforeSend: function (xhr) { },
		success: function (data) {
			news_alarm = data.result;
			// console.log("news_alarm",news_alarm);
			$("#todayReport").text(news_alarm.reportCount + "条");
			$("#todayDeal").text(news_alarm.dealCount + "条");
		}
	});
}

//最新上报
$.ajax({
	type: "GET",
	url: BASE_URL + "/api/DroneScreenDisplay/LoadDroneCase",
	dataType: "json",
	headers: { "X-Token": localStorage.getItem("X-Token") },
	async: false,
	data: {},
	beforeSend: function (xhr) { },
	success: function (data) {
		old_news_report = [];
		for (var i = 0; i < data.result.length; i++) {
			// console.log(data.result[i].identification_time)
			old_news_report.push(data.result[i]);
		}
		news_report = data.result;

		// console.log("news_report",news_report);
		for (var i = 0; i < news_report.length; i++) {
			var date = new Date(news_report[i].identification_time);
			// news_report[i].identification_time = friendlyDate(date.getTime());
			news_report[i].rep_time = friendlyDate(date.getTime());
			// console.log(news_report[i]);

		}

	}
});

function timingHandleFriendlyData() {
	setInterval(function () {

		for (var i = 0; i < news_report.length; i++) {
			var date = new Date(news_report[i].identification_time);
			// news_report[i].identification_time = friendlyDate(date.getTime());
			news_report[i].rep_time = friendlyDate(date.getTime());

		}

		var target = $("#newestReport");
		target.empty();
		for (var i = 0; i < news_report.length; i++) {
			var htmlStr = '<li class="li02" data-caseId="' + news_report[i].id + '"><span style="width:220px;overflow: hidden;display: block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + news_report[i].streetname + '&nbsp;' + news_report[i].case_description + '</span><span style="float:right;font-size:12px;">' + news_report[i].rep_time + '</span></li>';
			target.append(htmlStr);
		}
		// target.on("click", ".li02", function(){
		$(".li02").click(function () {
			// console.log($(this));
			var IMAGE_BASE_URL = " http://60.213.14.14:6070";
			$.ajax({
				type: "GET",
				url: BASE_URL + "/api/DroneScreenDisplay/GetCaseInfo",
				dataType: "json",
				headers: { "X-Token": localStorage.getItem("X-Token") },
				data: { id: $(this).attr("data-caseId") },
				async: false,
				beforeSend: function (xhr) { },
				success: function (data) {
					console.log(data)
					if (data.code == 200) {
						$('.caseinfoNo').text(data.result.info.case_no);
						$('.caseinfoDesc').text(data.result.info.case_description);
						$('.caseinfoZoing').text(data.result.info.countyname + "/" + data.result.info.streetname + "/" + data.result.info.communityname);
						$('.caseinfoType').text(data.result.info.typename);
						$('.caseinfoMarker').text(data.result.info.remark);
						$(".caseinfoAddress").text(data.result.info.address);
						$(".caseinfoTime").text(data.result.info.createtime);
						$(".caseinfoArea").text(data.result.info.area);
						$(".caseinfoImages").empty();
						for (var i = 0; i < data.result.pic_list.length; i++) {
							var url = IMAGE_BASE_URL + "/" + data.result.pic_list[i];
							var appendStr = "<img src='" + IMAGE_BASE_URL + "/S_" + data.result.pic_list[i] + "' class='caseInfoImg' data-imgSrc='" + url + "' style='width:230px;height:100px;margin-right:15px;'/>";
							$(".caseinfoImages").append(appendStr);
						}
					}
					$(".caseInfoImg").click(function () {
						$(".imgContainers").empty();
						$(".imgDetail").show();
						$(".imgDetail").css({ "display": "flex" });
						var imgPath = $(this).attr("data-imgSrc");
						var appendStrPath = "<img src='" + imgPath + "' style='width:100%;height:100%;'/>";
						$(".imgContainers").append(appendStrPath);
					})
					getkmcamera(data.result)
				}
			});
			//console.log($(this).attr("data-caseId"));
			$('.bgPop2,.pop2').show();
		});
	}, 60000);
}

timingHandleFriendlyData();
//时间差计算函数
function friendlyDate(timestamp) {
	var formats = {
		'year': '%n% 年前',
		'month': '%n% 月前',
		'day': '%n% 天前',
		'hour': '%n% 小时前',
		'minute': '%n% 分钟前',
		'second': '%n% 秒前',
	};

	var now = Date.now();

	var seconds = Math.floor((now - timestamp) / 1000);
	var minutes = Math.floor(seconds / 60);
	var hours = Math.floor(minutes / 60);
	var days = Math.floor(hours / 24);
	var months = Math.floor(days / 30);
	var years = Math.floor(months / 12);

	var diffType = '';
	var diffValue = 0;
	if (years > 0) {
		diffType = 'year';
		diffValue = years;
	} else {
		if (months > 0) {
			diffType = 'month';
			diffValue = months;
		} else {
			if (days > 0) {
				diffType = 'day';
				diffValue = days;
			} else {
				if (hours > 0) {
					diffType = 'hour';
					diffValue = hours;
				} else {
					if (minutes > 0) {
						diffType = 'minute';
						diffValue = minutes;
					} else {
						diffType = 'second';
						diffValue = seconds === 0 ? (seconds = 1) : seconds;
					}
				}
			}
		}
	}
	return formats[diffType].replace('%n%', diffValue);
}

function getNewestReport() {
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneScreenDisplay/LoadDroneCase",
		dataType: "json",
		headers: { "X-Token": localStorage.getItem("X-Token") },
		async: false,
		data: {},
		beforeSend: function (xhr) { },
		success: function (data) {
			old_news_report = [];
			for (var i = 0; i < data.result.length; i++) {
				// console.log(data.result[i].identification_time)
				old_news_report.push(data.result[i]);
			}
			news_report = data.result;
			for (var i = 0; i < news_report.length; i++) {
				var date = new Date(news_report[i].identification_time);
				// news_report[i].identification_time = friendlyDate(date.getTime());
				news_report[i].rep_time = friendlyDate(date.getTime());
			}

			var target = $("#newestReport");
			target.empty();
			for (var i = 0; i < news_report.length; i++) {
				var htmlStr = '<li class="li02" data-caseId="' + news_report[i].id + '"><span style="width:220px;overflow: hidden;display: block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + news_report[i].streetname + '&nbsp;' + news_report[i].case_description + '</span><span style="float:right;font-size:12px;">' + news_report[i].rep_time + '</span></li>';
				target.append(htmlStr);
			}
			// target.on("click", ".li02", function(){
			$(".li02").click(function () {
				// console.log($(this));
				var IMAGE_BASE_URL = " http://60.213.14.14:6070";
				$.ajax({
					type: "GET",
					url: BASE_URL + "/api/DroneScreenDisplay/GetCaseInfo",
					dataType: "json",
					headers: { "X-Token": localStorage.getItem("X-Token") },
					data: { id: $(this).attr("data-caseId") },
					async: false,
					beforeSend: function (xhr) { },
					success: function (data) {
						if (data.code == 200) {
							$('.caseinfoNo').text(data.result.info.case_no);
							$('.caseinfoDesc').text(data.result.info.case_description);
							$('.caseinfoZoing').text(data.result.info.countyname + "/" + data.result.info.streetname + "/" + data.result.info.communityname);
							$('.caseinfoType').text(data.result.info.typename);
							$('.caseinfoMarker').text(data.result.info.remark);
							$(".caseinfoAddress").text(data.result.info.address);
							$(".caseinfoTime").text(data.result.info.examine_time);
							$(".caseinfoArea").text(data.result.info.area);
							$(".caseinfoImages").empty();
							if(data.result.casepic){
                                var imgList = data.result.casepic.split(',')
                                for (var i = 0; i < imgList.length; i++) {
									var url = IMAGE_BASE_URL + "/" + imgList[i];
									var appendStr = "<img src='" + IMAGE_BASE_URL + "/S_" + imgList[i] + "' class='caseInfoImg' data-imgSrc='" + url + "' style='width:230px;height:100px;margin-right:15px;'/>";
									$(".caseinfoImages").append(appendStr);
								}
							}
							getkmcamera(data.result)
						}
						$(".caseInfoImg").click(function () {
							$(".imgContainers").empty();
							$(".imgDetail").show();
							$(".imgDetail").css({ "display": "flex" });
							var imgPath = $(this).attr("data-imgSrc");
							var appendStrPath = "<img src='" + imgPath + "' style='width:100%;height:100%;'/>";
							$(".imgContainers").append(appendStrPath);
						})
					}
				});
				//console.log($(this).attr("data-caseId"));
				$('.bgPop2,.pop2').show();
			});
		}
	});
}


// setInterval(function(){
// 	var audioText =news_report[0].streetname+"，"+news_report[0].communityname+"，发现一条"+news_report[0].case_description+"线索，请及时处理。";
// 	playAudio(audioText);
// },2000);

var audio = null;
var myWebSocket = null;
var lockReconnect = false
var myWebSocketTimer = null;

function websocketReconnect() {
	if (lockReconnect) {       // 是否已经执行重连
		return;
	};
	lockReconnect = true;
	// 没连接上会一直重连，设置延迟避免请求过多
	var tt = null;
	tt && clearTimeout(tt);

	var _this = this;
	tt = setTimeout(function () {
		initWebSocket();
		lockReconnect = false;
		// console.log("正在发起1次WebSocket重连")
	}, 120000)
}


function initWebSocket() {
	if ("WebSocket" in window) {
		// var ws = new WebSocket("ws://123.132.248.154:9003/echo");
		// var ws = new WebSocket("ws://192.168.10.123:1235/echo");
		// myWebSocket = new WebSocket("ws://192.168.10.124:9250/echo");
		myWebSocket = new WebSocket("ws://60.213.14.14:6090/echo");
		myWebSocket.onopen = function () {
			// loadUAVBox()

			console.log("websocket连接成功");
			// myWebSocket.send("发送数据");

			if (myWebSocketTimer) {
				clearInterval(myWebSocketTimer);
			}
			webSocketHeart();
		};

		myWebSocket.onmessage = function (evt) {
			// console.log("websock-message", evt)
			// loadUAVBox(JSON.parse(evt.data))
			if (evt.data != "发送数据") {
				var received_msg = JSON.parse(evt.data)
					// 无人机推流
					loadUAVBox(received_msg)
					// 马庄镇
					// var data = {
					// 	"account": "17853305026",
					// 	"createtime": "2023-11-08 09:58:16",
					// 	"height": 185,
					// 	"ip": "192.168.10.101",
					// 	"lat": 35.104007,
					// 	"lng": 118.01002,
					// 	"model": "airPlaneModel"
					// }
					// loadUAVBox(data)
				if (received_msg.type == 'newcase') {

					// 更新所有图表数据
					updateData();

					// 重新加载地图数据
					loadMainMap();

					//重新加载数据点
					loadNewestReportPoint();

					// 加载最新数据点
					loadLastReportPoint(received_msg.caseid, false);
				
					// audio = "../audio/"+news_report[0].streetname+".mp3";
					// // audio = "../css/tishi.mp3";
					// audio = new Audio(audio); 
					// audio.play();

					// var audioText =news_report[0].streetname+"，"+news_report[0].communityname+"，发现一条"+news_report[0].case_description+"线索，请及时处理。";
					// playAudio(audioText);
				} else if (received_msg.type == 'newdeal') {
					// audio = "../audio/"+news_del[0].caseinfo.streetname+".mp3";
					// audio = new Audio(audio); 
					// audio.play();

					updateData();
				}

				// setTimeout(function(){
				// 	audio.pause()
				// },5000);
			}

		};
		myWebSocket.onclose = function () {
			// 如果断开则重新连接
			// console.log("websocket已断开，正在重新连接...");
			websocketReconnect();
			// initWebSocket();
		};
	} else {
		alert("您的浏览器不支持 WebSocket!");
	}
}

// var  globalTimer = null;

// if(globalTimer){
// 	clearInterval(globalTimer);
// }else{
// 	globalTimer = setInterval(function(){
// 		updateData();
// 	},6000000)
// }

function webSocketHeart() {  //长连接心跳检测
	let _this = this;
	let total = 1;
	myWebSocketTimer = setInterval(function () {
		if (_this.myWebSocket) {
			// console.log("WebSocket","向服务器发送了第"+total+"条心跳检测消息");
			_this.myWebSocket.send("发送数据");
			//  console.log("发送了",localStorage.getItem("UID")+","+localStorage.getItem("X-Token"));
			// _this.myWebSocket.send("HelloWorld");
			total++;
		}
	}, 30000);
}

function playAudio(text) {
	var synth = window.speechSynthesis;
	var msg = new SpeechSynthesisUtterance();
	msg.text = text;     // 文字内容
	msg.lang = "zh-CN";  // 使用的语言:中文
	msg.volume = 1;      // 声音音量：0-1
	msg.rate = 2.2;        // 语速：0-10
	msg.pitch = 1.5;       // 音高：0-1
	synth.speak(msg);    // 播放

}


initWebSocket();

$("#localtime").click(function () {
	// loadNewestReportPoint();
	// updateData();

	// console.log(news_report[0]);
	// var audioText =news_report[0].streetname+" "+news_report[0].communityname+"发现一条新线索，请及时处理。"; //"+news_report[0].case_description+"
	// playAudio(audioText);


	// audio = "../audio/"+news_report[0].streetname+".mp3";
	// // audio = "../css/tishi.mp3";
	// audio = new Audio(audio); 
	// audio.play();

	loadLastReportPoint('ce257e0b-f47b-444b-917c-50d5922b0c9e', false);

	// audio = "../css/tishi.mp3";
	// audio = new Audio(audio); 
	//  audio.play();
})

function updateData() {
	//获取今日上报和今日处理数量
	getTodayReportAndDealCount();

	// 获取最新上报
	getNewestReport();

	//获取今日线索处理
	getTodayCaseDeal();

	//线索办理图表数据更新
	getDealingAndCompleteData();

	//线索线索统计表数据更新
	getVillageData();

	//线索分类统计表数据更新
	getCaseClassData();

	//本周图表数据更新
	loadThisWeekData();

	//本月图表数据更新
	loadThisMonthDataCharts();
}
var scn_data = {
	alarm: news_alarm,
	dtu: news_drow_dtu_num,
	plc: news_drow_plc_num,
	industy: news_industy,
	online: news_online,
	almMsg: news_report,
	msgCnt: [{ msg: 100, alm: 20 },
	{ msg: 200, alm: 40 },
	{ msg: 300, alm: 50 },
	{ msg: 400, alm: 35 },
	{ msg: 400, alm: 40 },
	{ msg: 400, alm: 11 },
	{ msg: 400, alm: 66 },
	{ msg: 100, alm: 77 },
	{ msg: 200, alm: 88 },
	{ msg: 300, alm: 22 },
	{ msg: 400, alm: 99 },
	{ msg: 400, alm: 100 },
	{ msg: 400, alm: 111 },
	{ msg: 400, alm: 222 },
	{ msg: 100, alm: 333 },
	{ msg: 200, alm: 11 },
	{ msg: 300, alm: 33 },
	{ msg: 400, alm: 55 },
	{ msg: 400, alm: 77 },
	{ msg: 400, alm: 90 }
	],
	map: [{ area: "山东", cnt: 20 },
	{ area: "浙江", cnt: 40 },
	{ area: "江苏", cnt: 50 },
	{ area: "辽宁", cnt: 50 }
	],
	factoryHeader: [
		{ "categories": "处理时间" },
		// {"categories":"上报时间"},
		{ "categories": "线索类型" },
		{ "categories": "线索描述" },
		{ "categories": "乡镇" },
		{ "categories": "处理结果" }
	],
	factory: news_del,
	iframeVisble: false
};

var vm = new Vue({
	el: '#content',
	data: scn_data,
	methods: {
		details: function () {

		}
	}
})
//加载线索办理图表数据 --- 处理中
var dealingCaseCountCharts = null;
function loadDealingCaseCountCharts(dtu) {
	var option = {
		tooltip: {
			trigger: 'item',
			formatter: "{b}: {c} "
		},
		legend: {
			orient: 'horizontal',
			x: 'center',
			data: ['未处理', '处理中', '已完成'],
			// data:['核查定性','处置办理','监督审核','查验归档'],
			itemWidth: 8,
			itemHeight: 8,
			textStyle: {//图例文字的样式
				color: '#fff',
				fontSize: 12
			}
		},
		color: ['#0C6CFF', '#FF9C12', '#BB2DF0'],
		graphic: [{ //环形图中间添加文字
			type: 'text', //通过不同top值可以设置上下显示
			left: 'center',
			top: '45%',
			style: {
				text: "办结:" + dtu.completeCount + " 条",
				textAlign: 'center',
				fill: '#ffffff', //文字的颜色
				width: 30,
				height: 30,
				fontSize: 14,
				fontFamily: "Microsoft YaHei"
			}
		}],
		series: [
			{
				name: '',
				type: 'pie',
				radius: ['50%', '65%'],
				avoidLabelOverlap: false,
				label: {
					normal: {
						show: false,
						color: "#66ccff",
						rotate: 120,
						extraCssText: 'white-space: normal; word-break: break-all;'
						// position: 'center'
					},

					// emphasis: {
					// 		show: false,
					// 		textStyle: {
					// 				fontSize: '16',
					// 				color:'#00fcff',
					// 				fontWeight: 'bold'
					// 		}
					// }
				},
				labelLine: {
					normal: {
						show: true,
						length: 5,  // 改变标示线的长度
						lineStyle: {
							color: "#66ccff"  // 改变标示线的颜色
						}
					}
				},
				itemStyle: {
					borderRadius: 20,
					borderColor: '#0E1C3B',
					borderWidth: 0
				},
				// 	data:['核查定性','处置办理','监督审核','查验归档'],
				// data:[
				// 		{value:dtu.unHandCount, name:'核查定性',
				// 			itemStyle: {
				// 					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
				// 						offset: 0,
				// 						color: "#6b0ed4"
				// 					},
				// 					{
				// 						offset: 1,
				// 						color: "#901de1"
				// 					}
				// 				])

				// 			},
				// 		},
				// 		{value:dtu.unDealCount, name:'处置办理',
				// 			itemStyle: {
				// 				color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
				// 						offset: 0,
				// 						color: "#FF5A03"
				// 					},
				// 					{
				// 						offset: 1,
				// 						color: "#FFD920"
				// 					}
				// 				])
				// 			},
				// 		},
				// 		{value:dtu.inHandCount, name:'监督审核',
				// 			itemStyle: {
				// 				color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
				// 						offset: 0,
				// 						color: "#089FFF"
				// 					},
				// 					{
				// 						offset: 1,
				// 						color: "#1037FF"
				// 					}
				// 				])
				// 			},
				// 		},
				// 		{value:dtu.completeCount, name:'查验归档',
				// 			itemStyle: {
				// 				color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
				// 						offset: 0,
				// 						color: "#3ba272"
				// 					},
				// 					{
				// 						offset: 1,
				// 						color: "#3ba223"
				// 					}
				// 				])
				// 			},
				// 		}
				// ]
				data: [
					{
						value: dtu.unHandCount, name: '未处理',
						itemStyle: {
							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
								offset: 0,
								color: "#FF5A03"
							},
							{
								offset: 1,
								color: "#FFD920"
							}
							])
						},
					},
					{
						value: dtu.inHandCount, name: '处理中',
						itemStyle: {
							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
								offset: 0,
								color: "#089FFF"
							},
							{
								offset: 1,
								color: "#1037FF"
							}
							])
						},
					},
					{
						value: dtu.completeCount, name: '已完成',
						itemStyle: {
							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
								offset: 0,
								color: "#BB2DF0"
							},
							{
								offset: 1,
								color: "#BB2DF0"
							}
							])
						},
					}
				]
			}
		]
	};
	if (dealingCaseCountCharts == null) {
		var dom = document.getElementById("container");
		dealingCaseCountCharts = echarts.init(dom);
		dealingCaseCountCharts.setOption(option);
	} else {
		dealingCaseCountCharts.clear();
		dealingCaseCountCharts.setOption(option, true);
	}
}
loadDealingCaseCountCharts(news_drow_dtu_num);

//加载线索办理图表数据 --- 已完成
var completeCaseCountCharts = null;
function loadCompleteCaseCountCharts(plc) {
	option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'shadow'
			}
		},
		xAxis: {
			type: 'category',
			data: ['线索总数', '已处理数'],
			axisLine: {
				show: true,
				lineStyle: {
					color: '#5879A4'
				}
			},
			axisLabel: {
				color: '#CFD5E5',
				fontSize: 12,
				interval: 0,
				rotate: 0,
			},
			axisTick: {
				show: false
			},
		},
		yAxis: {
			type: 'value',
			color: "#fff",
			axisLabel: {
				color: '#CFD5E5',
				fontSize: 0,
				interval: 0,
				rotate: 0,
				show: false,
			},
			splitLine: {
				show: false,
				lineStyle: {
					color: '#21387F',
					type: 'dashed',
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: '#CFD5E5',
					fontsize: 12
				}
			},
			axisTick: {
				show: false
			},
		},
		series: [
			{
				data: [plc.cluesCount, plc.completeCount],
				type: 'bar',
				barWidth: 30,
				barHeight: 100,
				itemStyle: {
					normal: {
						label: {
							show: true, //开启显示
							position: 'top', //在上方显示
							textStyle: {
								//数值样式
								color: '#fff',
								fontSize: 12,
							},
						},
						// color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
						// 	offset: 0,
						// 	color: "#cd7cf3"
						// 	}, {
						// 	offset: 1,
						// 	color: "#de5df2"
						// 	}]),
						color: function (params) {
							// 定义一个颜色数组colorList
							var colorList = [
								new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
									offset: 0,
									color: "#0e3fff"
								}, {
									offset: 1,
									color: "#0e3f95"
								}]),
								new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
									offset: 0,
									color: "#04a2b0"
								}, {
									offset: 1,
									color: "#04a2ff"
								}])
							];
							return colorList[params.dataIndex]
						},
					},
				},
				showBackground: true,
				backgroundStyle: {
					color: 'rgba(110, 193, 244, 0.2)',
				},
			}
		]
	};

	if (completeCaseCountCharts == null) {
		var dom = document.getElementById("container1");
		completeCaseCountCharts = echarts.init(dom);
		completeCaseCountCharts.setOption(option);
	} else {
		completeCaseCountCharts.clear();
		completeCaseCountCharts.setOption(option, true);
	}
}
loadCompleteCaseCountCharts(news_drow_dtu_num);

//加载乡镇线索线索统计表
var villageCharts = null;
function loadVillageData(online) {
	let option = {
		// color:['#FF6C00','#00FFFF','#7627CB','#FFFC00','#0E4AE0','#C933F4'],
		color: ['#00FFFF'],
		grid: {
			bottom: '40',
			top: '20'
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'shadow'
			}
		},
		xAxis: {
			data: online.labelDatas,
			axisLine: {
				show: true,
				lineStyle: {
					color: '#5879A4'
				}
			},
			axisLabel: {
				color: '#CFD5E5',
				fontSize: 8,
				interval: 0,
				rotate: 25,
			},
			axisTick: {
				show: false
			},
		},
		yAxis: {
			color: "#fff",
			splitLine: {
				lineStyle: {
					color: '#21387F',
					type: 'dashed',
				}
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: '#CFD5E5',
					fontsize: 12
				}
			},
			axisTick: {
				show: false
			},
		},
		series: [
			{
				name: '乡镇线索数量',
				type: 'pictorialBar',
				pictorialBar: '40%',
				// symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
				symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
				itemStyle: {
					normal: {
						opacity: 0.6
					},
					emphasis: {
						opacity: 1
					}
				},

				barWidth: 60,
				data: online.valueDatas,
				z: 10
			}
		]
	};
	if (villageCharts == null) {
		var dom = document.getElementById("container2");
		villageCharts = echarts.init(dom);
		if (online.valueDatas.length > 14) {
			option.dataZoom = {
				type: 'slider',
				width: 300,
				height: 9,
				zoomlock: true,
				startValue: 0,
				endValue: 9,
				xAxisIndex: 0,
				bottom: 5,
				borderColor: 'rgba(255,255,255, 0.0)',
				fillerColor: 'rgb(46,92,177)',
				backgroundColor: 'rgba(0,0,0,0.04)', //两边未选中的滑动条区域的颜色
				showDetail: true,
			}
		} else {
			option.dataZoom = {
				show: false
			}
		}
		villageCharts.setOption(option);
	} else {
		villageCharts.clear();
		villageCharts.setOption(option, true);
	}
}
loadVillageData(news_online);

//加载线索分类统计
var caseClassCharts = null;
function loadCaseClassCharts(industy) {

	var option = {
		color: ['#FF6C00', '#00FFFF', '#7627CB', '#FFFC00', '#0E4AE0', '#C933F4', "#e34fbb", "#69c99c", "#f9be39", "#73c0de", "#3a56ad", "#42b57f", "#9a1111", "#3ba272",],
		tooltip: {
			trigger: 'item'
		},
		legend: {
			x: 'center',
			bottom: '10',
			itemWidth: 8,
			itemHeight: 8,
			textStyle: { //图例文字的样式
				color: '#fff',
				fontSize: 12
			},
			data: industy.labelDatas
		},
		calculable: true,
		series: [
			{
				name: '线索分类统计',
				type: 'pie',
				radius: ['35%', '55%'],
				center: ['50%', '40%'],
				avoidLabelOverlap: true,
				itemStyle: {
					borderRadius: 20,
					borderColor: '#0E1C3B',
					borderWidth: 5
				},
				data: industy.valueDatas
			}
		]
	};

	if (caseClassCharts == null) {
		var dom = document.getElementById("container3");
		caseClassCharts = echarts.init(dom);
		caseClassCharts.setOption(option);
	} else {
		caseClassCharts.clear();
		caseClassCharts.setOption(option, true);
	}
}
loadCaseClassCharts(news_industy);

//加载本周图表数据
var thisWeekDataCharts = null;
function loadThisWeekData() {
	var news_data_statistics_label = []
	var news_data_statistics_report_num = []
	var news_data_statistics_deal_num = []
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneScreenDisplay/GetDroneCaseDateCount",
		dataType: "json",
		headers: { "X-Token": localStorage.getItem("X-Token") },
		data: { type: 'week' },
		async: false,
		beforeSend: function (xhr) { },
		success: function (data) {
			data.result.forEach(item => {
				news_data_statistics_label.push(item.day)
				news_data_statistics_report_num.push(item.reportCount)
				news_data_statistics_deal_num.push(item.dealCount)
			})
			news_data_statistics = data.result;
		}
	});
	var option = {
		grid: {
			bottom: '30',
			top: '50'
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'shadow'
			}
		},
		legend: {
			data: ['上报数', '处理数'],
			textStyle: {
				color: '#ccc'
			}
		},
		xAxis: {
			data: news_data_statistics_label,
			axisLine: {
				lineStyle: {
					color: '#ccc'
				}
			}
		},
		yAxis: {
			splitLine: { show: false },
			axisLine: {
				lineStyle: {
					color: '#ccc'
				}
			}
		},
		series: [{
			name: '处理数',
			type: 'bar',
			barGap: 0,
			barCategoryGap: 20,
			barWidth: 12,
			itemStyle: {
				normal: {
					barBorderRadius: [6, 6, 0, 0],
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1,
						[
							{ offset: 0, color: '#BE2FF1' },
							{ offset: 1, color: '#630BD1' }
						]
					)
				}
			},
			data: news_data_statistics_deal_num
		}, {
			name: '上报数',
			type: 'bar',
			barWidth: 12,
			itemStyle: {
				normal: {
					barBorderRadius: [6, 6, 0, 0],
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1,
						[
							{ offset: 0, color: '#00E4FF' },
							{ offset: 1, color: '#0079FE' }
						]
					)
				}
			},
			data: news_data_statistics_report_num
		}]
	};
	if (thisWeekDataCharts == null) {
		var dom = document.getElementById("container4");
		thisWeekDataCharts = echarts.init(dom);
		thisWeekDataCharts.setOption(option);
	} else {
		thisWeekDataCharts.clear();
		thisWeekDataCharts.setOption(option, true);
	}

	// option


}
loadThisWeekData();


//加载本月图表数据
var thisMonthDataCharts = null;
function loadThisMonthDataCharts() {

	var news_data_statistics_label = []
	var news_data_statistics_report_num = []
	var news_data_statistics_deal_num = []
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneScreenDisplay/GetDroneCaseDateCount",
		dataType: "json",
		data: { type: 'month' },
		headers: { "X-Token": localStorage.getItem("X-Token") },
		async: false,
		beforeSend: function (xhr) { },
		success: function (data) {
			data.result.forEach(item => {
				news_data_statistics_label.push(item.day)
				news_data_statistics_report_num.push(item.reportCount)
				news_data_statistics_deal_num.push(item.dealCount)
			})
			news_data_statistics = data.result;
		}
	});
	let option = {
		grid: {
			bottom: '30',
			top: '50'
		},
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'shadow'
			}
		},
		legend: {
			data: ['上报数', '处理数'],
			textStyle: {
				color: '#ccc'
			}
		},
		xAxis: {
			data: news_data_statistics_label,
			axisLine: {
				lineStyle: {
					color: '#ccc'
				}
			}
		},
		yAxis: {
			splitLine: { show: false },
			axisLine: {
				lineStyle: {
					color: '#ccc'
				}
			}
		},
		dataZoom: [
			{
				type: 'slider',
				width: 300,
				height: 9,
				zoomlock: true,
				startValue: 0,
				endValue: 9,
				xAxisIndex: 0,
				bottom: 0,
				borderColor: 'rgba(255,255,255, 0.0)',
				fillerColor: '#00E4FF',
				backgroundColor: 'rgba(0,0,0,0.04)', //两边未选中的滑动条区域的颜色
				showDetail: true,
			},
		],

		series: [{
			name: '处理数',
			type: 'bar',
			barWidth: 12,
			barGap: 0,
			barCategoryGap: 20,
			itemStyle: {
				normal: {
					barBorderRadius: [6, 6, 0, 0],
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1,
						[
							{ offset: 0, color: '#BE2FF1' },
							{ offset: 1, color: '#630BD1' }
						]
					)
				}
			},
			data: news_data_statistics_deal_num,
		}, {
			name: '上报数',
			type: 'bar',
			barWidth: 12,
			itemStyle: {
				normal: {
					barBorderRadius: [6, 6, 0, 0],
					color: new echarts.graphic.LinearGradient(
						0, 0, 0, 1,
						[
							{ offset: 0, color: '#00E4FF' },
							{ offset: 1, color: '#0079FE' }
						]
					)
				}
			},
			data: news_data_statistics_report_num
		}]
	};
	if (thisMonthDataCharts == null) {
		var dom = document.getElementById("container5");
		thisMonthDataCharts = echarts.init(dom);
		thisMonthDataCharts.setOption(option);
	} else {
		thisMonthDataCharts.clear();
		thisMonthDataCharts.setOption(option, true);
	}
}
loadThisMonthDataCharts();
function getkmcamera(data) {
	console.log(data)
	$.ajax({
		type: "GET",
		url: BASE_URL + "/api/DroneClueReporting/GetCamerInfoByLngLat",
		dataType: "json",
		headers: { "X-Token": localStorage.getItem("X-Token") },
		data: {
			lng: data.lng,
			lat: data.lat,
			distince: 2000
		},
		async: false,
		beforeSend: function (xhr) { },
		success: function (data) {
			console.log(data)
			if (data.code == 200) {
				var arr = data.result
				$(".caseinfocameras").empty();
				arr.forEach(element => {
					// var appendStr = "<img src='" + IMAGE_BASE_URL + "/" + data.result.pic_list[i] + "' data-imgSrc='" + data.result.pic_list[i] + "' class='caseInfoImg' style='width:230px;height:100px;margin-right:15px;'/>";
					var appendStr = ` <div class='caseCamera' data='` + JSON.stringify(element) + `'>
												<img src="./images/monitor.png" alt="">
												<span>`+ element.deviceName + `</span>
										</div>`
					$(".caseinfocameras").append(appendStr);
				});
			}
			$('.caseCamera').on('click', function (e) {
				console.log($(this).attr("data"))
				$('.bgPop2,.pop2').hide();
				var data = $(this).attr("data")
				$('.bgPop4,.pop4').show();
				vm.iframeVisble = true
				localStorage.setItem("monitorTwoLayerData", data)
				child.window.childFunction();
			})
		}
	});
}