LSQZrzyAPP/js/sys.home.plan.js

/**
 * 创建者：王成
 * 创建日期：2022年5月6日
 * 描述：规划首页脚本
 * 要求：该脚本需要mui、JQuery、ajax、common、save等脚本的支持，请提前引入
 */
mui.init();
/* 启用轮播 */
var sliderImagePaths = [];
sliderImagePaths.push('../img/home/main_home_slider_image01.png');
beginSliderContent('slider', sliderImagePaths, 2000);
/* 初始化完成 */
plusInit(function() {
	/* 显示日期和时间 */
	beginShowTime();
	loadLandExpropriateCountInfo();
});

/**
 * 加载统计数据
 */
function loadLandExpropriateCountInfo() {
	sendAjax({
		waitMessage: '加载统计信息...',
		url: 'appQueryPlanRegulateCount',
		success: function(resData) {
			showLandExpropriateCountInfo(resData);
		},
		error: function(err) {

		}
	})
}

/**
 * 展示综合统计数据
 * @param {JSON} model 征地综合统计模型
 */
function showLandExpropriateCountInfo(model) {
	var v1 = parseFloat(model[0].selName);
	var v2 = parseFloat(model[1].selName);
	var v3 = parseFloat(model[2].selName);
	var v4 = parseFloat(model[3].selName);
	var v = v1 + v2 + v3 + v4;
	var p1 = ((v1 / v) * 100).toFixed(2) + "%";
	var p2 = ((v2 / v) * 100).toFixed(2) + "%";
	var p3 = ((v3 / v) * 100).toFixed(2) + "%";
	var p4 = ((v4 / v) * 100).toFixed(2) + "%";
	appendLandExpropriateCountItem('divCountV1', model[0].selCode, model[0].selName +
		"<font class='cr-count-text'>公顷</font>");
	appendLandExpropriateCountItem('divCountV1', model[1].selCode, model[1].selName +
		"<font class='cr-count-text'>公顷</font>");
	appendLandExpropriateCountItem('divCountV1', model[2].selCode, model[2].selName +
		"<font class='cr-count-text'>公顷</font>");
	appendLandExpropriateCountItem('divCountV1', model[3].selCode, model[3].selName +
		"<font class='cr-count-text'>公顷</font>");
	appendLandExpropriateCountItem('divCountV2', model[0].selCode, "<font class='cr-count-text'>占比</font>" + p1);
	appendLandExpropriateCountItem('divCountV2', model[1].selCode, "<font class='cr-count-text'>占比</font>" + p2);
	appendLandExpropriateCountItem('divCountV2', model[2].selCode, "<font class='cr-count-text'>占比</font>" + p3);
	appendLandExpropriateCountItem('divCountV2', model[3].selCode, "<font class='cr-count-text'>占比</font>" + p4);

	var subWidth = $(".cr-panel-count>*:first-child>*:nth-child(2)").width();
	var mainWidth = $(".cr-panel-count>*:first-child").width();
	var dis = (mainWidth - subWidth) / 2;
	var leftFrom = dis - 10;
	var leftTo = leftFrom + 10 * 2
	setPropertyFromStyle('--left--from', leftFrom + 'px');
	setPropertyFromStyle('--left--to', leftTo + 'px');
}

/**
 * 向容器中添加征地综合统计子项
 * @param {string} mainDomId 父容器Id
 * @param {string} title 标题
 * @param {string} value 值
 */
function appendLandExpropriateCountItem(mainDomId, title, value) {
	var div = document.createElement('div');
	var divHtml = "";
	divHtml += "<div>" + title + "</div>";
	divHtml += "<div>" + value + "</div>";
	divHtml += "<img />";
	div.innerHTML = divHtml;
	$("#" + mainDomId).append(div);
}

/**
 * 点击事件
 * 打开规划地类统计页面
 */
function click_openPlanCountPage() {
	createAndOpenPage({
		htmlPath: 'Plan-count.html',
		autoback: true,
		title: '规划地类汇总统计'
	});
}

/**
 * 点击事件
 * 打开规划管制区统计页面
 */
function click_openPlanRegulateCountPage() {
	createAndOpenPage({
		htmlPath: 'PlanRegulate-count.html',
		autoback: true,
		title: '规划管制区汇总统计'
	});
}

/**
 * 点击事件
 * 打开规划管制区查询页面
 */
function click_openRegulateQueryPage() {
	createAndOpenPage({
		htmlPath: 'PlanRegulate-query.html',
		autoback: true,
		title: '规划管制区查询'
	});
}