FuWaiCallCenter_UI/CallCenterWe.../WorkOrder/template/orderDetails...

<!-- 工单详情 orderDtails -->
<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_iseffective"></span>
				</td>
				<th>工单来源：</th>
				<td>
					<span id="xq_source"></span>
				</td>
				<th>业务办理：</th>
				<td>
					<span id="xq_handle"></span>
				</td>
			</tr>
			<tr>
				<th>接收部门</th>
				<td>
					<span id="xq_fkdep"></span>
				</td>
				<th>接收人：</th>
				<td>
					<span id="xq_responseUser"></span>
				</td>
				<th>创建人：</th>
				<td>
					<span id="xq_zxgh"></span>
				</td>
			</tr>
			<tr>
				<th>处理内容：</th>
				<td colspan="5">
					<span id="xq_clcontent"></span>
				</td>
			</tr>
			<tr>
				<th>反馈内容：</th>
				<td colspan="5">
					<p id="xq_gdnr" class="receptions"></p>
				</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>

<script type="text/javascript">
	// 工单详情
	$(function(){
		// 绑定事件
		$("#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();
			} else if(tabindex > 0 && tabindex < 4) {
				getItemList(tabindex);
			} 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");
	});
</script>