/**
 * 创建者：王成
 * 创建日期：2021年11月23日
 * 描述：main.home主页的专用脚本
 */

mui.init(); //mui初始化
/* 初始化轮询播放图片 */
initSliderContent();
/* 自动轮播 */
var slider = mui('#slider');
slider.slider({
	interval: 1000,
});
var bigMenuConfig = [];
bigMenuConfig.push({
	path: '../img/home/main_home_zcfg.png',
	label: '政策法规',
	click: bigMenuClick,
});
bigMenuConfig.push({
	path: '../img/home/main_home_rcdt.png',
	label: '日常动态',
	click: bigMenuClick,
});
bigMenuConfig.push({
	path: '../img/home/main_home_tzgg.png',
	label: '通知公告',
	click: bigMenuClick,
});
bigMenuConfig.push({
	path: '../img/home/main_home_yyzx.png',
	label: '应用中心',
	click: bigMenuClick_yyzx,
});

/* 添加顶部常规菜单 */
for (var i = 0; i < bigMenuConfig.length; i++) {
	$("#bigMenuGrid").append(createBigMenu(bigMenuConfig[i]));
}

/* 快捷菜单配置 */
var smartMenuConfig = [];

/* 获取存储的本地账户 并查询该用户拥有的快捷方式*/
getSaveUserInfo({
	success: function(saveUser) {
		var userType = saveUser.userType;
		var querySQL = "SELECT * FROM ApplictionCenterConfig WHERE PERMISSION like '%" + userType +
			"%' AND KDIDX is not NULL ORDER BY KDIDX";
		DB_TaskQuery({
			sql: querySQL,
			success: function(resData) {
				FillMenuConfig(resData);
			},
			error: function(err) {
				muiAlert(err);
			}
		})
	},
	error: function(err) {
		muiAlertError(err);
	}
})

/**
 * 填充快捷菜单数组
 * @param {JSON} menuDatas 快捷菜单数据
 */
function FillMenuConfig(menuDatas){
	for(var i in menuDatas){
		var menu = menuDatas[i];
		smartMenuConfig.push({
			path: '../img/menu/' + menu.ICONNAME,
			label: menu.NAME,
			click: menu.FUNCTION,
		});
	}
	/* 添加顶部常规菜单 */
	var kjMenuHtml = "";
	for (var i = 0; i < smartMenuConfig.length; i++) {
		kjMenuHtml += createSmartMenuHtml(smartMenuConfig[i]);
	}
	$("#smartMenuGrid").html(kjMenuHtml);
}

/**
 * 初始化后执行
 */
plusInit(function() {
	var bottom = $('#divCaseDynamicTitle').offset().top + $('#divCaseDynamicTitle').height();
	var height = $('body').height() - bottom;
	$('#divCaseDynamic').height(height);
	/**
	 * 创建案件动态
	 */
	sendAjax({
		type: 'post',
		waitMessage: '正在更新案件动态',
		url: 'appQueryXzqCaseCount',
		data: {
			userId: '',
			type: 'all',
		},
		success: function(resData) {
			/* 先更正标题日期 */
			$("#divCaseDynamicTitle").html("案件动态<sup>" + resData[0].date + "</sup>");
			for (var i = 0; i < resData.length; i++) {
				var data = resData[i];
				var item = createCaseDynamicItem({
					date: data.date,
					xzqName: data.xzqName,
					caseAll: data.case_all,
					caseWait: data.wait_check,
					caseCheckRate: data.checkRate,
					ranking: i + 1,
				});
				$('#ulCaseDynamic').append(item);
			}
		},
		error: function(err) {
			muiAlertError(err);
		}
	})
})

/**
 * 初始化轮播内容
 */
