miaofuhao
/
yiheRepair


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538
							<!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="../../Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="../../css/templateHtmlCss/seeProjectDetail.css" />
		<style>
			.project_info {
				padding: 10px 0 0 0!important;
			}
			
			.project_info li {
				margin-top: 20px!important;
				margin-bottom: 0!important;
			}
			
			table td b {
				color: #333;
				/*font-size: 13px;*/
			}
			
			.btn-label {
				display: inline-block;
				text-align: center!important;
				padding: 7px;
			}
			
			.thumbnail {
				margin: 0 10px 10px;
				padding: 4px;
				float: left;
				width: 30%;
				height: 200px;
				background-color: #fff;
				border: 1px solid #ddd;
				border-radius: 4px;
				position: relative;
				cursor: pointer;
			}
			
			.thumbnail img {
				width: 100%;
				height: 100%;
			}
			
			.thumbnail .info {
				position: absolute;
				left: 4px;
				bottom: 4px;
				right: 4px;
				height: 35px;
				line-height: 35px;
				text-indent: 5px;
				background: rgba(0, 0, 0, 0.6);
				color: white;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-size: 12px;
				z-index: 10;
				display: none;
			}
			
			.thumbnail:hover .info {
				display: block;
			}
			
			.image-list {
				display: inline-block;
			}
			
			.image-list .thumbnail {
				/*width: 100%;
				height: 50px;*/
				width: initial;
				height: initial;
				padding: 0;
				margin: 0 5px 5px;
				border: 0;
			}
			
			.image-list .thumbnail .info {
				height: 20px;
				line-height: 20px;
				left: 0;
				bottom: 0;
				width: 100%;
			}
		</style>
	</head>

	<body>
		<div class="container project_detail">
			<div class="row">
				<!--<div class="col-md-3">
					<div class="project_image">
						<img src="" alt="项目图片" id="project_img">
					</div>
				</div>-->
				<div class="col-md-12 project_detail_right">
					<h3 id="project_detail_title">-</h3>
					<ul class="project_info clearfix">
						<li>
							<span>渠道来源：</span>
							<span id="pro_channel">-</span>
						</li>
						<!--<li>
							<span>地址：</span>
							<span id="pro_location">-</span>
						</li>-->
						<li>
							<span>项目名称：</span>
							<span id="project_name">-</span>
						</li>
						<li>
							<span>项目类型：</span>
							<span id="project_type">-</span>
						</li>

						<li class="sysnameLi">
							<span>系统名称：</span>
							<span id="sysname">-</span>
						</li>
						<!--<li class="project_info_prices">-->
						<li class="equipnameLi">
							<span>设备名称：</span>
							<span id="equipname">-</span>
						</li>
						<!--<li>
							<span>故障类型：</span>
							<span id="faulttype">-</span>
						</li>-->
						<li>
							<span>工单状态：</span>
							<span id="orderState">-</span>
						</li>
					</ul>
				</div>
			</div>
			<hr/>
			<div class="detail-content-condition">
				<ul class="clearfix">
					<li>报修人：<span id="repairman"></span></li>
					<li>联系方式：<span id="contactway"></span></li>
					<li>报修时间：<span id="repairtime"></span></li>
					<li>报修地点：<span id="repairreplace"></span></li>
					<!--<li>抢单时间：<span id="grabtime"></span></li>
					<li>到场时间：<span id="arrivaltime"></span></li>
					<li>完成时间：<span id="finishtime"></span></li>-->
				</ul>
			</div>
			<div class="detail-content-tabs" id="detail-content-tabs">

				<ul class="tab-head clearfix tabFirst">
					<li class="tab-head-active">
						工单详情
					</li>
					<li>
						工单流程
					</li>
					<li id="pj">
						评价信息
					</li>
					<li>
						派单记录
					</li>
					<li>
						处理记录
					</li>
				</ul>

				<div class="tab-contents">
					<div class="tabs-details showtabs" id="">
						<p class="words-title"></p>
						<div class="words-content" id="project_detail_content">
							<table class="table table-bordered">
								<tr>
								
								<td width="100"><b>工单编号</b></td>
									<td class="model_wocode"></td>
									<td width="100"><b>通话标志ID</b></td>
									<td class="model_callid"></td>
								</tr>
								<tr>
									<td>
										<b>渠道来源</b>
									</td>
									<td class="model_channel">

									</td>
									<td>
										<b>省市</b>
									</td>
									<td class="model_province">

									</td>
								</tr>
								<tr>
									<td>
										<b>项目名称</b>
									</td>
									<td class="model_proname">

									</td>
									<td>
										<b>项目类型</b>
									</td>
									<td class="model_protype">

									</td>
								</tr>
								<tr>
									<td>
										<b>报修地点</b>
									</td>
									<td class="model_repairreplace" colspan="3">

									</td>

								</tr>
								<tr>
									<td>
										<b>报修时间</b>
									</td>
									<td class="model_repairtime">

									</td>
									<td>
										<b>报修人</b>
									</td>
									<td class="model_repairman">

									</td>
								</tr>
								<tr>
									<td>
										<b>联系方式</b>
									</td>
									<td class="model_contactway">

									</td>
									<!--<td>
										<b>系统名称</b>
									</td>
									<td class="model_sysname">

									</td>-->

									<td>
										<b>工单状态</b>
									</td>
									<td class="model_wostate">

									</td>

								</tr>
								<!--<tr>
									<td>
										<b>设备名称</b>
									</td>
									<td class="model_equipname">

									</td>
									<td>
										<b>故障类型</b>
									</td>
									<td class="model_faulttype">

									</td>
								</tr>-->
								<tr>
									<td>
										<b>故障说明</b>
									</td>
									<td class="model_faultdescripe" colspan="3">

									</td>
								</tr>

								<!--<tr>
									<td>
										<b>预约时间</b>
									</td>
									<td class="model_appointtime">

									</td>
									<td>
										<b>允许延迟</b>
									</td>
									<td class="model_perdelay">

									</td>
								</tr>-->
								<!--<tr>
									<td>
										<b>延迟后时间</b>
									</td>
									<td class="model_perdelaytime">

									</td>
									<td>
										<b>提交人</b>
									</td>
									<td class="model_createby">

									</td>
								</tr>-->
								<!--<tr>
									<td>
										<b>提交时间</b>
									</td>
									<td class="model_createtime">

									</td>
									<td>
										<b>是否指定维修人</b>
									</td>
									<td class="model_isappoint">

									</td>
								</tr>-->
								<!--<tr>
									<td>
										<b>指定维修人</b>
									</td>
									<td class="model_appointman">

									</td>
									<td>
										<b>	是否抢单</b>
									</td>
									<td class="model_isgrab">

									</td>
								</tr>-->
								<!--<tr>
									<td>
										<b>抢单人</b>
									</td>
									<td class="model_grabman">

									</td>
									<td>
										<b>	抢单时间</b>
									</td>
									<td class="model_grabtime">

									</td>
								</tr>-->
								<!--<tr>
									<td>
										<b>维修班组</b>
									</td>
									<td class="model_serviceteam">

									</td>
									<td>
										<b>	维修人</b>
									</td>
									<td class="model_serviceman">

									</td>
								</tr>-->
								<!--<tr>
									<td>
										<b>到场时间</b>
									</td>
									<td class="model_arrivaltime">

									</td>
									<td>
										<b>	完成时间</b>
									</td>
									<td class="model_finishtime">

									</td>
								</tr>-->
								<!--<tr>
									<td>
										<b>是否使用耗材</b>
									</td>
									<td class="model_isusematerial">

									</td>
									<td>
										<b>	耗材信息</b>
									</td>
									<td class="model_material">

									</td>
								</tr>-->
								<!--<tr>
									<td>
										<b>故障说明</b>
									</td>
									<td class="model_exceptiondes" colspan="3">

									</td>
								</tr>-->

							</table>
						</div>
						<ul class="tab-head clearfix tabThird">
							<li class="tab-head-active">
								故障图片
							</li>
							<!--<li>
								到场照片
							</li>
							<li>
								处理完成照片
							</li>-->
						</ul>
						<div class="third_tabCon">

							<div class="tabs-details showtabs">
								<div class="image-list0">
								</div>

							</div>
							<!--<div class="tabs-details">
								<div class="image-list1">
								</div>
							</div>-->
							<div class="tabs-details">
								<div class="image-list2">
								</div>
							</div>

						</div>

					</div>
					<div class="tabs-details" id="">
						<p class="words-title"></p>
						<div class="words-content">
							<table class="table table-bordered items">
								<thead>
									<tr>
										<!--<th>操作人</th>-->
										<th>操作内容</th>
										<!--<th>被转派人</th>-->
										<th width="150">处理时间</th>
									</tr>
								</thead>
								<tbody>

								</tbody>

							</table>

						</div>
					</div>
					<div class="tabs-details" id="">
						<p class="words-title"></p>
						<div class="words-content">
							<table class="table table-bordered evaluate">
								<thead>
									<tr>
										<!--<th>工单ID</th>-->
										<th width="50" class="text-center">评分</th>
										<th>评价内容</th>
										<th width="100" class="text-center">标签</th>
										<th width="100" class="text-center">提交人</th>
										<th width="150" class="text-center">提交时间</th>
									</tr>
								</thead>
								<tbody>

								</tbody>

							</table>

						</div>
					</div>
					<div class="tabs-details" id="">
						<p class="words-title"></p>
						<div class="words-content">
							<table class="table table-bordered sends">
								<thead>
									<tr>
										<!--<th>工单ID</th>-->
										<th width="70" class="text-center">操作人</th>
										<th width="70" class="text-center">接单人</th>
										<th width="45" class="text-center">类型</th>
										<th>说明</th>
										<th width="130" class="text-center">用时</th>
										<th width="150" class="text-center">处理时间</th>
										<th width="150" class="text-center">派单时间</th>
									</tr>
								</thead>
								<tbody>

								</tbody>

							</table>

						</div>
					</div>
					<div class="tabs-details" id="">
						<p class="words-title"></p>
						<div class="words-content">
							<table class="table table-bordered deals">
								<thead>
									<tr>
										<!--<th style="min-width:80px" class="text-center">工单状态</th>-->
										<!--<th style="min-width:150px" class="text-center">是否使用耗材</th>-->
										<th style="min-width:200px" class="text-center">使用耗材信息</th>
										<!--<th style="min-width:150px" class="text-center">是否缺少耗材</th>-->
										<th style="min-width:200px" class="text-center">缺少耗材信息</th>
										<th style="min-width:150px">异常说明</th>
										<th style="min-width:65px" class="text-center">处理人</th>
										<th style="min-width:150px" class="text-center">处理时间</th>
										<th style="min-width:130px" class="text-center">处理完成前照片</th>
										<th style="min-width:130px" class="text-center">处理完成后照片</th>
									</tr>
								</thead>
								<tbody>
								</tbody>

							</table>

						</div>
					</div>

				</div>
			</div>
		</div>
		<script src="../../js/mousewheel/jquery.mousewheel.min.js"></script>
		<script src="../../js/drag/jquery.drag.js"></script>
		<script src="../js/seeEquipmentRepair.js?v=201904151454"></script>

	</body>

</html>