function deptItemClick(that) {
	$('.dept-list .dept-item').removeClass('layui-border-green').addClass('layui-border-blue')
	$(that).removeClass('layui-border-blue').addClass('layui-border-green')
	const html = getHandMatterPageAj(1, 0, $(that).attr('data-dept'))
	$('.matter-event').remove();
	$('.dept-view').after(html)
}

var mLimit = 6;

function getHandMatterPageAj(mPage, type, dept) {
	let dataHtml = '';
	$.ajax({
		type: 'GET',
		url: PATH + '/mapdata/getHandMatterPage',
		async: false,
		dataType: 'json',
		data: {
			page: mPage,
			limit: mLimit,
			type: type,
			matterDept: dept
		},
		success: function(res) {
			if (res.data && res.data.length) {
				data = res.data
				let html = '';
				for (let i = 0; i < res.data.length; i++) {
					html += `<div class="matter-event-item" onclick="openUrl(this)" data-url="${res.data[i].matterUrl}">${res.data[i].itemName}</div>`
				}
				
				dataHtml = `
				<div class="matter-event">
					<div class="matter-event-header">
						<div class="${type == 0 ? 'active':''}" onclick="matterEventClick(this)" data-type="0">个人办事</div>
						<div class="${type == 1 ? 'active':''}" onclick="matterEventClick(this)" data-type="1">法人办事</div>
					</div>
					<div class="matter-event-list">${html}</div>
					<div class="matter-event-footer" data-page="${mPage}">
						<div class="matter-event-prev ${mPage == 1 ? 'page-active' : ''}" onclick="matterFooterClick(this)" data-type="0"><上一页</div>
						<div class="matter-event-next ${mPage * mLimit >= res.count ? 'page-active' : ''}" onclick="matterFooterClick(this)" data-type="1">下一页></div>
					</div>
				</div>
				`
			}
		}
	})
	return dataHtml
}

function matterEventClick(that) {
	$('.matter-event-header>div').removeClass('active')
	$(that).addClass('active')
	let dep = $('.left-title').text()
	if ($('.dept-list .layui-border-green').length) {
		dep = $('.dept-list .layui-border-green').attr('data-dept')
	} else {
		dep = dep.replace('政府', '').replace('便民服务中心', '')
	}
	const html = getHandMatterPageAj(1, $(that).attr('data-type'), dep)
	$('.matter-event').remove();
	if ($('.dept-view').length) {
		$('.dept-view').after(html)
	} else {
		$('.detail-header').after(html)
	}
}

function matterFooterClick(that) {
	if ($(that).hasClass('page-active')) {
		return
	}
	let dep = $('.left-title').text()
	if ($('.dept-list .layui-border-green').length) {
		dep = $('.dept-list .layui-border-green').attr('data-dept')
	} else {
		dep = dep.replace('政府', '').replace('便民服务中心', '')
	}
	let page = $(that).parent().attr('data-page')
	if ($(that).attr('data-type') == 1) {
		page++
	} else {
		page--
	}
	const html = getHandMatterPageAj(page, $('.matter-event-header .active').attr('data-type'), dep)
	$('.matter-event').remove();
	if ($('.dept-view').length) {
		$('.dept-view').after(html)
	} else {
		$('.detail-header').after(html)
	}
}
function openUrl(that) {
	window.open($(that).attr('data-url'))
}