hb-cyjc-zhangjiakou/WebRoot/hbcyjc/lydlxxxt/cs.js

var CS_UNIT = '个';
function cs() {
	toiletlevelgroup();
	toilettypegroup();
	toiletregionnumbers();
	//toiletpagelist();
};


//旅游厕所资源等级分布
function toiletlevelgroup() {
	$.ajax({
		url: _CTX + '/bastoilet/gettoilet',
		type: 'get',
		success: function(data) {
			var html = "";
			if (data) {
				
				for (var i = 0; i < data.length; i++) {
					$("#toiletlevelpercent1").html(data[i].grade1count + CS_UNIT);
					$("#toiletlevelpercent2").html(data[i].grade2count + CS_UNIT);
					$("#toiletlevelpercent3").html(data[i].grade3count  + CS_UNIT);
					$("#toiletlevelpercent4").html(data[i].gradeothercount  + CS_UNIT);
					var g3 = data[i].grade3count;
					var g2 = data[i].grade2count;
					var g1 = data[i].grade1count;
					var gt = data[i].gradeothercount;
					var total = Math.round(g3+g2+g1+gt);
				}
			}
		}
	});
}
//旅游厕所资源类型分布
function toilettypegroup() {
	$.ajax({
		url: _CTX + '/bastoilet/gettoilettype',
		type: 'get',
		success: function(data) {
			
			var dom = document.getElementById("toilettypegroup");
			var myChart = echarts.init(dom);
			var app = {};
			option = null;
			app.title = '环形图';
			option = {
				grid: {
					top: "5px",
					left: "5px",
					right: "5px",
					bottom: "5px",
				},
				tooltip: {
					trigger: 'item',
					formatter: "{a} <br/>{b}: {c} ({d}%)"
				},
				series: [{
					name: '厕所类型',
					type: 'pie',
					radius: ['25%', '55%'],
					color: ['#FE7D38', '#FFB51A', '#A7D01A', '#26c686', '#00d9d9',
						'#1bbbf8', '#2c94fc', '#747dfa', '#975bf9', '#DE62FO',
						'#F9429D', '#EF344B', '#F4E001', '#F0805A', '#26C0C0'
					],
					label: {
						normal: {
							formatter: '{b|{b}：}{c}个  ',
							rich: {},
							textStyle: {
								"fontSize": 10
							}
						}
					},
					labelLine: {
						normal: {
							length: 2
						}
					},
					data: data
				}]
			};
			 if (option && typeof option === "object") {
				
				myChart.setOption(option, true);
				myChart.off('click');
				myChart.on('click', function(params) {
					
					 console.log(params);
					layer.open({
						type: 2,
						shade: [0.7, '#333'],
						title: "",
						anim: 2,
						area: ['75%', '70%'],
						content: _CTX + '/lytoilet/searchLyToiletList.do?searchtype=1&type=' + params.data.typevalso,
					});
				});
			} 
		}
	});
}

function toiletregionnumbers() {
	$.ajax({
		url: _CTX + '/bastoilet/getregiondata',
		type: 'get',
		success: function(data) {
			var id = "toiletregionnumber";
			var title = data.regionName;
			var value = data.regionCount;
			barChart(id, title, value, 10, 'cs', {
				label:{
					formatter:function(e){
						return e.value + '个'
					}
				}
			});
		}
	});
}

//旅游厕所页面信息
function toiletpagelist() {
	var searchword = $("#toiletlistsearchword").val();
	var grade = $("#grade_cs").val() ? $("#grade_cs").val() : "";
	$("#grade_cs").val('');
	$.ajax({
		url: _CTX + "/lydlxxxt/lyToiletPageList?page=" + page + "&searchword=" + searchword + "&grade=" + grade,
		type: 'get',
		async: true,
		dataType: 'json',
		success: function(result) {
			var num = result.num;
			totalpage = result.totalPage;
			page = result.curPage;
			var data = result.data;
			var toilet;
			var html;
			$("#toiletpagelist").html("");
			$("#toiletpagenum").html(page + "/" + totalpage);
			$("#toiletlistnum").html("总共有" + num + "条数据");
			qcjqd(); //清除地图上所有的点
			clearpoints();
			for (var i = 0; i < data.length; i++) {
				toilet = data[i];
				html = "<li> <a href=\"javascript:mkp(" + toilet.id + ",4,'" + toilet.cname + "','" + toilet.addr + "','" +
					toilet.logo_picture_path + "','" + toilet.lon + "','" + toilet.lat +
					"')\"><div class=\"dl_jq_pic\"><img src=\""+ toilet.logo_picture_path + "\" onerror='beiyongimg()' /></div>" +
					"<div class=\"dl_jq_inf\"><h3>" + isDataEmpty(toilet.cname) + "</h3><p>厕所等级：" + toilet.build_rank +
					"</p>" +
					"<p>厕所地址：" + isDataEmpty(toilet.addr) + "</p><p>厕所电话：" + (isDataEmpty(toilet.consulting_mobile) ? toilet.consulting_mobile :
						"未知") +
					"</p></div></a> </li>";
				$("#toiletpagelist").append(html);
				initpoint(toilet.id, 4, toilet.cname, toilet.addr, toilet.logo_picture_path, toilet.lon, toilet.lat, i,toilet.build_rank);
			}
			if(grade){
				var points = toiletData.filter(function(e){
					return data.map(a => a.id).indexOf(e.id) > -1;
				});
				markPoints(points,style);
			} else {
				markPoints(toiletData,style);
			}
		},
		fail: function() {
			alert("获取基础信息失败");
		}
	});
}

function xclylevel(level) {
	if (level == 1) {
		return "一星级";
	} else if (level == 2) {
		return "二星级";
	} else if (level == 3) {
		return "三星级";
	} else if (level == 4) {
		return "四星级";
	} else if (level == 5) {
		return "五星级";
	} else {
		return "未评级";
	}
}

//弹出列表页
function cslistpoppage(title, level) {
	layer.open({
		type: 2,
		shade: [0.7, '#333'],
		title: "",
		anim: 2,
		area: ['75%', '70%'],
		content: _CTX + '/lytoilet/searchLyToiletList.do?searchtype=1&level=' + level,
	});
}