//layer.msg(result.message,{icon: 2});失败
//layer.msg("取回成功",{icon: 1});成功
var status = "projectLifeCircle";
var currentPage = 1;// 当前页
var totalpage = 0;// 总页数
var pageNum = 5;// 最多显示页数
var pageSize = 8;//列表显示行数
var stageId = null;

$(function () {
	$(".el-timeline-item__wrapper").click(function () {
		var currentPid = $("#projectId").val();
		//获取点击项目的pid
		var flownameDom = $(this).children(".el-timeline-item__content")[0];
		var pid = $(flownameDom).children(".pid:first").text();
		if (currentPid == pid) {
			layer.msg("当前正处在该项目中,无须跳转!", { icon: 3 });
		} else {
			for (var key in vm.projectListByCasCode) {
				var project = vm.projectListByCasCode[key];
				if (pid == project.PROJECTID) {
					openApproveDetail(project);
					break;
				}
			}
		}
	});
	$(".el-step__title").click(function () {
		//获取阶段的id
		var dom = $(this).next(".el-step__description");
		var stageid = $(dom).children(".stageid:first").text();
		stageId = stageid;
		getApproveList(currentPage, vm.casecode, stageId);
	});
	$(".el-step__icon").click(function () {
		var dom = $(this).parent(".el-step__head").next(".el-step__main").children(".el-step__description");
		var stageid = $(dom).children(".stageid:first").text();
		stageId = stageid;
		getApproveList(currentPage, vm.casecode, stageId);
	});
})

var vm = new Vue({
	el: "#app",
	data: function () {
		return {
			stageArr: [],//阶段集合
			projectListByCasCode: [],//报建编号下的项目集合
			casecode: ""//报建编号
		}
	},
	methods: {
		getProjectByStageId: function (stageid) {
			stageId = stageid;
			getApproveList(currentPage, this.casecode, stageId);
		}
	},
	computed: {
		//标记项目进展阶段并装载需要的数据
		signActiveStage: function () {
			var position = 0;
			var nearestProject = this.projectListByCasCode[this.projectListByCasCode.length - 1];
			for (var i = 0; i < this.stageArr.length; i++) {
				var stage = this.stageArr[i];
				var projectInStage = [];
				for (var j = 0; j < stage.children.length; j++) {
					var stageFlow = stage.children[j];
					for (var k = 0; k < this.projectListByCasCode.length; k++) {
						var project = this.projectListByCasCode[k];
						var pid = $("#projectId").val();
						//项目属于该业务,装入该业务所属的阶段的集合中
						if (stageFlow.flowid == project.FLOWID) {
							project.REGISTERTIME = new Date(project.REGISTERTIME).format("yyyy-MM-dd hh:mm:ss").split("00:00:00")[0];
							projectInStage.push(project);
						}
						//如果项目为当前打开项目,标记
						if (project.PROJECTID == pid) {
							project.type = "primary";
						}
						//标记项目当前进展的最新阶段
						if (stageFlow.flowid == nearestProject.FLOWID) {
							position = i + 1;
						}
					}
				}
				stage.project = projectInStage;
			}
			return position;
		}
	},
	//初始化方法
	created: function () {
		getActiveStageRevision(this);
		if (this.stageArr) {
			getProjectListByPid(this);
			if (this.projectListByCasCode) {
				getApproveList(currentPage, this.casecode, stageId);
			}
		}
	}
});

/**
 * 获取激活的阶段集合版本
 */
function getActiveStageRevision(vm) {
	$.ajax({
		async: false,
		url: CONF_BACK_SERVERURL + "/mvc/stage/getStagesActive.do",
		headers: {
			"token": $.cookie('ftoken')
		},
		success: function (result) {
			if (result.length == 0) {
				layer.msg("没有激活的版本,请联系管理员激活!", { icon: 2 });
				vm.stageArr = [];
				return;
			}
			vm.stageArr = result;
		},
		error: function () {
			layer.msg("请求出错!", { icon: 2 });
			vm.stageArr = [];
		}
	});
}

