zhengbingbing
/
XinXiangXLX_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>工单详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../../Script/Common/huayi.load.js"></script>
		<script src="../../js/mousewheel/jquery.mousewheel.js"></script>
		<script src="../../js/jquery.drag.js"></script>
		<script src="../../js/download/download.js"></script>
		<script src="../../Script/Common/huayi.config.js"></script>
		<link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link href="../../css/init.css" rel="stylesheet" />
		<link href="../css/Search.css" rel="stylesheet">
		<style>
			body {
				padding: 0 20px;
			}
			
			#gdxq_table>tbody>tr>th {
				padding: 4px;
				width: 150px;
				text-align: center;
			}
			
			#gdxq_table>tbody>tr>td {
				padding: 4px;
				width: 220px;
			}
			#thh_table>tbody>tr>th {
				padding: 4px;
				width: 150px;
				text-align: center;
				color: #000000;
			}
			
			#thh_table>tbody>tr>td {
				padding: 4px;
				width: 220px;
			}
			.bianhao1 th {
				color: #18A689;
			}
			
			.kehu1 th {
				color: #18A689;
			}
		</style>
	</head>

	<body>
		<div class="ckxq">
			<ul class="clearfix ckxq_ul">
				<li class="Active">工单详情</li>
				<li class="all">处理记录</li>
				<li class="nwx">外线记录</li>
				<li class="nwx">内线记录</li>
				<li>催办记录</li>
				<li>回访记录</li>
				<li>修改记录</li>
				<li>附件记录</li>
				<li>抄送记录</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 class="nocj">
							<th>工单编号:</th>
							<td>
								<span id="xq_gdbh"></span>
							</td>
							<th>工单来源:</th>
							<td data-formatter="order">
								<span id="xq_cjsj"></span>
							</td>
							<th>工单类型:</th>
							<td>
								<span id="xq_gdzt"></span>
							</td>
							<th>重要级别:</th>
							<td>
								<span id="lain_iunct"></span>
							</td>
						</tr>
						<tr class="iscj" style="display: none;">
							<th>工单编号:</th>
							<td>
								<span id="xq_cjgdbh"></span>
							</td>
							<th>工单类型+内容:</th>
							<td>
								<span id="xq_gdztnr"></span>
							</td>
							<th>销售基地:</th>
							<td>
								<span id="lain_citoncj"></span>
							</td>
							<th>生产单位:</th>
							<td>
								<span id="scdw_twocj"></span>
							</td>
						</tr>
						<!-- 咨询模块显示详情 -->
						<!-- 投诉模块详情显示 -->
						<tr style="display: none;" class="tousu1 nocj">
							<th>产品名称:</th>
							<td>
								<span id="lain_cuse"></span>
							</td>
							<th>销售基地:</th>
							<td>
								<span id="lain_citon"></span>
							</td>
							<th>生产单位:</th>
							<td>
								<span id="scdw_two"></span>
							</td>
							<th>责任单位:</th>
							<td>
								<span id="response"></span>
							</td>
						</tr>
						<tr style="display: none;" class="tousu1 nocj">
							<th>问题类别:</th>
							<td data-formatter="order" colspan="3">
								<span id="lain_with1"></span>
							</td>
							<th>问题数量:</th>
							<td>
								<span id="con_wtlin"></span>
							</td>
							<th>生产批次号:</th>
							<td>
								<span id="lain_kicou"></span>
							</td>
						</tr>
						<!-- 抽检模块详情显示 -->
						<tr style="display: none;" class="choujian1">
							<th>抽检级别:</th>
							<td>
								<span id="spot_jion"></span>
							</td>
							<th>抽检单位:</th>
							<td>
								<span id="spot_danei"></span>
							</td>
							<th>抽检袋数:</th>
							<td>
								<span id="spot_dihi"></span>
							</td>
							<th>抽检时间:</th>
							<td>
								<span id="spot_time"></span>
							</td>
						</tr>
						<tr class="iscj" style="display: none;">
							<th>化验单位:</th>
							<td>
								<span id="spot_unit"></span>
							</td>
							<th>公关费用:</th>
							<td>
								<span id="spot_cihicon"></span>
							</td>
							<th>快递+单号:</th>
							<td>
								<span id="OddNum_Numbers"></span>
							</td>
							<th>生产批次号:</th>
							<td>
								<span id="lain_kicoucj"></span>
							</td>
						</tr>
						<tr style="display: none;" class="choujian1 nocj">
							<th>化验单位:</th>
							<td>
								<span id="spot_unit"></span>
							</td>
							<th>公关费用:</th>
							<td>
								<span id="spot_cihicon"></span>
							</td>
							<th>邮寄单号:</th>
							<td>
								<span id="Odd_Numbers"></span>
							</td>
							<th>快递公司:</th>
							<td>
								<span id="Courier_Services"></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 colspan="3">
								<span id="xq_source"></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>
							<th>渠道类型:</th>
							<td>
								<span id="channel_type"></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 colspan="3">
								<span id="client_classify1"></span>
							</td>
							<th>品牌:</th>
							<td>
								<span id="client_lovei"></span>
							</td>
							<th>复合肥肥效:</th>
							<td>
								<span id="client_fpeiro"></span>
							</td>
						</tr>
						<tr style="display: none;" class="bianhao1">
							<th>产品线:</th>
							<td>
								<span id="client_chnpin"></span>
							</td>
							<th>工艺:</th>
							<td>
								<span id="client_goniy"></span>
							</td>
							<th>原料及厂家:</th>
							<td>
								<span id="client_ylcj"></span>
							</td>
							<th>该批次生产数:</th>
							<td>
								<span id="client_scsl"></span>
							</td>
						</tr>
						<tr>
							<th style="color: #000000;">问题描述:</th>
							<td colspan="10">
								<span id="xq_company"></span>
							</td>
						</tr>
						<!--<tr class="iscj" style="display: none;">
							<th style="color: #000000;">处理结果:</th>
							<td colspan="8">
								<span id="xq_suggestioncj"></span>
							</td>
						</tr>-->
						<!-- 客户姓名事发地模块 -->
						<tr style="display: none;" class="kehu1">
							<th class="wcs" style="color: #000000;">处理结果(外):</th>
							<td class="wcs" colspan="10">
								<span id="xq_suggestion" style="white-space: pre-line;"></span>
							</td>
						</tr>
						<tr style="display: none;" class="kehu1">
							<th class="ncs" style="color: #000000;">处理结果(内):</th>
							<td class="ncs" colspan="10">
								<span id="xq_suggestion2" style="white-space: pre-line;"></span>
							</td>
						</tr>
						<tr style="display: none;" class="kehu1 nocj">
							<th class="wcs" style="color: #000000;">问题原因:</th>
							<td class="wcs" colspan="3">
								<span id="eventres" style="white-space: pre-line;"></span>
							</td>
							<th class="tsyw" style="color: #000000;">整改计划:</th>
							<td class="tsyw" colspan="3">
								<span id="zgjh" style="white-space: pre-line;"></span>
							</td>
						</tr>
						<tr style="display: none;" class="kehu1 nocj">
							<th style="color: #000000;">是否退换货:</th>
							<td>
								<span id="istui"></span>
							</td>
							<th class="tsyw" style="color: #000000;">实收返厂数量:</th>
							<td class="tsyw">
								<span id="fhsl"></span>
							</td>
							<th class="tsyw" style="color: #000000;">返账金额:</th>
							<td class="tsyw">
								<span id="fhmoney"></span>
							</td>
							<th style="color: #000000;">超时期限:</th>
							<td>
								<span id="Work_overtime"></span>
							</td>
						</tr>
						<tr>
							<th style="color: #000000;">注解内容:</th>
							<td colspan="10">
								<span id="xq_zhujie"></span>
							</td>
						</tr>
						<tr>
							<th style="color: #000000;">回访备注:</th>
							<td colspan="10">
								<span id="hf_beizhu"></span>
							</td>
						</tr>
						<tr>
							<th style="color: #000000;">上级审批意见:</th>
							<td colspan="10">
								<span id="approval_opinions"></span>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="gdxq" style="display:none;">
				<table id="itemTableListall" 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>
							<th data-field="Timeuse" data-width="10%" data-align="center">节点用时</th>
						</tr>
					</thead>
				</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>
							<th data-field="Timeuse" data-width="10%" data-align="center">节点用时</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="gdxq" style="display:none;">
				<table id="inTableList1" 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>
							<th data-field="Timeuse" 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="10%" data-align="center">催办人</th>
							<th data-field="F_NextDept" data-width="10%" data-align="center">被催办部门</th>
							<th data-field="F_NextUser" data-width="10%" 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="center">回访详情</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="WorkOrderID" data-width="20%" data-align="center">工单编号</th>
							<th data-field="UpdateContent" data-align="center">修改内容</th>
							<th data-field="UserCode" data-width="20%" data-align="center">修改人</th>
							<th data-field="AddTime" data-width="20%" 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>
			<div class="gdxq" style="display:none;">
				<table id="itemTableList6" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-field="F_CreateUser" data-width="20%" 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="thh_table" border="0" class="table table-bordered  table-hover " style="width: 100%;">
					<tbody class="tbodys">
						<tr>
							<th>填写人:</th>
							<td>
								<span id="xq_goodsper"></span>
							</td>
							<th>填写时间:</th>
							<td>
								<span id="xq_goodstime"></span>
							</td>
							<th>电话号码:</th>
							<td colspan="4">
								<span id="xq_goodsnum"></span>
							</td>
						</tr>						
						<tr>
							<th>返厂车牌号:</th>
							<td>
								<span id="xq_goodscar"></span>
							</td>
							<th>返料费(元):</th>
							<td>
								<span id="xq_goodsfl"></span>
							</td>
							<th>装车费(元):</th>
							<td>
								<span id="xq_goodszc"></span>
							</td>
							<th>卸车费(元):</th>
							<td>
								<span id="xq_goodsxc"></span>
							</td>
						</tr>

					</tbody>
				</table>
				<table id="itemTableList7" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<thead>
						<tr>
							<th data-align="center" data-formatter="setCode">编号</th>
							<th data-field="F_MaterialCode" data-align="center">物料编码</th>
							<th data-field="F_MaterialName" data-align="center">物料名称</th>
							<th data-field="F_Formula" data-align="center">型号</th>
							<th data-field="F_Remark" data-align="center">规格</th>
							<th data-field="F_ReturnQuantity" data-align="center">实收返厂数量(吨)</th>
							<!--<th data-formatter="formatterOprateDeal" data-width="10%" data-align="center">操作</th>-->
						</tr>
					</thead>
				</table>
			</div>
		</div>
		<div>
			<input type="hidden" id="hiddenzhujie" />
			<input type="hidden" id="hiddenorderid" />
		</div>
		<script src="../../js/autosize/autosize.min.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/bootstrap-treeview/bootstrap-treeview.min.js"></script>
		<script src="../../js/zTree/jquery.ztree.core.js"></script>
		<script src="../../Script/Common/regexs.js"></script>
		<script src="../../js/webuploader/webuploader.min.js"></script>
		<script src="./js/orderDetail.js"></script>
		<script type="text/javascript">
			var table = $('#itemTableList7')

			function setCode(val, row, index) {
				var page = table.bootstrapTable("getPageCode");
				return page.pageSize * (page.pageNumber - 1) + index + 1;
			}
			//格式化操作 （待指派）
