LSQZrzyAPP/js/landExpropriate.home.js

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

var countModel = {
	itemTotal: '348',
	pzArea: '6815.3742',
	gyArea: '38.5163',
	jtArea: '4550.1554',
	gyRatio: '0.57%',
	jtRatio: '66.78%',
}

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

		}
	})
}

/**
 * 展示综合统计数据
 * @param {JSON} model 征地综合统计模型
 */
function showLandExpropriateCountInfo(model) {
	appendLandExpropriateCountItem('divCountV1', '征地项目总数', model.itemTotal);
	appendLandExpropriateCountItem('divCountV1', '征地总面积', model.pzArea);
	appendLandExpropriateCountItem('divCountV1', '国有总面积', model.gyArea);
	appendLandExpropriateCountItem('divCountV2', '集体总面积', model.jtArea);
	appendLandExpropriateCountItem('divCountV2', '国有面积占比', model.gyRatio);
	appendLandExpropriateCountItem('divCountV2', '集体面积占比', model.jtRatio);

	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_openClasssifyCountPage() {
	createAndOpenPage({
		htmlPath: 'LandExpropriate-count-proportion.html',
		autoback: true,
		title: '征地占比统计'
	});
}

/**
 * 点击事件
 * 打开征地汇总统计页面
 */
function click_openCollectCountPage() {
	createAndOpenPage({
		htmlPath: 'LandExpropriate-count-collect.html',
		autoback: true,
		title: '征地汇总统计'
	});
}

/**
 * 点击事件
 * 打开征地数据查询页面
 */
function click_openQueryPage() {
	createAndOpenPage({
		htmlPath: 'LandExpropriate-query.html',
		autoback: true,
		title: '征地数据查询'
	});
}