XinXiangXLX_UI/CallCenterWe.../WorkOrder/template/orderDetails...

<!-- 工单详情 orderDtails -->
<ul class="clearfix ckxq_ul">
	<li class="Active">工单详情</li>
	<li>处理记录</li>
	<li>催办记录</li>
	<li>回访记录</li>
	<li>修改记录</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 data-formatter="order">
					<span id="xq_cjsj"></span>
				</td>
				<th>工单编号:</th>
				<td>
					<span id="xq_gdbh"></span>
				</td>
				<th>工单类型:</th>
				<td>
					<span id="xq_gdzt"></span>
				</td>
				<th>工单状态:</th>
				<td>
					<span id="xq_gdlx"></span>
				</td>
			</tr>
	 <!-- 咨询模块显示详情 -->	
			   <tr style="display: none;" class="zixun1">
					<th>问题类别:</th>
					<td data-formatter="order">
						<span id="con_witl"></span>
					</td>
					<th>产品名称:</th>
					<td>
						<span id="con_cpiit"></span>
					</td>
					<th>问题数量:</th>
					<td>
						<span id="con_wtlin"></span>
					</td>
					<th>销售基地:</th>
					<td>
						<span id="con_refer"></span>
					</td>
				</tr>
	<!-- 投诉模块详情显示 -->
			   <tr style="display: none;" class="tousu1">
					<th>产品名称:</th>
					<td>
						<span id="lain_cuse"></span>
					</td>
					<th>问题数量(吨):</th>
					<td>
						<span id="lain_licti"></span>
					</td>
					<th>销售基地:</th>
					<td>
						<span id="lain_citon"></span>
					</td>
					<th>生产批次号:</th>
					<td>
						<span id="lain_kicou"></span>
					</td>
				</tr>
			   <tr style="display: none;" class="tousu1">
					<th>问题类别1:</th>
					<td>
						<span id="lain_with1"></span>
					</td>
					<th>问题类别2:</th>
					<td>
						<span id="lain_with2"></span>
					</td>
					<th>问题类别3:</th>
					<td>
						<span id="lain_with3"></span>
					</td>
					<th>重要级别:</th>
					<td>
						<span id="lain_iunct"></span>
					</td>		
				</tr>
				<tr style="display: none;" class="tousu1">
					<th>品牌:</th>
					<td>
						<span id="Complaints_abou"></span>
					</td>
									
				</tr>
	<!-- c抽检模块详情显示 -->			
				<tr style="display: none;" class="choujian1">
					<th>问题类别:</th>
					<td>
						<span id="spot_spion"></span>
					</td>
					<th>抽检级别:</th>
					<td>
						<span id="spot_jion"></span>
					</td>
					<th>抽检单位:</th>
					<td>
						<span id="spot_danei"></span>
					</td>
					<th>抽检吨数(吨):</th>
					<td>
						<span id="spot_dunus"></span>
					</td>
				</tr>
				<tr style="display: none;" class="choujian1">
					<th>抽检袋数(袋):</th>
					<td>
						<span id="spot_dihi"></span>
					</td>
					<th>抽检时间:</th>
					<td>
						<span id="spot_time"></span>
					</td>
					<th>化验单位:</th>
					<td>
						<span id="spot_unit"></span>
					</td>
					<th>生产批次号:</th>
					<td>
						<span id="spot_cihao"></span>
					</td>
				</tr>
				<tr style="display: none;" class="choujian1">
					<th>公关费用金额:</th>
					<td>
						<span id="spot_cihicon"></span>
					</td>
				</tr>
	<!-- 客户编号 物料编号模块 -->			
				<tr style="display: none;" class="bianhao1">
					<th>客户编号：</th>
					<td>
						<span id="client_ciont"></span>
					</td>
					<th>业务员：</th>
					<td>
						<span id="client_wich"></span>
					</td>
					<th>电话：</th>
					<td>
						<span id="client_bnum"></span>
					</td>
					<th>经营品牌：</th>
					<td>
						<span id="client_xlx"></span>
					</td>
				</tr>
				<tr style="display: none;" class="bianhao1">
					<th>大区：</th>
					<td>
						<span id="client_uict"></span>
					</td>
					<th>分公司：</th>
					<td>
						<span id="client_tyicu"></span>
					</td>
					<th>公司名称：</th>
					<td>
						<span id="F_CompanyName"></span>
					</td>
				</tr>
				<tr style="display: none;" class="bianhao1">
					<th>物料编码：</th>
					<td>
						<span id="client_citon"></span>
					</td>
					<th>物料名称：</th>
					<td>
						<span id="client_ituec"></span>
					</td>
					<th>型号：</th>
					<td>
						<span id="client_uitio"></span>
					</td>
					<th>规格：</th>
					<td>
						<span id="client_yousft"></span>
					</td>
				</tr>
				<tr style="display: none;" class="bianhao1">
					<th>一级分类：</th>
					<td>
						<span id="client_classify1"></span>
					</td>
					<th>二级分类：</th>
					<td>
						<span id="client_classify2"></span>
					</td>
					<th>三级分类：</th>
					<td>
						<span id="client_classify3"></span>
					</td>
					<th>品牌：</th>
					<td>
						<span id="client_lovei"></span>
					</td>
				</tr>
				<tr style="display: none;" class="bianhao1">
					<th>复合肥肥效：</th>
					<td>
						<span id="client_fpeiro"></span>
					</td>
					<th>产品线：</th>
					<td>
						<span id="client_chnpin"></span>
					</td>
					<th>工艺：</th>
					<td>
						<span id="client_goniy"></span>
					</td>
				</tr>
	<!-- 客户姓名事发地模块	 -->		
				<tr style="display: none;" class="kehu1">
					<th>客户姓名：</th>
					<td>
						<span id="xq_khxm"></span>
					</td>
					<th>客户电话：</th>
					<td>
						<span id="xq_khdh"></span>
					</td>
					<th>问题描述：</th>
					<td>
						<span id="xq_company"></span>
					</td>
				</tr>
				<tr style="display: none;" class="kehu1">
					<th>事发地省：</th>
					<td>
						<span id="xq_source"></span>
					</td>
					<th>事发地市：</th>
					<td>
						<span id="xq_dieuig"></span>
					</td>
					<th>事发区县：</th>
					<td>
						<span id="xq_handle"></span>
					</td>
					<th>事发地乡：</th>
					<td>
						<span id="xq_fkdep"></span>
					</td>
				</tr>
				<tr style="display: none;" class="kehu1">
					<th>事发地详细地址：</th>
					<td>
						<span id="xq_responseUser"></span>
					</td>
					<th>上级处理意见：</th>
					<td>
						<span id="xq_suggestion"></span>
					</td>
					<th>处理详情：</th>
					<td>
						<span id="xq_details"></span>
					</td>
					<th>备注：</th>
					<td>
						<span id="xq_bitye"></span>
					</td>
				</tr>
				<tr>
					<th>超时时限：</th>
					<td>
						<span id="Work_overtime"></span>
					</td>
					<th class="surplusText">超时时间：</th>
					<td>
						<span id="surplus"></span>
					</td>
				</tr>
				<tr >
					<th>注解：</th>
					<td>
						<span id="xq_zhujie"></span>
					</td>
				</tr>
				<tr >
					<th>超时原因：</th>
					<td >
						<span id="xq_chaoshi"></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-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_CreateUser" data-width="6%" data-align="center">催办人</th>
				<th data-field="F_NextDept" data-width="6%" data-align="center">被催办部门</th>
				<th data-field="F_NextUser" data-width="6%" data-align="center">被催办人</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="itemTableList3" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
		<thead>
			<tr>
				<th data-field="F_CreateUser" data-width="15%" data-align="center"><!--评论-->回访人</th>
				<th data-field="F_OptContent" data-width="" 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="itemTableList4" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
		<thead>
			<tr>
				<th data-field="F_WoID" data-align="center">工单编号</th>
				<th data-field="F_OptContent" data-align="left">修改内容</th>
				<th data-field="F_CreateUser" data-align="center">修改人</th>
				<th data-field="F_CreateTime" 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 class="gdxq" style="display:none;">
	<table id="itemTableList5" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
		<thead>
			<table id="gdxq_table" border="0" class="table table-bordered  table-hover " style="width: 100%;">
				<tbody class="tbodys">
					<tr>
						<th>附件：</th>
						<td colspan="3">
							<ul id="fileList" class="clearfix">
							</ul>
						</td>
						
						
					</tr>
			</table>
		</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 < 5) {
				getItemList(tabindex);
			} else if(tabindex === 4) {
				initTableLogs();
			} else if(tabindex === 5) {
				getWorkOrderDe();
			}
		});
		//如果是来电弹屏中的 工单详情不显示关闭按钮
		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>