YHSF_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_gdzt"></span>
				</td>
			</tr>
			<tr>
				<th>客户姓名：</th>
				<td>
					<span id="xq_khxm"></span>
				</td>
				<th>客户电话：</th>
				<td>
					<span id="xq_khdh"></span>
				</td>
				<th>性别：</th>
				<td>
					<span id="xq_xibie"></span>
				</td>
			</tr>
			
			
			
			
			<tr class="yuyue_li" style="display: none;">
				<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>
			</tr>
			<tr class="yuyue_li" style="display: none;">
				<th>来院就医：</th>
				<td>
					<span id="xq_handle"></span>
				</td>
				<th>预约科室：</th>
				<td>
					<span id="xq_fkdep"></span>
				</td>
				<th>预约时间：</th>
				<td>
					<span id="xq_responseUser"></span>
				</td>
			</tr>
									
			<tr class="yuyue_li" style="display: none;">
				<th>预约项目：</th>
				<td>
					<span id="xq_xiangmu"></span>
				</td>
				<th>转接科室：</th>
				<td>
					<span id="xq_chzjieks"></span>
				</td>
				<th>备注：</th>
				<td>
					<span id="xq_resyyBezh"></span>
				</td>
				
			</tr>
			
			
			
			<tr class="yuyue_li" style="display: none;">
				<th>约车人：</th>
				<td >
					<span id="xq_zxgh"></span>
				</td>
				<th>电话：</th>
				<td>
					<span id="xq_cjsj"></span>
				</td>
				<th>接诊地址：</th>
				<td>
					<span id="xq_cjsj"></span>
				</td>
			</tr>
			<tr class="yuyue_li" style="display: none;">
				<th>出车时间：</th>
				<td >
					<span id="xq_clcontent"></span>
				</td>
				<th>是否出车：</th>
				<td >
					<p id="xq_gdnr" ></p>
				</td>
				<th>患者病情：</th>
				<td >
					<p id="xq_huzbqin" class="receptions"></p>
				</td>
			</tr>
			<tr class="yuyue_li" style="display: none;">
				
			</tr>
			
	<!-- 投诉		 -->
			<tr class="tous_li" style="display: none;">
				<th>被投诉科室：</th>
				<td>
					<p id="xq_Beitosu"></p>
				</td>
				<th>被投诉对象：</th>
				<td>
					<p id="xq_duiXial"></p>
				</td>
				<th>转接科室：</th>
				<td>
					<p id="xq_chzhuanj"></p>
				</td>
			</tr>
			<tr class="tous_li" style="display: none;">
				<th>备注：</th>
				<td>
					<p id="xq_tBezut"></p>
				</td>
				<th>转至相关部门：</th>
				<td>
					<p id="xq_zzxgbm"></p>
				</td>
			</tr>
	<!-- 建议	 -->
			<tr class="jianYi_li" style="display: none;">
				<th>备注：</th>
				<td>
					<p id="qw_bezhu"></p>
				</td>
				<th>转至相关部门：</th>
				<td>
					<p id="qw_zbm"></p>
				</td>
			</tr>
			
			
			
			<tr>
				<th>问题描述：</th>
				<td>
					<p id="xq_wentims"></p>
				</td>
				<th>是否处理：</th>
				<td>
					<p id="xq_shifchl"></p>
				</td>
				<th>处理内容：</th>
				<td>
					<p id="xq_chlinro"></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>