function getProjectListByPid(vm) {
	var projectId = $("#projectId").val();
	$.ajax({
		type: "POST",
		async: false,
		url: CONF_BACK_SERVERURL + "/mvc/project/list/getByProjectCasecodeForLifeCircle.do",
		headers: {
			"token": $.cookie('ftoken')
		},
		data: { projectId: projectId },
		dataType: 'json',
		success: function (result) {
			if (result.status && result.status == "error") {
				layer.msg(result.message, { icon: 2 });
			} else {
				vm.projectListByCasCode = result.data;
				vm.casecode = result.casecode;
			}
		},
		error: function () {
			layer.msg("请求出错!", { icon: 2 });
			vm.projectListByCasCode = [];
		}
	});
}

// postDataToServe  by  wj
function getApproveList(pageIndex, casCode, stageId) {
	currentPage = pageIndex;
	var para = {
		pageIndex: pageIndex,
		pageSize: pageSize,
		casCode: casCode
	};
	if (stageId) {
		para.stageId = stageId;
	}

	$.ajax({
		type: "POST",
		url: CONF_BACK_SERVERURL + "/mvc/project/list/approveByCasCode.do",
		headers: {
			"token": $.cookie('ftoken')
		},
		data: para,
		dataType: 'json',
		beforeSend: function () {
			$.showLoading();
		},
		complete: function () {
			$.hideLoading();
		},
		success: function (result) {
			// $.ajax({
			// 	type: "POST",
			// 	dataType: 'json',
			// 	contentType: "application/json;charset=utf-8",
			// 	url: CONF_NEWGHSC_SERVERURL + '/xm/getLcList',
			// 	data: JSON.stringify({data: JSON.stringify(result.Data)}),
			// 	// headers:{"token":$.cookie('ftoken')},
			// 	success: function (res) {
			// 		if (res.code == 200 && res.data) {
			// 			for (var i = 0; i < result.Data.length; i++) {
			// 				for (var k = 0; k < result.Data[i].length; k++) {
			// 					for (var j = 0; j < res.length; j++) {
			// 						if (result.Data[i][k].PROJECTID == res[j].id) {
			// 							result.Data[i][k].BINDINGUNIT = res[j].dqhj || ''
			// 							result.Data[i][k].REGISTERTIME = res[j].rwjssj
			// 							result.Data[i][k].PROJECTNAME = res[j].xmmc || ''
			// 							result.Data[i][k].BINDINGASSIGNEE = res[j].jbr || ''
			// 							result.Data[i][k].BUILDUNIT = res[j].bm || ''
			// 						}
			// 					}
			// 				}
			// 			}
			// 			zuiData(result);
			// 		}
			// 	},
			// 	error: function () {
			// 		// FIXME:页面报错：'layer.msg is not a fonction' 暂时注掉
			// 		// layer.msg('请求错误，请联系管理员！');
			// 	}
			// });
			if (result.message) {
				parent.layer.msg(result.message);
				return;
			} else if (result.status == "error") {
				parent.layer.msg("查询失败！请联系管理员！", { icon: 2 });
				return;
			}
			zuiData(result);
		}
	});
	$.ajax({
		type: "POST",
		url: CONF_BACK_SERVERURL + "/mvc/project/list/approveByCasCodeCount.do",
		headers: {
			"token": $.cookie('ftoken')
		},
		data: {
			pageIndex: pageIndex,
			pageSize: pageSize,
			casCode: casCode
		},
		dataType: 'json',
		success: function (result) {
			var totalre = result["total"];
			if (totalre == 0) {
				$('#msg').css("display", "block");
				$('#nvaTab').css("visibility", "hidden");
				$('#promptDiv').css('display', 'none');
			} else {
				$('#msg').css("display", "none");
				$('#nvaTab').css("visibility", 'visible');
				$('#promptDiv').css('display', 'none');
			}
			layuiPage(totalre, casCode);
		}
	});
}

