zhengbingbing
/
XiXianDC_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							<!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" type="text/css" href="../css/feedback-page.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="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>
		<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");
			mui.previewImage();
			if(id) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'WxLogin/GetWorkOrder',
					async: true,
					data: {
						openid: helper.cookies.get("openid"),
						workorderid: id
					},
					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==0){
								$(".success").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);
							$("#F_CreateTime").text(year);
							//工单跟踪信息
/*							if(Item && Item.length>0){
								$(Item).each(function(i, n){
									var Time=n.CreateTime.substring(0, n.CreateTime.indexOf(' '));;
									$('<li class="layui-timeline-item">'+
											'<i class="layui-icon layui-timeline-axis"></i>'+
										'<div class="layui-timeline-content layui-text">'+
											'<h5 class="layui-timeline-title">'+Time+'</h5>'+
											'<h5>操作人: <span>'+n.CreateUser+'</span></h5>'+ 
											'<h5>备注消息: <span>'+n.Detail+'</span></h5>'+ 
										'</div>'+ 
										'</li>').appendTo(".layui-timeline"); 
								}); 
							}else{
								$('<h6>暂无信息。。。</h6>').appendTo(".layui-timeline");
							}*/
							//图片展示
							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="' + n.F_FileName + '" 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>