mengjie
/
KFLTSWCallCenter_WEB


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
							<!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 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>
				<li>催办记录</li>
				<li class="hidden">评论记录</li>
				<li>修改记录</li>
				<!--<span class="Closed">×</span>-->
			</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_gdlx"></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_company"></span>
							</td> -->
							<th>工单有效性：</th>
							<td>
								<span id="xq_iseffective"></span>
							</td>
							<th>工单来源：</th>
							<td>
								<span id="xq_source"></span>
							</td>
							<th>接收部门</th>
							<td>
								<span id="xq_fkdep"></span>
							</td>
						</tr>
						<tr>
							<!-- <th>业务办理：</th>
							<td>
								<span id="xq_handle"></span>
							</td> -->
							
							<!-- <th>接收人：</th>
							<td>
								<span id="xq_responseUser"></span>
							</td> -->
						</tr>
						<tr>
							<th>创建人：</th>
							<td colspan="5">
								<span id="xq_zxgh"></span>
							</td>
						</tr>
						<tr>
							<th>反馈内容：</th>
							<td colspan="5">
								<p id="xq_gdnr" class="receptions"></p>
							</td>
						</tr>
						<tr>
							<th>处理内容：</th>
							<td colspan="5">
								<span id="xq_clcontent"></span>
							</td>
						</tr>
						<tr class="xq_notes">
							<th>无效原因：</th>
							<td colspan="5">
								<p id="xq_note" class="receptions"></p>
							</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-width="20%" data-align="left" data-formatter="formatterDealDetail">处理详情</th> -->
							<th data-field="F_OptContent" data-align="left">处理内容</th>
							<th data-field="F_CreateTime" data-width="10%" data-align="center">创建时间</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="gdxq" style="display:none;">
				<table id="itemTableList2" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-field="F_CreateUserName" data-width="6%" data-align="center">催办人</th>
							<th data-field="F_NextDeptName" data-width="6%" data-align="center">被催办部门</th>
							<th data-field="F_NextUserName" data-width="6%" data-align="center">被催办人</th>
							<th data-field="F_OptContent">催办详情</th>
							<th data-field="F_CreateTime" data-width="10%" data-align="center">创建时间</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="gdxq" style="display:none;">
				<table id="itemTableList3" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-field="CreateUserName" data-width="15%" data-align="center">评论人</th>
							<th data-field="Detail" data-width="" data-align="left">评论详情</th>
							<th data-field="CreateTime" data-width="10%" data-align="center">创建时间</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="gdxq" style="display:none;">
				<table id="itemTableList4" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-field="WorkOrderID" data-align="center">工单编号</th>
							<th data-field="BeforeContent" data-align="center">反馈内容修改前</th>
							<th data-field="UpdateContent" data-align="center">反馈内容修改后</th>
							<th data-field="UserCode" data-align="center">修改人</th>
							<th data-field="AddTime" data-width="180" data-align="center">修改时间</th>
							<!-- <th data-field="Id" data-class="workOprate" data-width="80" data-formatter="formatterOprateLogs" data-align="center">操作</th> -->
						</tr>
					</thead>
				</table>
			</div>
			<div id="print_foot">
				<a href="" class="print_foot">导出</a>
			</div>
		</div>
		<script type="text/javascript">
			var wid = helper.request.queryString("Str");
			
			// 工单详情
			$(function(){
				getWorkOrderDetails(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) {
						getWorkOrderDetails(wid);
					} else if(tabindex > 0 && tabindex < 4) {
						getItemList(tabindex,wid);
					} else if(tabindex === 4) {
						initTableLogs();
					}
				});
				//如果是来电弹屏中的 工单详情不显示关闭按钮
				if($('#order_details').attr('data-isCallSreen') === 'callSreenOrderDetail'){
					$(".Closed").hide();
				}else{
					$(".Closed").click(function() {
						$("#order_details").addClass("Hidens");
					});
				}
				
				$("#order_details ul li").eq(0).trigger("click");
				//导出功能
				$('#print_foot').on('click',print_list);
			});
			function print_list(wid){
				var url = huayi.config.callcenter_url + "WorkOrder/ExportWorkOrder?orderid="+wid +"&token=" + $.cookie("token");
				$('.print_foot').attr('href',url);
			}
		</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>