XiXianDC_UI/CallCenterWe.../js/WorkOrder/WorkOrder.js

$(document).ready(function() {
	initTable();
	$(".ss").click(function() {
		stype = 1;
		initTable();
	})
	/*高级查询*/
	$(".gjss").click(function() {
		$(".t-shade").addClass("cx");
		$(".gjsu").addClass("cx");
		$('.clgd').removeClass("cx");
	});
	$(".setwin").click(function() {
		$(".t-shade").removeClass("cx");
		$(".gjsu").removeClass("cx");
		$(".cbgd").removeClass("cx");
		//图片清空
		$(".space").html('');
	})
	//详情
	$(".ckxq ul li").click(function() {
		$(this).addClass("Active").siblings().removeClass("Active");
		var i = $(this).index();
		var s = $(this).attr("index");
		$(".gdxq").hide();
		$(".gdxq").eq(i).show();
		if(i > 0) {
			cljl(s);
		}
	});
	$(".Closed").click(function() {
		$(".ckxq").addClass("Hidens");
	});
	/*tree下拉框效果*/
	$(".inpBox .tree").click(function() {
		if($(this).parent().find(".addTree").is(":hidden")) {
			$(this).parent().find(".addTree").show();
		} else {
			$(this).parent().find(".addTree").hide();
		}
	});
	/*普通下拉框效果*/
	$(".inpBox .select").click(function() {
		if($(this).parent().find(".xl_common").is(":hidden")) {
			$(this).parent().find(".xl_common").show();
		} else {
			$(this).parent().find(".xl_common").hide();
		}
	});
	$(".xl").click(function() {
		if($(this).parent().find(".addTree").is(":hidden")) {
			$(this).parent().find(".addTree").show();
		} else {
			$(this).parent().find(".addTree").hide();
		}
		if($(this).parent().find(".xl_common").is(":hidden")) {
			$(this).parent().find(".xl_common").show();
		} else {
			$(this).parent().find(".xl_common").hide();
		}
	});
	$(".inpBox").mouseleave(function() {
		$(this).children(".addTree").hide();
		$(this).children(".xl_common").hide();
	})
	$(".xl_box").on("click", "li", function() {
		var obj = $(this).parent().parent().parent();
		obj.find("input").eq(0).val($(this).text());
		obj.find("input").eq(1).val($(this).attr("itemid"));
		obj.find(".xl_common").hide();
	})
	$("input[name='ltype']").click(function() {
		var val = $("input[name='ltype']:checked").val();
		if(val == '0') {
			$(".js").show();
		} else if(val == '1') {
			$(".js").hide();
		}
	})
	if($("#zrbmtree")) {
		getBM($("#zrbmtree"));
	}
})

function View(val) {
	return '<div class="imgs" ><a class="xg" onclick= ck("' + val + '") >' + val + '</a></div>';
}

function OverTime(val, row) {
	var cs = 'Ctime';
	if(row.LimitTime) {
		if(row.totalhour * 1 > row.LimitTime * 1) {
			cs = 'overTime';
		}
	}
	return '<div class="' + cs + '" ><a class="xg" ></a></div>';
}

function ck(val) {
	selid = val;
	$(".ckxq").removeClass("Hidens");
	$(".ckxq ul li").eq(0).trigger("click");
	xq();
}

