duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626
							<!DOCTYPE html>

<html>


	<head>

		<meta charset="UTF-8" />

		<title>工单查询</title>

		<script src="../Script/Common/huayi.load.js"></script>

		<script src="../Script/Common/huayi.config.js"></script>

		<link rel="stylesheet" href="../css/bootstrap-select.css" />

		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />

		<link rel="stylesheet" href="../css/init.css" />

		<link rel="stylesheet" href="../js/layui/css/layui.css">

		<link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">

	</head>


	<body class="gray-bg">

		<div class="wrapper wrapper-content animated fadeInRight">


			<div style="padding: 10px" class="tj_content clearFix">

				<div style="padding: 10px" class="tj_content clearFix">

					<div>

						<span>【搜索信息】</span>

						<div class="box_content">

							<table id="sqzx" style="width: 100%" border="0" cellspacing="0" cellpadding="0">

								<!--<tr>

									<th>工单来源：</th>

									<td>

										<select class="form-control" id="source"></select>

									</td>

									<th>来电号码：</th>

									<td>

										<input type="text" id="tel" class="form-control" placeholder="请输入来电号码" />

									</td>

									<th>录入时间：</th>

									<td colspan="3">

										<input id="starttime" class="photo x-color laydate-icon" type="text" autocomplete="off" style="height: 35px;" />-<input id="endtime" class="photo x-color laydate-icon" type="text" autocomplete="off" style="height: 35px;" />

									</td>

								</tr>-->

								<tr>

									<th>事项编号：</th>

									<td>

										<input type="text" placeholder="输入工单号" id="wids" class="form-control" />

									</td>

									<!--<th><span class="nameJustified">来电人：</span></th>

									<td>

										<input type="text" id="name" class="form-control" autocomplete="off" />

									</td>-->

									<th>来电内容：</th>

									<td>

										<input type="text" placeholder="输入来电内容" id="workOrderContent" class="form-control" />

									</td>

									<td>

										
										<botton class="btns Seach">搜索</botton>

										<botton class="btns addpool">添加到样本池</botton>

									</td>

								</tr>

								<!--<tr>

									<th>工单标题：</th>

									<td>

										<input type="text" placeholder="输入工单标题" id="workOrderTitle" class="form-control" />

									</td>

									
									<th>反映类别：</th>

									<td class="reflectCategory-wrapper" style="    width: 407px;">

										<input type="text" id="reflectCategory" class="form-control" autocomplete="off" />

										<i class="CleansReactionCategory fa fa-close"></i>

										<input type="hidden" id="keyid" />

										<div class="reflectCategoryList-wrapper">

											<ul id="reflectCategoryList">

											</ul>

										</div>

									</td>

									<td></td>

									<td></td>

									<td></td>

								</tr>-->


								<!--<tr>

									<th>办理结果：</th>

									<td>

										<input type="text" placeholder="输入办理结果" id="workOrderProcessingResult" class="form-control" />

									</td>

									<th>工单状态：</th>

									<td>

										<select name="" id="state" class="form-control">

											<option selected="selected" value="">

												请选择

											</option>

											<option value="0">新工单</option>

											<option value="1">待交办</option>

											<option value="2">待查收</option>

											<option value="3">

												退回审核中

											</option>

											<option value="4">办理中</option>

											<option value="5">

												延时审核中

											</option>

											<option value="6">已办理</option>

											<option value="11">

												重办待交办

											</option>

											<option value="13">重办驳回</option>

											<option value="8">重办中</option>

											<option value="9">已结案</option>

										</select>

									</td>

									<th>来电类型：</th>

									<td>

										<select class="form-control Min-width" id="type"></select>

										<botton class="btns Seach">搜索</botton>

									</td>

								</tr>-->


							</table>

						</div>

					</div>

					<div>

						<div style="width: 100%; padding: 10px">

							<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">

								<thead>

									<tr>

										<th data-checkbox="true">多选</th>

										<th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单单号</th>

										<th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>

										<th data-field="F_ComContent" data-formatter="GetCont" data-align="center">来电内容</th>

										<th data-field="DeptName" data-align="center">承办单位</th>

										<th data-field="UserName" data-align="center">受理人</th>

										<th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>

										<th data-field="OverState" data-formatter="OverTime" data-align="center">时限</th>

										<th data-field="LimitTime" data-formatter="BanTime" data-align="center">办理时限</th>

										<th data-field="F_Result" data-formatter="GetCont" data-align="center">办理结果</th>

									</tr>

								</thead>

								<tbody class="list"></tbody>

							</table>

						</div>

					</div>

				</div>

			</div>


		</div>

		<script src="../js/layui/layui.js"></script>

		<script src="../js/bootstrap-select.js"></script>

		<script src="../css/laydate/laydate.js"></script>

		<script src="../My97DatePicker/WdatePicker.js"></script>

		<script src="../js/zTree/jquery.ztree.core.js"></script>

		<script src="../js/search/screen.js"></script>

		<script src="../js/WorkOrder/WorkOrderList.js"></script>

		<script src="../Script/Common/huayi.common.js"></script>

		<script src="../js/WorkOrder/orderListOperation.js"></script>


		<script>

			var wid = helper.request.queryString("wid");

			var jianhang = helper.request.queryString("jianhang");

			var themeId = helper.request.queryString("id");

			var startTime = helper.request.queryString("startTime");

			var endTime = helper.request.queryString("endTime");

			var exportParams; // 导出参数

			$(document).ready(function() {

				if(wid) {

					$("#tel").val(wid);

					load();

				}

				laydate.skin('blue');


				load();


			});

			
			$('.addpool').click(function() {

				// 判断多选是否有数据

				var rows = $('#orderlist').bootstrapTable('getSelections');

				console.log(rows);

				var orderkey = $('#workOrderContent').val();

				
				if (rows.length <=0 && orderkey === '') {

					layer.msg("请选择工单或者输入工单内容");

					return;

				}

				
				var workorderid = [];

				if (rows.length > 0) {

					rows.forEach(function(o) {

						workorderid.push(o.F_WorkOrderId)

					})

				}

				
				layer.confirm('确定加入样本池吗?', function(index) {


					$.post(huayi.config.callcenter_url + 'SamplePool/AddSample', {

						keyword: orderkey,

						specialid: themeId,

						workorderid: workorderid.join(),

						"token": $.cookie("token")

					}, function(result) {

						result = $.parseJSON(result);

						if(result.state.toLowerCase() == "success") {

							layer.msg("操作成功");

							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引

							parent.layer.close(index); //再执行关闭

						}

					})


				});

        	
			})


			$("#orderlist").on("click-row.bs.table", function(e, row, ele) {

				$(".success").removeClass("success"); //去除之前选中的行的，选中样式

				$(ele).addClass("success"); //添加当前选中的 success样式用于区别

			});

			//获取查询信息

			function load() {


				//先销毁表格

				$("#orderlist").bootstrapTable("destroy");

				//初始化表格,动态从服务器加载数据

				$("#orderlist").bootstrapTable({

					method: "get", //使用get请求到服务器获取数据

					url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址

					contentType: "application/x-www-form-urlencoded",

					striped: true, //表格显示条纹

					pagination: true, //启动分页

					pageSize: 10, //每页显示的记录数

					pageNumber: 1, //当前第几页

					pageList: [10, 20, 50, 100], //记录数可选列表

					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) {

						//设置查询参数

						//alert(params.pageNumber)

						var param = {

							page: params.pageNumber,

							pagesize: params.pageSize,

							workid: $("#wids").val().replace(/\s+/g, ""),						

							starttime: startTime, //=开始时间

							endtime: endTime, //=结束时间

							ComContent: $("#workOrderContent").val().replace(/\s+/g, ""), // 工单内容						

							token: $.cookie("token"),

						};

						// 导出参数

						exportParams = param;

						return param;

					},

					onLoadSuccess: function(data) {

						//加载成功时执行

						//						layer.msg("加载成功");

						//console.log(data);

					},

					onLoadError: function() {

						//加载失败时执行

						//layer.msg("加载数据失败", { time: 1500, icon: 2 });

					},

				});

			}


			//状态

			function States(val, row) {

				var html = "";

				switch(val + "") {

					case "0":

						html = "新工单";

						if(row.F_IsReturn == 1) {

							html = "新工单（回退）";

						}

						break;

					case "1":

						html = "待交办";

						break;

					case "2":

						html = '<span style="color:#FF0000;">待查收</span>';

						break;

					case "3":

						html = "退回审核中";

						break;

					case "4":

						html = "办理中";

						break;

					case "5":

						html = "延时审核";

						break;

					case "6":

						if(row.F_IsProtect === 2 || row.F_IsProtect === 3) {

							html = "已办未果"

						} else {

							html = "已办理";

						}

						break;

					case "7":

						html = "待回访";

						break;

					case "8":

						if(row.F_Identification === 0) {

							html = "重置转发";

						} else if(row.F_Identification === 1) {

							html = "退回重办";

						} else {

							html = "重办中";

						}

						break;

					case "9":

						html = "已结案";

						break;

					case "10":

						html = "待审核";

						break;

					case "11":

						html = "重办待交办";

						break;

						//              case '12':

						//                  html = '待审核';

						//                  break;

					case "13":

						html = "重办驳回";

						break;

				}

				return html;

			}

			//音频

			function setCode(val) {

				if(val) {

					return(

						'<div class="imgs" style="cursor: pointer;">' +

						'<img src="../img/vice.png" alt="" onclick= "helper.luyin.view(this)" item="' +

						val +

						'" />' +

						"</div>"

					);

				} else {

					return "";

				}

			}


			//编号

			function serialNumber(val, row, index) {

				return index + 1;

			}


			//电话类别

			function getPhoneType(obj) {

				obj.empty();

				$("<option value=''>请选择</option>").appendTo(obj);

				$.ajax({

					type: "get",

					url: huayi.config.callcenter_url + "Dictionary/GetDicValueListById",

					dataType: "json",

					async: true,

					data: {

						"token": $.cookie("token"),

						id: 2498,

					},

					success: function(data) {

						if(data.state.toLowerCase() == "success") {

							var content = data.data;

							$(content).each(function(i, n) {

								$("<option value='" + n.F_Value + "'>" + n.F_Remark + "</option>")

									.appendTo(obj);

							})

						}

					}

				});

			}

			// 关联工单类型

			function isReleaseFormatter(val, row) {

				if(String(val) === "2") {

					return "<span style='color: #e02433'>主工单</span>"

				} else if(String(val) === "3") {

					return "<span style='color: #e02433'>子工单</span>"

				}

			}


			function GetCont(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 superviseFormatter(val, row) {

				var arr = ["否", "是"];

				var str = arr[val];

				return str;

			}


			//操作

			function Dispose(val, row) {

				var Rows = row.Buttons;

				var html = "";

				for(var i = 0; i < Rows.length; i++) {

					var html1 = huayi.config.arr[Rows[i].key * 1 - 1];

					if(html1) {

						html1 = html1.replace("data", val);

						html1 = html1.replace("isProtect", row.F_IsProtect);

						html1 = html1.replace("row", row.F_MainDeptId);

						html1 = html1.replace("state", row.F_WorkState);

					}

					html += html1;

				}

				return html;

			}


			//时限

			function OverTime(val, row) {

				if(val == 1) {

					return(

						'<div class="" style="cursor: pointer;">' +

						'<span class="Greens">' +

						row.GapTime +

						"</span>" +

						"</div>"

					);

				} else if(val == 2) {

					return(

						'<div class="" style="cursor: pointer;">' +

						'<span class="Yellows">' +

						row.GapTime +

						"</span>" +

						"</div>"

					);

				} else if(val == 3) {

					return(

						'<div class="" style="cursor: pointer;">' +

						'<span class="Reds">' +

						row.GapTime +

						"</span>" +

						"</div>"

					);

				}

			}

			//办理时限

			function BanTime(val) {

				if(val) {

					var time = val.substring(0, val.indexOf(" "));

					return(

						'<div class="" style="cursor: pointer;">' +

						"<span>" +

						time +

						"</span>" +

						"</div>"

					);

				}

			}

			// 监察督办派发

			function jcsuperviseSend(str) {

				layer.open({

					type: 2,

					content: "../CommonHtml/jcsuperviseSend.html?wid=" + str, //iframe的url，no代表不显示滚动条

					title: "监察督办派发",

					area: ["80%", "80%"], //宽高

				});

			}


			// 督查督办派发

			function jdcsuperviseSend(str) {

				layer.open({

					type: 2,

					content: "../CommonHtml/jdcsuperviseSend.html?wid=" + str, //iframe的url，no代表不显示滚动条

					title: "督查督办派发",

					area: ["80%", "80%"], //宽高

				});

			}


			//强制回收

			function recycles() {

				layer.confirm("确定要强制退回吗？", {

					btn: ["是", "否"], //按钮

				});

			}


			//来源

			function LY(obj) {

				obj.empty();

				obj.append(

					'<option selected="selected" value="">请选择</option>'

				);

				$.getJSON(

					huayi.config.callcenter_url +

					"Dictionary/GetDicValueListById", {

						token: $.cookie("token"),

						id: 1,

					},

					function(data) {

						if(data.state.toLowerCase() == "success") {

							var content = data.data;

							$(content).each(function(i, n) {

								$(

									"<option value='" +

									n.F_ValueId +

									"'>" +

									n.F_Value +

									"</option>"

								).appendTo(obj);

							});

						}

					}

				);

			}

			//类别

			function LB(obj) {

				obj.empty();

				obj.append(

					'<option selected="selected" value="">请选择</option>'

				);

				$.getJSON(

					huayi.config.callcenter_url +

					"Dictionary/GetDicValueListById", {

						token: $.cookie("token"),

						id: 2,

					},

					function(data) {

						if(data.state.toLowerCase() == "success") {

							var content = data.data;

							$(content).each(function(i, n) {

								$(

									"<option value='" +

									n.F_ValueId +

									"'>" +

									n.F_Value +

									"</option>"

								).appendTo(obj);

							});

						}

					}

				);

			}

			//		主题

			function ZT(obj) {

				obj.empty();

				obj.append(

					'<option selected="selected" value="">请选择</option>'

				);

				$.getJSON(

					huayi.config.callcenter_url +

					"Dictionary/GetDicValueListById", {

						token: $.cookie("token"),

						id: 3,

					},

					function(data) {

						if(data.state.toLowerCase() == "success") {

							var content = data.data;

							$(content).each(function(i, n) {

								$(

									"<option value='" +

									n.F_ValueId +

									"'>" +

									n.F_Value +

									"</option>"

								).appendTo(obj);

							});

						}

					}

				);

			}


			function tree() {

				$.get(

					huayi.config.callcenter_url + "Department/GetDeptList", {

						token: $.cookie("token"),

						//		"pid": pid

					},

					function(result) {

						result = $.parseJSON(result);

						$.fn.zTree.init(

							$("#addTreeDemo"),

							setting1,

							result.data

						); //实例化树形图

					}

				);

			}

			var setting1 = {

				data: {

					key: {

						name: "F_DeptName",

					},

					simpleData: {

						enable: true,

						idKey: "F_DeptId",

						pIdKey: "F_PartentId",

						rootPId: 0,

					},

				},

				callback: {

					onClick: zTreeOnClick,

				},

			};


			function zTreeOnClick(event, treeId, treeNode) {

				//				if(treeNode.level >= 1) {

				$(".inps").val(treeNode.F_DeptName);

				$("#PID").val(treeNode.F_DeptId);

				$("#Dpment").val(treeNode.F_DeptId);

				$(".Cleans").show();

				//				}

			}


			function Close() {

				$(".lyxz").removeClass("cx");

				if($("audio").length > 0) {

					$("audio")[0].pause();

				}

			}


			// 导出文件

			$(".exportFile").click(function() {

				exportParams.isdc = 1;

				exportFileFun("WorkOrder/GetList", exportParams)

			})

		</script>

	</body>


</html>