//			function formatterOprateDeal(val, row) {
//				if($.cookie('userRoleCode') == 'JDYPTZX' || $.cookie('userRoleCode') == 'JDYBZZX' || $.cookie('userRoleCode') == 'XTGLY') {
//					return '<ul class="tool_downs">' +
//						'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_editzj(\'' + row.F_Id + '\',\'' + row.F_Contents + '\',\'' + row.F_WorkOrderCode + '\')" title="编辑">编辑</a></li>' +
//						'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_delzj(\'' + row.F_Id + '\')" title="删除">删除</a></li>' +
//						'</ul>';
//				} else {
//					return '-'
//				}
//			}
			$(document).ready(function() {
				$('.nwx').show();
				$('.all').hide();
			})
			$(function() {
				// 绑定事件			
				$("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 === 1) {
						getItemListTypeall(); //外线
					} else if(tabindex === 2) {
						getItemListTypeout();
					} else if(tabindex === 3) {
						getItemListTypein(); //内线				
					} else if(tabindex === 4) {
						getItemList(tabindex)
					} else if(tabindex === 5) {
						getItemList(tabindex)
					} else if(tabindex === 6) {
						initTableLogs();
					} else if(tabindex === 7) {
						getWorkOrderDe();
					} else if(tabindex === 8) {
						getItemListSend(tabindex)
					} else if(tabindex === 9) {
						getrchangeGoods();
					}

				});
				//如果是来电弹屏中的 工单详情不显示关闭按钮
				if($('#order_details').attr('data-isCallSreen') === 'callSreenOrderDetail') {
					$(".Closed").hide();
				} else {
					$(".Closed").click(function() {
						$("#order_details").addClass("Hidens");
					});
				}
				$("ul li").eq(0).trigger("click");
			});
			$("#xq_zhujie").click(function() {
				if($.cookie('userRoleCode') != "XTGLY") {
					return;
				}
				layer.prompt({
					formType: 2,
					value: $("#hiddenzhujie").val(),
					title: '请编辑注解内容',
					area: ['500px', '200px'] //自定义文本域宽高
				}, function(value, index, elem) {
					$.ajax({
						type: "post",
						url: huayi.config.callcenter_url + 'WorkOrderNew/Annotation',
						async: true,
						dataType: "json",
						beforeSend: function() {
							loadIndex = layer.load();
						},
						data: {
							orderid: $("#hiddenorderid").val(), //	工单ID
							cont: value, //注解原因
							flag: 1,
							token: $.cookie("token")
						},
						success: function(result) {
							if(result.state.toLowerCase() == "success") {
								layer.close(loadIndex);
								$('#gdxq_table').bootstrapTable('refresh');
								$('.Closed').trigger('click');
								layer.close(index);
								getWorkOrderDetails();
								layer.msg("修改成功！");
							} else {
								layer.close(loadIndex);
							}
						}
					});
				});
			})

			function btn_editzj(oid, content, wcode) {
				layer.prompt({
					formType: 2,
					value: content,
					title: '请编辑注解原因',
					area: ['800px', '240px'] //自定义文本域宽高
				}, function(value, index, elem) {
					$.ajax({
						type: "post",
						url: huayi.config.callcenter_url + 'Annotation/AddAnnotation',
						async: true,
						dataType: "json",
						beforeSend: function() {
							loadIndex = layer.load();
						},
						data: {
							id: oid, //	工单ID
							contents: value, //注解原因
							wocodes: wcode, //工单编号
							token: $.cookie("token")
						},
						success: function(result) {
							if(result.state.toLowerCase() == "success") {
								layer.close(loadIndex);
								$('#itemTableList7').bootstrapTable('refresh');
								$('.Closed').trigger('click');
								layer.close(index);
								layer.msg("修改成功！");
							} else {
								layer.close(loadIndex);
							}
						}
					});
				});
			}

			function btn_delzj(id) {
				var idarr = [];
				idarr.push(id)
				layer.confirm('确定删除当前注解？', {
					icon: 7,
					btn: ['是', '否'] //按钮
				}, function(index) {
					/*执行删除*/
					$.ajax({
						type: "post",
						url: huayi.config.callcenter_url + "Annotation/Delete",
						dataType: 'json',
						async: true,
						beforeSend: function() {
							loadIndex = layer.load();
						},
						data: {
							ids: idarr,
							token: $.cookie("token")
						},
						success: function(data) {
							if(data.state.toLowerCase() == "success") {
								layer.close(loadIndex);
								$('#itemTableList7').bootstrapTable('refresh');
								$('.Closed').trigger('click');
								layer.close(index);
								layer.msg("删除成功！");
							} else {
								layer.close(loadIndex);
							}
						}
					});
				});
			}
		</script>

	</body>

</html>