function xq() {
	$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
		"orderid": selid,
		"token": $.cookie("token")
	}, function(result) {
		if(result.state.toLowerCase() == "success") {
			if(result.data.data.length > 0) {
				var data = result.data.data[0];
				$("#xq_gdbh").text(data.WorkOrderID);
				$("#xq_gdlx").text(GetTypeName(data.Type));
				$("#xq_cjsj").text(data.CreateTime);
				$("#xq_gdzt").html(GetStateName(data.State));
				$("#xq_khxm").text(data.Customer);
				$("#xq_khdh").text(data.CustomerTel);
				$("#xq_wtlx").text(data.Source); //工单来源
				$("#xq_zxgh").text(data.CreateUser);
				$("#xq_zxxm").text(data.CreateUserName);
				$("#xq_county").text(data.CountryName); //乡镇或单位
				$("#xq_address").text(data.Address); //地址
				$("#xq_time").text(data.Inqtime && data.Inqtime.split(' ')[0]); //调查时间
				$("#xq_investigator").text(data.Inquser); //调查员
				$("#xq_gdnr").text(data.Detail); //反映问题
				$("#xq_clnr").text(data.Answer); //回访反馈情况
				$("#xq_cont").text(data.clcontent); //问题处理情况
				$("#xq_remarks").text(data.Remark); //备注

				//$("#xq_xxsh").text(Audit(data.IsAudit)); //信息审核
				$("#xq_xxfl").text(data.InfoType);
				//交办单位     Unit
				$("#xq_jbdw").text(data.Unit);
				$(".gdxq").eq(0).find(".allbc").remove();
				var Files = data.File;
				//console.log(Files);
				$("#IMG_box").empty();
				if(Files && Files.length > 0) {
					$(Files).each(function(i, n) {
						if(n.F_FileType.split("\/")[0] === 'image') {
							$('<div class="img-box">' +
								'<span class="img_mask"><span onclick=downloadFile("'+ n.F_FileUrl +'","'+ n.F_FileName +'","'+ n.F_FileType +'") title="点击下载"><i class="fa fa-download" aria-hidden="true"></i></span></span>' +
								'<img layer-src="' + n.F_FileUrl + '" src="' + n.F_FileUrl + '" alt="' + n.F_FileName + '" class="image-item" /><div>').appendTo("#IMG_box");
						} else {
							$('<div class="img-box">' +
								'<span class="img_mask"><span href="javascript:;" onclick=downloadFile("'+ n.F_FileUrl +'","'+ n.F_FileName +'","'+ n.F_FileType +'") title="点击下载"><i class="fa fa-download" aria-hidden="true"></i></span></span>' +
								'<span class="">' + n.F_FileName.split(".")[1] + '</span><div>').appendTo("#IMG_box");
						}
					});
					layer.photos({
						photos: '#IMG_box',
						anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
					});
				}
			}
		}
	})
}

function cljl(type) {
	//先销毁表格
	if(type == 4) {
		var table = $(".gdxq").eq(2).find("table");
	} else {
		var table = $(".gdxq").eq(type).find("table");
	}

	table.bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	table.bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		url: huayi.config.callcenter_url + "WorkOrder/GetItemList", //获取数据的Servlet地址
		striped: true, //表格显示条纹
		pagination: true, //启动分页
		pageSize: 5, //每页显示的记录数
		pageNumber: 1, //当前第几页
		pageList: [5, 10, 50, 100], //记录数可选列表
		contentType: 'application/x-www-form-urlencoded',
		search: false, //是否启用查询
		showColumns: false, //显示下拉框勾选要显示的列
		showRefresh: false, //显示刷新按钮
		sidePagination: "server", //表示服务端请求
		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
		//设置为limit可以获取limit, offset, search, sort, order
		queryParamsType: "undefined",
		queryParams: function queryParams(params) { //设置查询参数
			var param = {
				page: params.pageNumber,
				pagesize: params.pageSize,
				type: type,
				id: selid,
				token: $.cookie("token")
			};
			return param;
		},
		onLoadSuccess: function() { //加载成功时执行
			//layer.msg("加载成功");
		},
		onLoadError: function() { //加载失败时执行
			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
		}
	});
}

function GetTypeName(val) {
	var str = '';
	switch(val + '') {
		case '1':
			str = "咨询";
			break;
		case '2':
			str = "报修服务";
			break;
		case '3':
			str = "投诉建议";
			break;
	}
	return str;
}

function GetStateName(val) {
	//  var str = '';
	//  switch (val + '') {
	//      case '0': str = "待指派"; break;
	//      case '1': str = "处理中"; break;
	//      case '2': str = "已完结"; break;
	//  }
	//ltype 0,1 待完成  2已完成
	if(val == 0 || val == 1) {
		return '<div class="warning">待完成</div>';
	} else if(val == 2) {
		return '<div class="primary">已完成</div>';
	} else {
		return '-';
	}
	return str;
}

function ComXQ(val, row) {
	var str = '';
	if(row.IsLast)

	{
		str = str + row.DealUserName + " 完结工单。" + "<br>";
	}
	if(row.DealTime) {
		str = str + row.DealUserName + " 处理工单：" + "<br>";
		str = str + row.Detail + "<br>";
	}
	if(row.SureUserName) {
		str = str + row.SureUserName + " 接单。" + "<br>";
	}
	if(row.ToDeptName) {
		str = str + row.CreateUserName + " 指派工单给 " + row.ToDeptName + " ";
		if(row.ToUserName) {
			str = str + row.ToUserName;
		}
		str = str + "<br>";
	}
	if(row.IsStart) {
		str = str + row.CreateUserName + " 重新开启工单。" + "<br>";
	}
	return str;
}
//获取部门
var setting = {
	data: {
		key: {
			name: "F_DeptName"
		},
		simpleData: {
			enable: true,
			idKey: "F_DeptId",
			pIdKey: "F_ParentId",
			rootPId: 0
		}
	},
	callback: {
		onClick: zTreeOnClick
	}
};