function initSliderContent() {
	var sliderImages = [];
	sliderImages.push('../img/home/main_home_slider_image01.png');
	sliderImages.push('../img/home/main_home_slider_image01.png');
	sliderImages.push('../img/home/main_home_slider_image01.png');
	var sliderHtml = ""; //轮播内容
	var indicatorHtml = ""; //轮播指示器内容
	/* 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) */
	sliderHtml += createSliderItemHtml(sliderImages[sliderImages.length - 1], true);
	for (var i = 0; i < sliderImages.length; i++) {
		sliderHtml += createSliderItemHtml(sliderImages[i], false);
		if (i === 0) indicatorHtml += "<div class='mui-indicator mui-active'></div>";
		else indicatorHtml += "<div class='mui-indicator'></div>";
	}
	/* 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) */
	sliderHtml += createSliderItemHtml(sliderImages[0], false);
	/* 组合展示 */
	var strHtml = "<div class='mui-slider-group mui-slider-loop'>";
	strHtml += sliderHtml;
	strHtml += "</div>";
	strHtml += "<div class='mui-slider-indicator'>";
	strHtml += indicatorHtml;
	strHtml += "</div>";
	$("#slider").html(strHtml);

}

/**
 * 创建轮播项
 * @param {string} imgPath 图片路径
 * @param {boolean} isFistOrLast 是否是第一项或最后一项
 */
function createSliderItemHtml(imgPath, isFistOrLast) {
	var divHtml = "";
	if (isFistOrLast) {
		divHtml += "<div class='mui-slider-item mui-slider-item-duplicate'>";
	} else {
		divHtml += "<div class='mui-slider-item'>";
	}
	divHtml += "<a href='#'>";
	divHtml += "<img src='" + imgPath + "'/>";
	divHtml += "</a>";
	divHtml += "</div>";
	return divHtml;
}

/**
 * @param {JOSN} options 配置项
 * xzqName{string}:行政区名称
 * date{string}:统计日期
 * caseAll{string}:案件总数
 * caseWait{string}:待处理案件数
 * caseCheckRate{string}:案件处理率
 * ranking{string}:排名
 */
function createCaseDynamicItem(options) {
	var li = document.createElement("li");
	li.className = 'mui-table-view-cell cr-case-dynamic-cell';
	var itemHtml = "";
	itemHtml += "<div class='mui-row cr-case-dynamic-row-big'>";
	itemHtml += "<div class='cr-case-dynamic-ico'><span>" + options.xzqName.substr(0,1) + "</span></div>";
	itemHtml += "<div>";
	itemHtml += "<div class='mui-row cr-case-dynamic-row'>";
	itemHtml += "<span class='cr-case-dynamic-title'>兰山区" + options.xzqName + "</span><span>动态</span>";
	itemHtml += "</div>";
	itemHtml += "<div class='mui-row cr-case-dynamic-row'>";
	itemHtml += "<span class='cr-case-dynamic-key'>案件总量</span>";
	itemHtml += "<span class='cr-case-dynamic-val'>" + options.caseAll + "</span>";
	itemHtml += "<span class='cr-case-dynamic-key'>待处理</span>";
	itemHtml += "<span class='cr-case-dynamic-val'>" + options.caseWait + "</span>";
	itemHtml += "<span class='cr-case-dynamic-key'>处理率</span>";
	itemHtml += "<span class='cr-case-dynamic-val'>" + options.caseCheckRate + "</span>";
	itemHtml += "<span class='cr-case-dynamic-key'>排名</span>";
	itemHtml += "<span class='cr-case-dynamic-val cr-case-dynamic-ranking'>" + options.ranking + "</span>";
	itemHtml += "</div>";
	itemHtml += "</div>";
	itemHtml += "</div>";
	li.innerHTML = itemHtml;
	return li;
}


/**
 * 顶部常规菜单点击
 */
function bigMenuClick(obj) {
	muiAlert('建设中', '提示');
}

/**
 * 打开应用中心
 */
function bigMenuClick_yyzx() {
	createAndOpenPage({
		htmlPath: 'page-yyzx.html',
		title: '应用中心',
		autoback: true,
	})
}