function zuiData(result) {
	var data = [];
	var result_map = result["Data"];
	var listpath = [];
	listObject = [];
	for (var i = 0; i < result_map.length; i++) {
		var map_result = result_map[i];
		//if (list_re.length > 0) {
		//for (var j = 0; j < list_re.length; j++) {
		//var map_result = list_re[j];
		var lamp = "";
		var bjqx = "";
		var cqStr = "";
		var flowid = map_result["FLOWID"];
		var username = map_result["USER_ID_"];
		var assignee = map_result["ASSIGNEE_"];
		var taskkey = map_result["TASK_DEF_KEY_"];
		var attachpath = map_result["ATTACHPATH"];
		var description = map_result["DESCRIPTION"];
		var projectid = map_result["PROJECTID"] == null ? ""
			: map_result["PROJECTID"]
		var instanceid = map_result["INSTANCEID"] == null ? ""
			: map_result["INSTANCEID"]
		var taskid = map_result["TASKID"] == null ? "null"
			: map_result["TASKID"]
		var recevietime = new Date(map_result["CREATETIME"]);
		var projectcode = map_result["PROJECTCODE"] == null ? ""
			: map_result["PROJECTCODE"];
		var casecode = map_result["CASECODE"] == null ? ""
			: map_result["CASECODE"];
		var registertime = map_result["REGISTERTIME"] == null ? ""
			: new Date(map_result["REGISTERTIME"]);
		var buildadddress = map_result["BUILDADDRESS"] == null ? ""
			: map_result["BUILDADDRESS"];
		var projectname = map_result["PROJECTNAME"] == null ? ""
			: map_result["PROJECTNAME"];
		var flowname = map_result["FLOWNAME"] == null ? ""
			: map_result["FLOWNAME"];
		var buildunit = map_result["BUILDUNIT"] == null ? ""
			: map_result["BUILDUNIT"];
		/*ljy--20170929*/
		var bindingassignee = map_result["BINDINGASSIGNEE"] == null ? "-" : map_result["BINDINGASSIGNEE"];
		var bindingunit = map_result["BINDINGUNIT"] == null ? "-" : map_result["BINDINGUNIT"];
		var activityName = map_result["ACTIVITYNAME"] == null ? "结束"
			: map_result["ACTIVITYNAME"];
		var status = map_result["PROJECTSTATUS"] == null ? "-"//hyh 2017/10/24
			: map_result["PROJECTSTATUS"];

		// 根据流程版本获取总时限
		var timelimitDays = map_result["FINISHTIME"] == null ? 0
			: map_result["FINISHTIME"];
		var suptotaltime = map_result["SUPTOTALTIME"] == null ? 0 : map_result["SUPTOTALTIME"];
		var officialdate = getAddDate(new Date(map_result["CREATETIME"]).format("yyyy-MM-dd hh:mm:ss"), timelimitDays, suptotaltime)//hyh 新增，根据办结天数算出办结时间  2017、10、13
		bjqx = lefttime(new Date(), new Date(officialdate));
		var flowItemType = map_result["FLOWITEMTYPE"] ? map_result["FLOWITEMTYPE"] : null;
		if (taskid == "null") {
			if (status == "-") {
				status = "办结";
			}
		}

		if (status == "办结") {
			cqStr += '<div style=" display: inline-block; margin-right: 5px; "><img src="../../image/projecttask/over.png" title="办结" style="width:18px;height:18px;margin-top: 4px"></div>';
		} else if (status == "退件办结") {
			cqStr += '<div style=" display: inline-block; margin-right: 5px; "><img src="../../image/projecttask/over.png" title="退件办结" style="width:18px;height:18px;margin-top: 4px"></div>';
		} else if (status == "回退") {
			cqStr += '<div style=" display: inline-block; margin-right: 5px; "><img src="../../image/projecttask/rollback.png" title="回退" style="width:18px;height:18px;margin-top: 4px"></div>';
		} else if (status == "退件") {
			cqStr += '<div style=" display: inline-block; margin-right: 5px; "><img src="../../image/projecttask/return.png" title="退件" style="width:18px;height:18px;margin-top: 4px"></div>';
		} else if (bjqx == "超时") {
			cqStr += '<div style="display: inline-block; margin-right: 5px;"><img src="../../image/projecttask/redhint.png" title="超时-' + officialdate + '" style="width:16px;height:16px; margin-top: 4px"></div>'  //hyh 修改，谢文洲要求改审批图标    2017/10/23
			if (status == "办结") {
				officialdate = '<span>' + officialdate + '</span>';
			} else {
				officialdate = '<span style="color:red;font-weight:bold;">' + officialdate + '</span>';
			}
		} else if (bjqx == "快超时") {
			cqStr += '<div style=" display: inline-block; margin-right: 5px;"><img src="../../image/projecttask/grayhint.png" title="快超时-' + officialdate + '" style="width:16px;height:16px;margin-top: 4px"></div>'//hyh 修改，谢文洲要求改审批图标    2017/10/23
		} else if (status == "在办") {
			cqStr += '<div style=" display: inline-block; margin-right: 5px; "><img src="../../image/projecttask/process.png" title="在办" style="width:18px;height:18px;margin-top: 4px"></div>';
		}
		var flowrevisionid = map_result["FLOWREVISIONID"] == null ? "" : map_result["FLOWREVISIONID"];
		listObject.push(map_result);
		listpath.push(attachpath);
		var row = {
			"PROJECTID": projectid,
			"INSTANCEID": instanceid,
			"TASKID": taskid,
			"BJQX": cqStr,
			"PROJECTSTATUS": status,
			"ACTIVITYNAME": activityName,
			"FLOWNAME": flowname,
			"PROJECTCODE": projectcode,
			"CASECODE": casecode,
			"PROJECTNAME": projectname,
			"BUILDADDRESS": buildadddress,
			"REGISTERTIME": registertime ? registertime.format("yyyy-MM-dd hh:mm:ss").split("00:00:00")[0] : "",
			"BUILDUNIT": buildunit,
			"BINDINGASSIGNEE": bindingassignee,
			"BINDINGUNIT": bindingunit,
			"RECEIVETIME": recevietime ? recevietime.format("yyyy-MM-dd hh:mm:ss") : "",
			"FINISHTIME": officialdate,
			"FLOWREVISIONID": flowrevisionid,
			"ATTACHPATH": attachpath,
			"TASK_DEF_KEY_": taskkey,
			"AGENT": username == null ? assignee : username,
			"FLOWITEMTYPE": flowItemType
		}
		data.push(row);
		//}
		//}
	}
	setLayuiData(data);
}