function getBM(obj) {
	$.getJSON(huayi.config.callcenter_url + 'Department/GetAllList', {
		"token": $.cookie("token")
	}, function(result) {
		if(result.state.toLowerCase() == "success") {
			$.fn.zTree.init(obj, setting, result.data);
		}
	})
}

function zTreeOnClick(event, treeId, treeNode) {
	if(event) {
		event.stopPropagation();
	}
	var obj = $("#" + event.data.treeId).parent();
	obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
	obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
	obj.hide();
	getRY($(".clid"), $("#clbm").val());
};
//获取人员
function getRY(obj, deptid) {
	obj.empty();
	obj.append('<li itemid="">--请选择--</li>');
	obj.parent().parent().find("input").eq(0).val("--请选择--");
	obj.parent().parent().find("input").eq(1).val("");
	$.getJSON(huayi.config.callcenter_url + 'UserAccount/GetDeptUserList', {
		"deptid": deptid,
		"token": $.cookie("token")
	}, function(result) {
		if(result.state.toLowerCase() == "success") {
			$(result.data).each(function(i, n) {
				obj.append('<li itemid="' + n.F_UserId + '">' + n.F_UserName + '</li>');
			})

			obj.find("li").click(function(event) {
				if(event) {
					event.stopPropagation();
				}
				$(this).parent().parent().parent().find("input").eq(0).val($(this).text());
				$(this).parent().parent().parent().find("input").eq(1).val($(this).attr("itemid"));
				$(this).parent().parent().hide();
			});
		}
	})
}

function Appoint(val, row) {
	return czhtml(val, row, "处理");
}

function Dispose(val, row) {
	return czhtml(val, row, "处理");
}

function ex2Pdf(val, row) {
	return '<div class="imgs" ><a class="xg" href="javascript:;" onclick= export2pdf("' + row.WorkOrderID + '")>导出</a></div>';
}

function Expedite(val, row) {
	return czhtml(val, row, "催办");
}

function Comment(val, row) {
	return czhtmls(val, row, "评论");
}

function czhtml(val, row, str) {
	return '<div class="imgs" ><a class="xg" itemstr=\'' + JSON.stringify(row) + '\' onclick= oper("' + val + '",this) >' + str + '</a></div>';
}

function czhtmls(val, row, str) {
	return '<div class="imgs" ><a class="xg"  onclick= opers("' + val + '",this) >' + str + '</a></div>';
}

function oper(val, obj) {
	layer.open({
		type: 2,
		content: "WorkOrderDeal.html?str=" + val, //iframe的url，no代表不显示滚动条
		title: '处理工单',
		area: ['86%', '88%'], //宽高
	})

}
//导出pdf
function export2pdf(wid) {
	layer.open({
		type: 2,
		content: "../commonHtml/printPreview.html?wid=" + wid, //iframe的url，no代表不显示滚动条
		title: '导出pdf',
		area: ['788.8px', '90%'], //宽高
	});
}

//function opers(val, obj) {
//	layer.open({
//		type: 2,
//		content: "WorkEvaluate.html?str=" + val, //iframe的url，no代表不显示滚动条
//		title: '评价工单',
//		area: ['55%', '68%'], //宽高
//	})
//}
//  审核信息
//function Audit(val) {
//	var str = '';
//	switch(val + '') {
//		case '0':
//			str = "未审核";
//			break;
//		case '1':
//			str = "无效";
//			break;
//		case '2':
//			str = "有效";
//			break;
//	}
//	return str;
//}
//限制字符串长度
function Detail(val) {
	if(val) {
		var str = '<div '
		if(val.length > 10) {
			str = str + ' title="' + val + '" ';
			val = val.substr(0, 10) + "...";
		}
		return str + '>' + val + '</div>';
	} else {
		return '';
	}
}

function Hiden() {
	$(".ckxq").addClass("Hidens");;
}

//下载
function downloadFile(data, strFileName, strMimeType){
	//详细见文档 http://danml.com/download.html
	var x=new XMLHttpRequest();
	x.open("GET", data, true);
	x.responseType = 'blob';
	x.onload=function(e){download(x.response, strFileName, strMimeType ); }
	x.send();
}