/**
 * 创建时间轴子项
 * @param {Object} data 数据记录
 */
function CreateItem(data) {
	var li;
	if (data.LifeType == 'sb') {
		li = CtreateNormlLi(data, "上报员:", "报", '上报日期');
	} else if (data.LifeType == 'cl') {
		li = CtreateNormlLi(data, "处理员:", "处", '处理日期');
	} else if (data.LifeType == 'ff') {
		li = CtreateNormlLi(data, "复飞员:", "复", '复飞日期');
	} else if (data.LifeType == 'sh') {
		li = CtreateNormlLi(data, "审核员:", "审", '审核日期');
	} else if (data.LifeType == 'db') {
		li = CtreateNormlLi(data, "督办员:", "督", '督办日期');
	} else if (data.LifeType == 'zp') {
		li = CtreateNormlLi(data, "指定处理员:", "派", '派发日期');
	} else if (data.LifeType == 'next') {
		li = CtreateNextLi(data);
	}
	return li;
}
/**
 * @param {Object} data 数据
 * @param {Object} memberTitle 人员类型标识
 * @param {Object} icoTitle 标志内容
 * @param {Object} dateTitle 日期描述
 */
function CtreateNormlLi(data, memberTitle, icoTitle, dateTitle) {
	var li = document.createElement('li');
	li.className = 'layui-timeline-item';
	var strHtml = "";
	strHtml += "<i class='layui-icon layui-timeline-axis'>" + icoTitle + "</i>";
	strHtml += "<div class='layui-timeline-content'>";
	strHtml += "<h3 class='layui-timeline-title'>" + dateTitle + ":" + data.ExecuteDate + "1</h3>";
	strHtml += "<ul class='mui-table-view'>";
	strHtml += "<li class='mui-table-view-cell'>";
	strHtml += "<div><span class='app-icon app-ico-user'><span><span class='wc-member'>" + memberTitle + data
		.ExecuteMember +
		"</span></div>";
	strHtml += "<p>" + data.Describe + "</p>"
	strHtml += "<div class='wc-img-panel'>";
	/* 加入照片 */
	if (data.JoinImages != "") {
		var imgNames = data.JoinImages.split(';');
		var jsonData = {
			imgURL: [],
		}
		for (let imgName of imgNames) {
			if (imgName === undefined || imgName === '') continue;
			jsonData.imgURL.push(userInfo.imgURL + "/" + imgName);
		}
		for (var i = 0; i < imgNames.length; i++) {
			if (imgNames[i] == "") continue;
			strHtml += "<img src='" + userInfo.imgThumURL + "/" + imgNames[i] + "' ";
			strHtml += "onerror='this.src=\"../img/ico_noimg.png\";this.onerror=null'";
			strHtml += " onclick=\"openImage(" + JSON.stringify(jsonData).replace(/\"/g, "'") + ")\"/>";
		}
	}
	/* 加入视频 */
	if (data.JoinVideos != "") {
		var videoNames = data.JoinVideos.split(';');
		for (var i = 0; i < videoNames.length; i++) {
			if (videoNames[i] == "") continue;
			var videoURL = userInfo.videoURL + "/" + videoNames[i];
			strHtml += "<img src='../img/ico_net_video.png' ";
			strHtml += "onerror='this.src=\"../img/ico_noimg.png\";this.onerror=null' ";
			strHtml += "onclick=\"openVideo('" + videoURL + "','" + videoNames[i] + "')\"";
			strHtml += "/>";
		}
	}
	strHtml += "</div>";
	strHtml += "</li>";
	strHtml += "</ul>";
	strHtml += "</div>";
	li.innerHTML = strHtml;
	return li;
}

/**
 * 打开图片
 * @param {Array} jsonData 图片JSON
 */
function openImage(jsonData) {
	plus.nativeUI.previewImage(jsonData.imgURL, {
		indicator: 'number',
		loop: true,
	});
}

/**
 * 打开网络视频
 * @param {String} videoURL 视频URL
 * @param {String} videoName 视频名称
 */
function openVideo(videoURL, videoName) {
	createAndOpenPage({
		htmlPath: 'playVideo.html',
		autoback: true,
		title: '视频 ' + videoName,
		extras: {
			url: videoURL,
		},
	});
}

/**
 * @param {Object} state 案件状态
 */
function CtreateNextLi(state) {
	var li = document.createElement('li');
	li.className = 'layui-timeline-item';
	var strHtml = "";
	var strDec = undefined;
	var classNextIcon = "wc-wait-icon";
	var classNextText = "wc-wait-text";
	switch (state) {
		case caseState.stateWaitAssign:
			strDec = "待派发";
			break;
		case caseState.stateWaitCheck:
			strDec = "待处理";
			break;
		case caseState.stateWaitRepeat:
			strDec = "待复飞";
			break;
		case caseState.stateWaitResetCheck:
			strDec = "待重处理";
			break;
		case caseState.stateWaitResetRepeat:
			strDec = "待重复飞";
			break;
		case caseState.stateWaitVerify:
			strDec = "待审核";
			break;
		case caseState.stateClose:
			strDec = "已结案";
			classNextIcon = "wc-completion-icon";
			classNextText = "wc-completion-text";
			break;
	}
	strHtml += "<i class='layui-icon layui-timeline-axis " + classNextIcon + "'>等</i>";
	strHtml += "<div class='layui-timeline-content'>";
	strHtml += "<h3 class='layui-timeline-title " + classNextText + "'>" + "下一环节" + "</h3>";
	strHtml += "<ul class='mui-table-view'>";
	strHtml += "<li class='mui-table-view-cell'>";
	strHtml += "<p>" + strDec + "</p>"
	strHtml += "</li>";
	strHtml += "</ul>";
	strHtml += "</div>";
	li.innerHTML = strHtml;
	return li;
}