duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="../css/init.css" />
		<title>工单列表</title>
	</head>

	<body>
		<div>
			<div style="width: 100%;padding: 10px;">
				<p style="margin-top: 10px;font-weight: bold;">历史记录:</p>
				<table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-field="" data-align="center" data-formatter="Code">编号</th>
							<th data-field="CallNumber">电话号码</th>
							<th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
							<th data-field="UserName">坐席姓名</th>
							<th data-field="TalkStartTime">通话开始时间</th>
							<th data-field="WorkOrderId" data-align="center" data-formatter="formatWorkOrderNum">工单号</th>
						</tr>
					</thead>
					<tbody class="list"></tbody>
				</table>
				<p style="margin-top: 10px;font-weight: bold;">历史工单:</p>
				<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-field="" data-align="center" data-formatter="Code">编号</th>
							<th data-field="F_WorkOrderId" data-formatter="GetLink" data-width="120px">工单编号</th>
							<th data-field="F_CreateTime" data-width="100px">创建时间</th>
							<th data-field="F_ComContent" data-formatter="formatterResult">工单内容</th>
							<th data-field="F_Result" data-formatter="formatterResult">处理内容</th>
							<th data-field="F_WorkState" data-formatter="historyOrderStates">工单状态</th>
							<th data-field="F_SubWorkorder1" data-formatter="GetLinkAll">子工单</th>
							<!--<th data-field="F_WorkOrderId" data-formatter="historyOrderOperation">操作</th>-->

						</tr>
					</thead>
					<tbody class="list"></tbody>
				</table>
			</div>
			<!--<div style="text-align: center;">
            <button class="btns exportFile">导出</button>
        </div>-->
		</div>
		<script src="../js/sm2/sm2.js"></script>
		<script src="../js/sm2/decrypt.js"></script>
		<script>
			var phoneNumber = helper.request.queryString("phoneNumber");
			$(document).ready(function() {
				load();
			});
			//获取查询信息
			function load() {
				$("#oldlist").bootstrapTable("destroy");
				//初始化表格,动态从服务器加载数据
				$("#oldlist").bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
					contentType: "application/x-www-form-urlencoded",
					striped: true, //表格显示条纹
					pagination: true, //启动分页
					pageSize: 5, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageList: [5, 10], //记录数可选列表
					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,
							tel: phoneNumber,
							//							starttime: $("#old_startTime").val(),
							//							endtime: $("#old_endTime").val(),
							token: $.cookie("token"),
						};
						return param;
					},
					onLoadSuccess: function() {
						//加载成功时执行
						//layer.msg("加载成功");
					},
					onLoadError: function() {
						//加载失败时执行
						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
					},
				});
				$("#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: 5, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageList: [5, 10], //记录数可选列表
					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,
							islike: 0,
							tel: phoneNumber,
							//				starttime: $("#con_startTime").val(),
							//				endtime: $("#con_endTime").val(),
							token: $.cookie("token"),
						};
						return param;
					},
					onLoadSuccess: function() {
						//加载成功时执行
						//layer.msg("加载成功");
					},
					onLoadError: function() {
						//加载失败时执行
						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
					},
				});
			}

			//音频
			function setCode(val) {
				if(val) {
					return '<div class="imgs">' +
						'<img src="../img/vice.png" alt="" onclick="helper.luyin.view(this)" item="' + val + '" />' +
						'</div>';
				} else {
					return '';
				}
			}

			function GetCallState(val) {
				if(val == "1") {
					return "已接通";
				} else {
					return "未接通";
				}
			}

			//编号
			function Code(val, row, index) {
				return index + 1;
			}

			function GetLink(val) {
				if(val) {
					return "<a onclick=\"ckxq('" + val + "')\" style='word-break: break-all;'>" + val + "</a>";
				} else {
					return "";
				}
			}

			function formatWorkOrderNum(val, row) {

				if(val) {
					return '<a class="xg" onclick="ckxq(\'' + val + '\')" title="点击查看工单详情">' + val + '</a>';
				}

			}

			function GetLinkAll(val) {
				if(val) {
					var arr = val.split(",")
					var str = ""
					arr.forEach(function(v, i) {
						str += "<a onclick=\"ckxq('" + v + "')\" style='word-break: break-all;'>" + v + "</a>，"
					})
					str += str.slice(0, -1);
					return str;
				} else {
					return "";
				}
			}

			function ckxq(str) {
				layer.open({
					type: 2,
					content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
					title: "工单详情",
					area: ["80%", "80%"], //宽高
				});
			}

			function phoneTableHtml(val, row) {
				return '<a onclick="phoneTableClick(this ,\'' + row.CallNumberShow + '\')"> ' + val + '</a>'
			}

			function formatterResult(val) {
				if(val) {
					//  	+ ' title="' + val + '" ';
					var strResult = val;
					if(strResult.length > 20) {
						strResult = strResult.substring(0, 20) + "...";
					}
					strResult = "<div title='" + val + "'>" + strResult + "</div>"
					return strResult;
				}
			}
			// 电话号码
			//      function formatterCallNum(val, row) {
			//          var phoneNumber
			//          if (val.length === 12) {
			//              phoneNumber = val.slice(1)
			//          } else if (val.length === 13) {
			//              phoneNumber = val.slice(2)
			//          } else {
			//              phoneNumber = val
			//          }
			//          return phoneNumber;
			//      }
			// 历史工单状态
			function historyOrderStates(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 "13":
						html = "重办驳回";
						break;
				}
				return html;
			}

			function states(val, row) {
				if(val == 0) {
					if(row.CallType == 0 && !row.UserCode) {
						return '<div class="imgs">主动放弃</div>';
					} else {
						return '<div class="imgs">未接通</div>';
					}
				} else if(val == 1) {
					return '<div class="imgs">已接通</div>';
				} else if(val == 2) {
					return '<div class="imgs">接通未达</div>';
				}
			}
		</script>
	</body>

</html>