<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
		 <%@include file="../../../frame/assets/header-all.jsp"%>
		<script type="text/javascript" src="ywacceptworkorder.js"></script>
		 <style type="text/css">
		 li{margin: 0 30px;font-size: 13px;}
		 table{border:1px solid #e6e6e6;width:100%;}
		 tr{height:30px;}
		 tr,td{border:1px solid #ddd;text-align:center;}
		 tr td:nth-child(odd){background-color:#eeeeee;text-align:center;width:16%;color:black;}
		 tr td:nth-child(even){color:black;}
		 .textbox {margin:0 !important;}
		 span.textbox:hover, span.combo:hover{border:0 !important;text-align: center;}
		  span.textbox{border:0 !important;}
		  .textbox-text{text-align:center !important;}
		  *{box-shadow:0px 0px 0px rgba(0, 0, 0, 0.075) !important;}
		  
		  .combo-arrow{
/* 	   		    border-width: 8px 8px 0;
			    margin-top: 11px;
			    border-style: solid;
			    background: none !important;
			    border-color: #c1c1c1 transparent transparent transparent;  */
		}
		#_easyui_textbox_input12{background-color:#fff;}
		.combo-panel{
				width: 130px  !important;
				text-align:center !important;
		}
		.textbox-addon{
			right:4px !important;
		}
		#pic{
				width: auto;
			    height: auto;
			    position: absolute;
			    top: 8%;
			    left: 18%;
			    z-index: 1;
			}
		 </style>
		 <script type="text/javascript">
		 	$(function(){
		 /* 		var state=2;
		 		$("#chuliState li").find("span:eq(0)").css("backgroundColor",'red');
		 		$("#chuliState li").find("span:eq(1)").css("color",'red');
		 		
		 		$("#chuliState li").each(function(index,val){
			 		if(state==index){
			 			return false;
			 		}
		 			$(this).find("span:eq(0)").css("backgroundColor",'green');
			 		$(this).find("span:eq(1)").css("color",'green');
		 		}); */
		 		
		 	});
		 </script>
	</head>
	<body> 	 	
	</body>
	<div style="padding:0 15px;overflow:hidden;">
		<div style="line-height:36px;height:36px;">
			<ul style="display:flex;justify-content: space-between;">
				<li style="margin-left:0 !important;">工单编号：<span id="jobnum" style="color:#67c23a;"></span></li>
				<!-- <li>故障类型：<span style="color:#a0d6a1;">相机异常</span></li> -->
				<li>告警等级：<span id="alarmgradename" style="color:#67c23a;">-</span></li>
				<li>处理状态：<span style="color:#67c23a;">待受理</span></li>
			</ul>
		</div>
		
		
		<div id="pic" style="display:none;">
			<img alt="" src="" style="width: 600px">
		</div>
		
		<div>
		    	<table cellpadding="0"  cellspacing="0">
		    		<!-- <tr>
		    			<td style="background-color:#dcdcdc;" colspan="6">	<label for="title">工单标题</label></td>
		    			<td colspan="5"></td>
		    		</tr>
		    		<tr>
		    			<td>提交人:</td>
		    			<td><span>admin</span></td>
		    			<td>提交人编号:</td>
		    			<td><span>001</span></td>
		    			<td>提交人联系电话:</td>
		    			<td><span>13690340343</span></td>
		    		</tr>
		    		<tr>
		    			<td>提交人单位:</td>
		    			<td><span>杭州十元</span></td>
		    			<td>提交人部门:</td>
		    			<td><span>维保部门</span></td>
		    			<td>提交人邮箱:</td>
		    			<td><span>12312421@qq.com</span></td>
		    		</tr>
		    		<tr>
		    			<td>所属辖区:</td>
		    			<td><span>滨江区</span></td>
		    			<td>Message:</td>
		    			<td><span>高</span></td>
		    			<td>Message:</td>
		    			<td><span>2011-10-23</span></td>
		    		</tr> -->
		    		<tr>
		    			<td colspan="6" style="background-color:#dcdcdc;">故障详情描述</td>
		    		</tr>
		    		<tr>
		    			<td>故障设备类型:</td>
		    			<td><span id="faultdevicetypename"></span></td>
		    			<td>故障设备名称:</td>
		    			<td><span id="faultdevicename"></span></td>
		    			<td>故障设备编号:</td>
		    			<td><span id="faultdeviceid"></span></td>
		    		</tr>
		    		<tr>
		    			<td>故障发生时间:</td>
		    			<td><span id="faultoccurtime"></span></td>
		    			<td>故障类型:</td>
		    			<td><span id="faulttype"></span></td>
		    			<td>工单上报单位:</td>
		    			<td><span id="jobreportcompanyname"></span></td>
		    		</tr>
		    		<tr>
		    			<td>工单上报人:</td>
		    			<td><span id="jobreportpeople"></span></td>
		    			<td>上报人电话:</td>
		    			<td><span id="jobreportphone"></span></td>
		    			<td>上报时间:</td>
		    			<td><span id="jobreporttime"></span></td>
		    		</tr>
		    		<tr>
		    			<td >故障描述</td>
		    			<td colspan="5" ><span id="faultdescription" ></span><!-- <span  style="float:right;display:inline-block;width:100px;height:24px;background-color:#59b559;color:white;line-height:24px;">相关知识点</span> --></td>
		    		</tr>
		    		<tr>
		    			<td >故障图片</td>
		    			<td colspan="5">
		    				<a><span id="faultpictureurl"></span></a>
		    				<!-- <span style="float:right;display:inline-block;width:45px;height:24px;background-color:#59b559;color:white;line-height:24px;"  onclick="showPic(this)">查看</span> -->
		    			</td>
		    		</tr>
		    		<tr>
		    			<td colspan="6"  style="background-color:#dcdcdc;">工单进度信息</td>
		    		</tr>
		    		<tr>
		    			<td>处理阶段:</td>
		    			<td colspan="5">
		    			<ul style="display:flex;'" id="chuliState">
							<li style="position:relative;padding-left:22px;"><span style="font-size:12px;background-color:#67c23a;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:14px;text-align:center;color:white;">1</span><span style="color:#67c23a;">工单上报</span><span  class="qiantou"  style="height: 26px;width: 39px;border-radius: 12px; display: block;position: absolute;top: -8px;right: -53px; line-height: 12px;text-align: center;color: green;font-weight: bolder;font-size: 16px;background: url(../../common/images/jt-green.png) no-repeat;"></span></li>
		    				<li style="position:relative;padding-left:22px;"><span style="font-size:12px;background-color:#67c23a;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:14px;text-align:center;color:white;">2</span><span style="color:#67c23a;">工单受理</span><span  class="qiantou"  style="height: 26px;width: 39px;border-radius: 12px; display: block;position: absolute;top: -6px;right: -53px; line-height: 12px;text-align: center;color: green;font-weight: bolder;font-size: 16px;background: url(../../common/images/jt-gray.png) no-repeat;"></span></li>
		    				<li style="position:relative;padding-left:22px;"><span style="font-size:12px;background-color:gray;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:14px;text-align:center;color:white;'">3</span><span style="color:gray;">工单反馈</span><span  class="qiantou"  style="height: 26px;width: 39px;border-radius: 12px; display: block;position: absolute;top: -6px;right: -53px; line-height: 12px;text-align: center;color: green;font-weight: bolder;font-size: 16px;background: url(../../common/images/jt-gray.png) no-repeat;"></span></li>
		    				<li style="position:relative;padding-left:22px;"><span style="font-size:12px;background-color:gray;height:14px;width:14px;border-radius:14px;display:block;position:absolute;top:0;left:0;line-height:14px;text-align:center;color:white;'">4</span><span style="color:gray;">工单维保确认</span></li>		    			</ul>
		    			</td>
		    		</tr>
		    		<tr>
		    			<td>是否挂起:</td>
		    			<td>
		    				<input id="ishangup" class="easyui-combobox"  data-options="valueField:'id', textField:'text'">
		    			</td>
		    			<td>是否驳回:</td>
		    			<td>
		    				<input id="isreject" class="easyui-combobox" data-options="valueField:'id', textField:'text',panelHeight:'auto'">
						</td>
		    			<td>工单受理时间:</td>
		    			<td >
		    				<input id="jobaccepttime" class="easyui-datetimebox"  data-options="validType:'length[0,20]'">
		    			</td>
		    		</tr>
		    		<tr id="hangupTR" >
		    			<td>挂起人</td>
		    			<td>
		    				<!-- <input id="hanguppeople" style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;">
		    				<input id="hangupcompany" type="hidden" value=""> -->
		    				<span id="hanguppeople"></span>
		    			</td>
		    			<td>挂起时间</td>
		    			<td>
		    				<input id="hanguptime" class="easyui-datetimebox"  data-options="validType:'length[0,20]'">
		    			</td>
		    			<td>挂起原因:</td>
		    			<td>
			    			<input id="hangupcause" style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"  >
		    			</td>
		    		</tr>
		    		<tr id="unhangupTR">
		    			<td>取消挂起人</td>
		    			<td>
		    				<!-- <input id="unhanguppeople" style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"> -->
		    				<span id="unhanguppeople"></span>
		    			</td>
		    			<td>取消挂起人单位</td>
		    			<td>
		    				<!-- <input id="unhangupcompany" style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"> -->
		    				<span id="unhangupcompany"></span>
		    			</td>
		    			<td>取消挂起时间</td>
		    			<td>
		    				<input id="unhanguptime" class="easyui-datetimebox"  data-options="validType:'length[0,20]'">
		    			</td>
		    		</tr>
		    		<tr id="rejectTR" >
		    			<td>驳回原因:</td>
		    			<td colspan="5">
			    				<input id="rejectcause" class=""  style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"  >
		    			</td>
		    		</tr> 
		    		<tr id="feedbackTR">
		    			<td>接收人单位:</td>
		    			<td>
							<input class="easyui-combobox" id="feedbackcompany" data-options="valueField:'id', textField:'text',panelHeight:'auto'">
		    			</td>
		    			<td>工单接收人:</td>
		    			<td>
							<input disabled class="easyui-combobox" id="feedbackpeople" data-options="valueField:'id', textField:'text',panelHeight:'auto'">
		    			</td>
		    			<td>接收人联系方式:</td>
		    			<td><span id="feedbackphone"></span></td>
		    		</tr>
		    		
		    		<tr id="infoTR">
		    			<td>工单受理描述:</td>
		    			<td colspan="3"><input id="faultacceptinfo" value=""  style="width: 100%;padding: 0 10px;font-size: 12px;border: 0; text-align: center;"></td>
		    			<td>要求完成时间:</td>
		    			<td>
			    			<input  id="requirefinishtime" class="easyui-datetimebox"  data-options="validType:'length[0,20]'">
		    			</td>
		    		</tr>
		    	</table>
		</div>
	</div>
</html>	