//layui分页控件
function layuiPage(total, casCode) {
	layui.use('laypage', function () {
		var laypage = layui.laypage;
		laypage.render({
			elem: 'page'
			, count: total
			, limit: pageSize
			, curr: currentPage
			//,limits: [10, 12, 16, 20]
			, theme: "#337ab7"
			, layout: total <= pageSize ? ['count'] : ['count', 'prev', 'page', 'next', 'skip']
			, jump: function (obj, first) {
				currentPage = obj.curr;
				pageSize = obj.limit;
				//首次不执行
				if (!first) {
					getApproveList(obj.curr, casCode, stageId);
				}
			}
		});
	});
}

function setLayuiData(_data, type) {
	var fullHeight = "full-430";
	layui.use(['table', 'element'], function () {
		var table = layui.table;
		var element = layui.element;
		//展示已知数据
		table.render({
			elem: '#dataList'
			, id: 'tableRenderId'
			, cols: [[ //标题栏
				{ field: 'BJQX', event: "event2", unresize: false, width: "3%" }
				, { field: 'PROJECTSTATUS', title: '状态', width: "5%", event: "eventProjectstatus" }
				, { field: 'FLOWNAME', title: '业务类型', width: "10%", event: "eventflowname" }
				, { field: 'PROJECTCODE', title: '项目编号', width: "10%", event: "eventProjectcode" }
				, { field: 'CASECODE', title: '报建编号', width: "10%", event: "eventProjectcode" }
				, { field: 'PROJECTNAME', title: '项目名称', width: "21%", event: "eventProjectname" }
				, { field: 'BUILDADDRESS', title: '建设位置', width: "8%", event: "eventBuildadddress" }
				, { field: 'BUILDUNIT', title: '建设单位', width: "8%", event: "eventBuildunit" }
				, { field: 'REGISTERTIME', title: '接收时间', width: "10%", event: "eventRegistertime" }
				, { field: 'BINDINGASSIGNEE', title: '经办人', width: "5%", event: "eventInterconnect" }
				, { field: 'BINDINGUNIT', title: '所属部门', width: "10%", event: "eventBindingunit" }
			]]
			, data: _data
			, skin: 'line' //表格风格
			//,even: true
			, limit: pageSize //每页默认显示的数量
			, size: "sm"
			, height: fullHeight
			//,height: 'full-295'
			, done: function (res, curr, count) {
				setCell(res.data);
			}
		});

		//获取选中行
		window.getCheckStatus = function () {
			var checkStatus = table.checkStatus('tableRenderId');
			console.log("输出选中行--------");
			console.log(checkStatus);
			console.log("--------");
			return checkStatus;
		}

		var objtr; //选中行的DOM元素
		//监听单元格事件
		table.on('tool(listEvent)', function (obj) {
			var data = obj.data;
			//除了复选框单元格,点击其他单元格跳详情页
			if (obj.event == 'eventCheckbox') {
				objtr = obj.tr;
			} else {
				if (data.MEETINGPROJECTSTATE != null && data.MEETINGPROJECTSTATE != "" && parent.listName != "项目查询" && parent.listName != "已办项目") {
					parent.layer ? parent.layer.msg("项目正在" + data.MEETINGPROJECTSTATE, { icon: 7 }) : opener.parent.layer.msg("项目正在" + data.MEETINGPROJECTSTATE, { icon: 7 });
					return;
				} else {
					openApproveDetail(data);
				}
			}
		});
	});
}

