zhengbingbing
/
XiXianDC_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" href="../css/webuploader.css" />
		<link rel="stylesheet" type="text/css" href="../css/Common.css?v=0619" />
		<title>工单详情</title>
	</head>

	<body>
		<div class="hy_loading" id="hy_loading">
			<img class="loading_img" src="../images/loading-0.gif" alt="加载中" />
		</div>
		<div class="mui-content workSchedule">
			<div class="mui-card">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						工单编号：<span class="Work-id"></span>
						<span class="success fr states">待完成</span>
						<span class="finish fr states">已完成</span>
					</li>
					<li class="mui-table-view-cell Content">
						<span>反映内容：</span>
						<h5 class="Work-content"></span>
					</li>
					<li class="mui-table-view-cell">
						<ul class="mui-table-view size-14 message-box">

							<li class="work-content">
								<span>
									<i class="iconfont">&#xe658;</i>
									姓名：
								</span>
								<span id="F_CusName" class="fr"></span>
							</li>
							<li class="work-content">
								<span>
									<i class="iconfont">&#xe619;</i>
									电话：
								</span>
								<span id="F_CusPhone" class="fr"></span>
							</li>
							<li class="work-content">
								<span>
									<i class="mui-icon mui-icon-location"></i>
									地址：
								</span>
								<span id="F_country" class="fr"></span>
							</li>
							<li class="work-content">
								<span>
									<i class="mui-icon mui-icon-navigate"></i>
									信息分类：
								</span>
								<span id="F_infotype" class="fr"></span>
							</li>
							<li class="work-content">
								<span>
									<i class="iconfont">&#xe6a9;</i>
									提交时间：
								</span>
								<span id="F_CreateTime" class="fr"></span>
							</li>
						</ul>
					</li>
				</ul>
				<!--<h3 class="mui-table-view-cell" style="font-size: 14px;">工单跟踪信息</h3>
				<ul class="layui-timeline">
				</ul>-->
			</div>
			
			<div class="mui-card">
				<div class="mui-card-header">
					附件<span class="file_tips">（非图片不能预览）</span>
				</div>
				<div class="row image-list" id="image-list">
					
				</div>
			</div>
		</div>
		<div class="mui-button-row" id="Btns-box">
			<button type="button" id="submit" class="mui-btn mui-btn-primary btn_deal" onclick="return false;">处理</button>&nbsp;&nbsp;
		</div>
		<script src="../js/zepto.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/mui.zoom.js"></script> 		
		<script src="../js/mui.previewimage.js"></script>	
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
		<script>
			var id = helper.request.queryString("id");
			var isDeal = helper.request.queryString("isDeal");//是否需要处理 1需要处理 0 不需要
			mui.previewImage();
			if(id) {
				//获取工单详情
				getWorkOrder();
				//点击处理
				$('#submit').on('tap', function() {
					window.location.href = "Workdeal.html?id=" + id;
				});
			}
			
			//获取工单详情
			function getWorkOrder(){
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'WxLogin/GetWorkOrder',
					async: true,
					data: {
						workorderid: id,
						openid: helper.cookies.get("openid"),
					},
					success: function(data) {
						if(document.getElementById('hy_loading')){
							document.getElementById('hy_loading').style.opacity = 0;
							document.getElementById('hy_loading').remove();
						}
						var con = JSON.parse(data);
						if(con.state.toLowerCase() == "success"){
							var Str = con.data.data;
							var Item=con.data.item;						
							if(Str[0].State < 2){//0,1 待完成  2已完成
								$(".success").show();
								if(isDeal === "1"){
									$('#submit').show();
								}
							}else{
								$(".finish").show()
							}
							var year=Str[0].CreateTime.substring(0, Str[0].CreateTime.indexOf(' ')); 
							$(".Work-id").text(Str[0].WorkOrderID);
							$(".Work-content").text(Str[0].Detail);
							$("#F_CusName").text(Str[0].Customer);
							$("#F_CusPhone").text(Str[0].CustomerTel);
							if(Str[0].CountryName === null && Str[0].County === ''){
								$("#F_country").text("——");//地址
							}else{
								Str[0].CountryName = Str[0].CountryName === null ? '' : Str[0].CountryName;
								$("#F_country").text(Str[0].CountryName + Str[0].Address);//地址
							}
							if(Str[0].InfoTypeID === null){
								Str[0].InfoType = "——";
							}
							$("#F_infotype").text(Str[0].InfoType);//信息分类
							$("#F_CreateTime").text(year);
							//图片展示
							var Files = Str[0].File; 
							if(Files && Files.length > 0){ 
								var $list = $("#image-list");
								var $li;
								$(Files).each(function(i, n) {
									if(n.F_FileType.split('/')[0] === 'image'){
										$li = $(
											'<div id="' + n.F_FileId + '" class="file-item thumbnail">' +
											'<img src="' + n.F_FileUrl + '" alt="图片" class="image-item" data-preview-src="' + n.F_FileUrl + '" data-preview-group="1">' +
											'<div class="info">' + n.F_FileName + '</div>' +
											'</div>'
										);
									}else{
										$li = $(
											'<div id="' + n.F_FileId + '" class="file-item thumbnail">' +
											'<span class="noThumb mui-icon mui-icon-paperclip"></span>'+
											'<div class="info">' + n.F_FileName + '</div>' +
											'</div>'
										);
									}
									$list.prepend($li);
								}); 
							}else{
								$('#image-list').html('<span class="mui-h5">暂无数据</span>');
							}
							
						}
						
					} 
				});
			}
			</script>
	</body>

</html>