zhoufan
/
FengQiuMD_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
							<!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>
		<script src="../js/download/download.js"></script>
		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
		<link href="../css/init.css" rel="stylesheet" />
	</head>
	<body>
		<div  class="ckxq" id="order_details">
			<ul class="clearfix ckxq_ul">
				<li class="Active">工单详情</li>
				<li>处理记录</li>
			</ul>
			<div class="gdxq">
				<table id="gdxq_table" border="0" class="table table-bordered  table-hover " style="width: 100%;">
					<tbody class="tbodys">
						<tr>
							<th>工单编号：</th>
							<td>
								<span id="xq_gdbh"></span>
							</td>
							<th>信息分类：</th>
							<td>
								<span id="xq_xxfl"></span>
							</td>
							<th>创建时间：</th>
							<td>
								<span id="xq_cjsj"></span>
							</td>
						</tr>
						<tr>
							<th>工单状态：</th>
							<td>
								<span id="xq_gdzt"></span>
							</td>
							<th>客户姓名：</th>
							<td>
								<span id="xq_khxm"></span>
							</td>
							<th>客户电话：</th>
							<td>
								<span id="xq_khdh"></span>
							</td>
						</tr>
						<tr>
							<th>工单来源：</th>
							<td>
								<span id="xq_wtlx"></span>
							</td>
							<th>坐席工号：</th>
							<td>
								<span id="xq_zxgh"></span>
							</td>
							<th>坐席姓名：</th>
							<td>
								<span id="xq_zxxm"></span>
							</td>
						</tr>
						<tr>
							<th>乡镇或单位：</th>
							<td>
								<span id="xq_county"></span>
							</td>
							<th>地址：</th>
							<td>
								<span id="xq_address"></span>
							</td>
							<th>调查时间：</th>
							<td>
								<span id="xq_time"></span>
							</td>
						</tr>
						<tr>
							<th>调查员：</th>
							<td>
								<span id="xq_investigator"></span>
							</td>
							<th>交办单位：</th>
							<td>
								<span id="xq_jbdw"></span>
							</td>
							<th></th>
							<td></td>
						</tr>
						<tr>
							<th>反映问题：</th>
							<td colspan="5">
								<span id="xq_gdnr"></span>
							</td>
						</tr>
						<tr>
							<th>回访反馈情况：</th>
							<td colspan="5">
								<span id="xq_clnr"></span>
							</td>
						</tr>
						<tr>
							<th>问题处理情况：</th>
							<td colspan="5">
								<span id="xq_cont"></span>
							</td>
						</tr>
						<tr>
							<th>备注：</th>
							<td colspan="5">
								<span id="xq_remarks"></span>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="gdxq" style="display:none;">
				<table id="itemTableList1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-field="WorkOrderID" data-align="left"  data-formatter="ComXQ">处理详情</th>
							<th data-field="CreateTime" data-align="center">创建时间</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
		<script type="text/javascript">
			var wid = helper.request.queryString("Str");
			// 工单详情
			$(function(){
				xq(wid);
				// 绑定事件
				$("#order_details ul li").click(function() {
					$(this).addClass("Active").siblings().removeClass("Active");
					var tabindex = $(this).index();
					$(".gdxq").hide();
					$(".gdxq").eq(tabindex).show();
					if(tabindex === 0) {
						xq(wid);
					} else {
						cljl(tabindex,wid);
					} 
				});
			});
			function xq(wid) {
				$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
					"orderid": wid,
					"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_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_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();
						}
					}
				})
			};
			function cljl(tabindex,wid) {
				//先销毁表格
				var table = $(".gdxq").eq(tabindex).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: tabindex,
							id: wid,
							token: $.cookie("token")
						};
						return param;
					},
					onLoadSuccess: function() { //加载成功时执行
						//layer.msg("加载成功");
					},
					onLoadError: function() { //加载失败时执行
						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
					}
				});
			}
			function GetStateName(val) {
				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 == 0 && !row.DealTime && !row.ToDeptName) {
			        str = str + row.CreateUserName + " 创建了工单。" + "<br>";
			    }
			    if (row.IsLast == 1) {
			        str = str + row.CreateUserName + " 完结工单。" + "<br>";
			    }
			    if (row.DealTime) {
			        str = str + row.CreateUserName + " 处理工单。" + "<br>";
//			        if (row.Detail != null) 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;
			}
		</script>
		<script src="../js/laydate/laydate.js"></script>
		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
		<!--<script src="../js/WorkOrder/WorkOrder.js"></script>-->
	</body>
</html>