function setCell(data) {
	$(".layui-table-body tr td").each(function () {
		var text = $(this).first()[0].innerText.trim();
		if (text == "") text = "";
		$(this).attr("title", text);
	})
}

function openApproveDetail(data) {
	data.stats = status;
	jumpdetailPage(data);
}

function jumpdetailPage(data) {
	var taskid = data.TASKID;
	var projectid = data.PROJECTID;
	var flowInstanceId = data.INSTANCEID;
	var titleEncode = encodeURI(encodeURI(data.PROJECTNAME));
	var stats = data.stats ? data.stats : '';
	var PROJECTSTATUS = encodeURI(encodeURI(data.PROJECTSTATUS));
	var projectcode = data.PROJECTCODE;
	var FLOWREVISIONID = data.FLOWREVISIONID;
	var flowItemTypeKvStr = data.FLOWITEMTYPE ? "&flowItemTypeId=" + data.FLOWITEMTYPE : "";
	var url = CONF_FRONT_SERVERURL
		+ 'view/projecttask/detailproject.jsp?projectid=' + projectid + "&referer=''&stats="
		+ stats + "&projectcode=" + projectcode + "&taskId=" + taskid + "&flowInstanceId=" + flowInstanceId + '&titleEncode='
		+ titleEncode + "&projectStatus=" + PROJECTSTATUS + "&flowRevisionId=" + FLOWREVISIONID + flowItemTypeKvStr;

	window.open(handleJumpUrl(url));
}