zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
		<meta name="full-screen" content="yes">
		<meta name="x5-fullscreen" content="true">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/inits.css" />
		<link rel="stylesheet" type="text/css" href="../css/GoodsDelivery.css" />
		<link rel="stylesheet" href="../css/deliveryOrderDetail.css" />
		<title>工单详情</title>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="z-index: 15;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">工单详情</h1>
		</header>
		<div class="mui-content">

			<div class="content">
				<!--工单详情-->
				<div class="evaluate-center">
					<!--<div class="remind">
						<i class="wlcar"></i>
						<span>您的前面还有<span class="count">0</span>条工单待维修，请耐心等待</span>
						<i class="iconfont fr guanbi">&#xe8b6;</i>
					</div>-->
					<h5 class='mui-h5 Servelist'>
						<i class="wlcar"></i>
                    <span>工单跟踪记录</span>
                </h5>
					<div class="ServeContent">
						<!--<!-工单进度-->
						<div class="layui-content">
							<ul class="layui-timeline order_progress">
								<!--<li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe643;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title"> <span style="margin-right:10px;color: #0099ff;">报修</span> </h3>
                                    <p>2017年8月15日 12:20:56</p>
                                    <p>
                                        张一山通过微信报修
                                    </p>
                                </div>
                           </li>-->
							</ul>
							<div style="padding: 10px;" class="btn-grop">
								<div style="width: 80%;margin: 0 auto;overflow: hidden;" class="btn-gropbox">
									<!--<button type="button" class="mui-btn fl  mui-btn-outlined " style="margin-right: 20px;" id="Back">立即返回</button>-->
									<!--<button type="button" id="ND_contact" class="mui-btn fr mui-btn-warning mui-btn-outlined click_btn">联系电梯岗</button>-->
									<button type="button" id="ND_cearl" class="mui-btn fl mui-btn-primary mui-btn-outlined click_btn">取消工单</button>
									<a href="#applyShow" type="button" id="ND_apply" class="mui-btn fl mui-btn-primary mui-btn-outlined click_btn">申请取消工单</a>
									<a  type="button" id="ND_tips" class="mui-btn fl mui-btn-primary mui-btn-outlined click_btn"> 正在申请取消工单...</a>
									<!--<a href="#picture" class="mui-btn mui-btn-primary mui-btn-block mui-btn-outlined" style="padding: 5px 20px;">评价工单</a>-->
									<a href="#picture" id="ND_PJ" class="mui-btn mui-btn-primary fr mui-btn-outlined click_btn" style="font-size: 14px;">评价工单</a>
								</div>
							</div>
						</div>
						<!--评价弹出-->
						<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
							<div style="background-color: #fff; margin-bottom: -7px;">
								<ul class="mui-table-view">
									<!--基本信息-->
									<li class="mui-table-view-cell">
										<div class="mui-table">
											<div class="mui-table-cell mui-col-xs-8">
												<!--<img class="mui-media-object mui-pull-left" src="../img/logo.png">-->
												<h5 class="serviceman size-16"></h5>
											</div>
											<div class="mui-table-cell mui-col-xs-4 mui-text-right">
												<span class="mui-h5 settime"></span>
											</div>
										</div>
									</li>
								</ul>
								<!--评分-->
								<div class="mui-content-padded mui-text-center PJ-Start">
									<div class="evaluate_world">
										<p class="mui-inline">
											差
										</p>
										<p class="mui-inline">
											不满意
										</p>
										<p class="mui-inline">
											一般
										</p>
										<p class="mui-inline">
											满意
										</p>
										<p class="mui-inline">
											很满意
										</p>
									</div>
									<div class="icons">
										<i data-index="1" class="mui-icon mui-icon-star-filled"></i>
										<i data-index="2" class="mui-icon mui-icon-star-filled"></i>
										<i data-index="3" class="mui-icon mui-icon-star-filled"></i>
										<i data-index="4" class="mui-icon mui-icon-star-filled"></i>
										<i data-index="5" class="mui-icon mui-icon-star-filled"></i>
									</div>
								</div>
								<!--意见-->
								<div class="mui-input-row PJ_text">
									<textarea id="textarea" rows="" placeholder="请及时进行评价以免影响您的下次使用，谢谢配合"></textarea>
								</div>
								<!--<div class="mui-input-row PJ_text">
									<input type="text" id="times" placeholder="维修工到场时间" readonly="readonly" />
								</div>-->
								<!--选项-->
								<div class="mui-input-row PJ_chose">
									<ul>
										<li>
											<p index="配送及时">配送及时
												<i class="mui-icon mui-icon-checkmarkempty"></i>
											</p>
										</li>
										<li style="float: right;">
											<p index="态度特别棒">
												态度特别棒
												<i class="mui-icon mui-icon-checkmarkempty"></i>
											</p>
										</li>
										<li>
											<p index="服务专业">服务专业
												<i class="mui-icon mui-icon-checkmarkempty"></i>
											</p>
										</li>
										<li style="float: right;">
											<p index="配送员很用心">配送员很用心
												<i class="mui-icon mui-icon-checkmarkempty"></i>
											</p>
										</li>
									</ul>
								</div>
								<!--按钮-->
								<div style="padding: 10px;padding-bottom: 50px;" class="btn-grop mui-text-center">
									<div style="width: 80%;margin: 0 auto;">
										<button type="button" id="Back_" class="mui-btn mui-btn-outlined" style="margin-right: 20px;">取消</button>
										<button type="button" id="HY_add" data-loading-text="评价中" class="mui-btn mui-btn-primary mui-btn-outlined ">评价</button>
									</div>
								</div>
							</div>
						</div>
						<!--申请取消弹出-->
						<div id="applyShow" class="mui-popover mui-popover-action mui-popover-bottom">
							<div style="background-color: #fff; margin-bottom: -7px;">
								<!--意见-->
								<div class="mui-input-row" style="width: 85%; margin: 0 auto; padding-top: 10px;">
									<textarea id="apply_text" rows="" placeholder="请输入取消申请理由"></textarea>
								</div>
								<!--按钮-->
								<div style="padding: 10px;padding-bottom: 50px;" class="btn-grop mui-text-center">
									<div style="width: 80%;margin: 0 auto;">
										<button type="button" id="Back_apply" class="mui-btn mui-btn-outlined" style="margin-right: 20px;">取消</button>
										<button type="button" id="HY_apply" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-outlined ">提交</button>
									</div>
								</div>
								
							</div>
						</div>

					</div>
				</div>
				<div class="mui-card detailCard ">
					<ul class="mui-table-view addressMsg addressMsg_ss" index-val="">
						<li class="mui-table-view-cell openpov_s">
							<p>
								<i class="getIcon sendIcon">发</i>
								<span class="buildFloor"></span>
							</p>
							<p>
								<i class="getIcon getIcon-plus mui-icon mui-icon-plusempty"></i>
								<span class="department"></span>
							</p>
							<p>
								<i class="getIcon peoples_icon"></i>
								<span class="contact"></span>
							</p>
						</li>
					</ul>
				</div>

				<div class="mui-card detailCard">
					<ul class="mui-table-view" id="goGoodsList">
						<li class="mui-table-view-cell">
							<!--<a class="mui-navigate-right">-->
							<i class="goodsIcon"></i>已选择配送物品
							<!--</a>-->
						</li>
					</ul>
					<ul class="mui-table-view sureGoods">
						<!--<li class="mui-table-view-cell goodsClass">
						<div class="mui-input-row">
							<label>医疗病历</label>
							 <span class="goodCounts fr">X 15</span>
						</div>
						<p class="tips"><i class="tipsIcon"></i>要求鞋带保温箱</p>
					</li>-->
					</ul>
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<!--<a class="mui-navigate-right">-->
							<i class="alarmIcon"></i>紧急配送物品
							<!--</a>-->
							<button class="fr emergent">
						
						</button>
						</li>
					</ul>
				</div>

				<div class="mui-card detailCard ">
					<ul class="mui-table-view addressMsg addressMsg_rr" index-val="">
						<li class="mui-table-view-cell openpov_s">
							<p>
								<i class="getIcon">收</i>
								<span class="buildFloor"></span>
							</p>
							<p>
								<i class="getIcon getIcon-plus mui-icon mui-icon-plusempty"></i>
								<span class="department"></span>
							</p>
							<p>
								<i class="getIcon peoples_icon"></i>
								<span class="contact"></span>
							</p>
						</li>
					</ul>
				</div>
				<div class="mui-card detailCard">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell" id="remarks">
						</li>
					</ul>

				</div>
				<div class="mui-card detailCard">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							订单编号：<span id="order_code"></span>
						</li>
						<li class="mui-table-view-cell">
							订单时间：<span id="order_time"></span>
						</li>
					</ul>
				</div>
				<div class="mui-card detailCard" id="exceptionDetail" style="display: none;">
					<!--<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<div class="mui-input-row">
								<label class="label">故障说明：</label>
								<span class="ND_faultdescripe" id="ND_faultdescripe">故障说明故障说明故障说明故障说明故障说明</span>
							</div>
						</li>
						<li class="mui-table-view-cell pic" style="display:none;">
							<div class="mui-input-row">
								<label class="label">故障图片：</label>
							</div>
						</li>
						<li class="mui-table-view-cell pic" style="display:none;">
							<div class="mui-input-row">
								<div class="image-list faultpic">
									<ul class="fl_"></ul>
								</div>
							</div>
						</li>
					</ul>-->

				</div>
				<div class="mui-card detailCard" id="offenceDetail" style="display: none;">
					<!--<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<div class="mui-input-row">
								<label class="label">工单类型：</label>
								<span class="ND_faultdescripe">故障说明故障说明故障说明故障说明故障说明</span>
							</div>
						</li>
					</ul>-->

				</div>

				<!--评价记录-->
				<div class="evaluate-box">
					<div class="">
						<h5 class='mui-h5 Servelist'>
						<i class="evalIcon"></i>
                        <span>用户评价</span>
                    </h5>
					</div>
					<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed evaluatelist"></ul>
				</div>
				<input type="hidden" id="woid" />
				<input type="hidden" id="wocode" />
			</div>
		</div>
		<script src="../js/jquery.min.js?1.1"></script>
		<script src="../js/zepto.js?1.1"></script>
		<script src="../js/mui.min.js?1.1"></script>
		<script src="../js/mui.picker.min.js?1.1"></script>
		<script src="../js/mui.zoom.js?1.1"></script>
		<script src="../js/mui.previewimage.js?1.1"></script>
		<script src="../Script/Common/huayi.config.js?1.1"></script>
		<script src="../Script/Common/huayi.http.js?1.1"></script>
		<script>
			function getFormatDate(obj) {
				var nowDate = new Date();
				var year = nowDate.getFullYear();
				var month = nowDate.getMonth() + 1 < 10 ? "0" + (nowDate.getMonth() + 1) : nowDate.getMonth() + 1;
				var date = nowDate.getDate() < 10 ? "0" + nowDate.getDate() : nowDate.getDate();
				obj.text(year + "-" + month + "-" + date);
			}
			mui.previewImage();
			mui.back = function() {
				window.location.href = "../html/WorkSeach.html?r=" + Math.random()
			}
			$(document).ready(function() {
				var id = helper.request.queryString("id");
				//				var id = '5c275aec20861559ba8e824e';
				//详情
				if(id) {
					bind(id);
					getFormatDate($(".settime"));
				}

				$(".guanbi").on('tap', function() {
					$(".remind").hide();
				})
				//选择评论标签事件 
				$(".PJ_chose p").on('tap', function() {
					if($(this).is('.check')) {
						$(this).removeClass('check')
					} else {
						$(this).addClass('check');
					}

				})
				//提交评价
				$("#HY_add").on('tap', function() {
					var that = this;
					var Arr = [];
					$('.check').each(function(i, n) {
						var a = $(this).attr('index');
						Arr.push(a);
					})
					var Star = $(".mui-icon-star-filled").length;

					if(Star == 0) {
						mui.alert('请选择星级！');
						return;
					}
					//					if(!$("#times").val()) {
					//						mui.alert('请选择到场时间！');
					//						return;
					//					}

					$.ajax({
						type: "post",
						url: huayi.config.callcenter_url + 'distributionapi/api/DistriWorkOrder/evaluate',
						async: true,
						dataType: 'json',
						beforeSend: function() {
							mui(that).button('loading');
						},
						data: {
							id: $("#woid").val(),
							wocode: $("#wocode").val(),
							channel: 4,
							evaluate: $("#textarea").val(),
							star: Star,
							label: Arr
							//							arrivetime: $("#times").val(),
						},
						success: function(data) {
							mui(that).button('reset');
							if(data.state == "success") {
								mui.alert('评价成功');
								window.location.replace(window.location);
							}
						},
						error: function(textStatus) {
							mui(that).button('reset');
							mui.toast('网络繁忙，请稍后再试...');
						},
						complete: function(XMLHttpRequest, textStatus) {
							mui(that).button('reset');
							if(textStatus == 'timeout') {
								var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
								xmlhttp.abort();
								mui.toast('网络超时，请稍后再试...');
							}
						},
					});
				});
				//申请取消工单
				$("#HY_apply").on('tap',function(){
					var that = this;
					$.ajax({
						type: "post",
						url: huayi.config.callcenter_url + 'distributionapi/api/DistriWorkOrder/apply',
						async: true,
						dataType: 'json',
						beforeSend: function() {
							mui(that).button('loading');
						},
						data: {
							id: $("#woid").val(),
							isupdatetype: 2,
							channel: 4,
							detail: $("#apply_text").val()
						},
						success: function(data) {
							mui(that).button('reset');
							if(data.state == "success") {
								mui.alert('申请成功，请等待处理结果！');
								window.location.replace(window.location);
							}
						},
						error: function(textStatus) {
							mui(that).button('reset');
							mui.toast('网络繁忙，请稍后再试...');
						},
						complete: function(XMLHttpRequest, textStatus) {
							mui(that).button('reset');
							if(textStatus == 'timeout') {
								var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
								xmlhttp.abort();
								mui.toast('网络超时，请稍后再试...');
							}
						},
					});
				})
				$('#Back_apply').on('tap', function() {
					//window.history.back();
					mui('#applyShow').popover('toggle', document.getElementById("ND_apply"));
				});
				//取消工单
				$("#ND_cearl").on('tap', function() {
					var btnArray = ['否', '是'];
					mui.confirm('确定要取消此工单吗？', '温馨提示', btnArray, function(e) {
						if(e.index == 1) {
							//请求接口
							$.ajax({
								type: "post",
								url: huayi.config.callcenter_url + 'distributionapi/api/DistriWorkOrder/cancel',
								async: true,
								dataType: 'json',
								data: {
									id: $('#woid').val(),
									//									channel: 4
								},
								success: function(data) {
									if(data.state == "success") {
										mui.alert('取消成功');
										window.location.replace(window.location);
									}
								}
							});
						}
					})
				})
				//返回工单
				$('#Back').on('tap', function() {
					window.history.back();
				});
				$('#Back_').on('tap', function() {
					//window.history.back();
					mui('.mui-popover').popover('toggle', document.getElementById("ND_PJ"));
				});
				
				//选择评价星级
				mui('.icons').on('tap', 'i', function() {
					var index = parseInt(this.getAttribute("data-index"));
					var parent = this.parentNode;
					var children = parent.children;
					if(this.classList.contains("mui-icon-star")) {
						for(var i = 0; i < index; i++) {
							children[i].classList.remove('mui-icon-star');
							children[i].classList.add('mui-icon-star-filled');
						}
					} else {
						for(var i = index; i < 5; i++) {
							children[i].classList.add('mui-icon-star')
							children[i].classList.remove('mui-icon-star-filled')
						}
					}
				});
			})

			function bind(id) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + 'distributionapi/api/DistriWorkOrder/getsingle',
					async: true,
					dataType: 'json',
					data: {
						id: id ///测试 ID
					},
					success: function(result) {
						if(result.state == "success") {
							var data = result.data.model; //工单信息
							var items = result.data.items; //工单流程
							var evaluate = result.data.evaluate; //评价列表
							var exception = result.data.exception; //工单异常列表  
							var offences = result.data.offence; //工单违规列表
							//收货地址
							$('.addressMsg_rr .buildFloor').text(data.receiverlist[0].building_name + " " + data.receiverlist[0].floor_name);
							$('.addressMsg_rr .department').text(data.receiverlist[0].department_name);
							$('.addressMsg_rr .contact').text(data.receiverlist[0].fullname + " " + data.receiverlist[0].mobile);
							//发货地址
							$('.addressMsg_ss .buildFloor').text(data.deliverylist[0].building_name + " " + data.deliverylist[0].floor_name);
							$('.addressMsg_ss .department').text(data.deliverylist[0].department_name);
							$('.addressMsg_ss .contact').text(data.deliverylist[0].fullname + " " + data.deliverylist[0].mobile);

							$('#remarks').text('备注信息：' + ISNull(data.detail)); //备注信息
							$('#order_code').text(data.wocode); //订单编号
							$('#order_time').text(data.createtime); //订单时间

							//物品
							if(data.goodslist && data.goodslist.length > 0) {
								$('.sureGoods').html('');
								$(data.goodslist).each(function(i, n) {
									$('<li class="mui-table-view-cell goodsClass">' +
										'<div class="mui-input-row">' +
										'<label index-id="' + n.goodsid + '">' + n.goodsname + '</label>' +
										'<span class="goodCounts fr">x' + n.num + '</span>' +
										'</div>' +
										'<p class="tips"><i class="tipsIcon"></i>' + ISNull(n.remark) + '</p>' +
										'</li>').appendTo('.sureGoods')
								})
							}
							//是否紧急
							if(data.emergencyid == 2) {
								$('.emergent').text('紧急')
								$('.emergent').addClass('actives');
							} else {
								$('.emergent').removeClass('actives');
								$('.emergent').text('一般')
							}

							$('#woid').val(data.id);
							$('#wocode').val(data.wocode);
							//故障图片
							// $("#ND_appointtime").text(data.appointtime);
							// $("#ND_appointman").text(data.appointman);
							var type = data.wostate;
							//							配送工单状态:0创建工单，1转派或者抢单（待取货）,2已取货（配送中）,3货物异常（异常），4已完结/待评价，5已取消，6挂起 ，9已评价 -1所有
							if(type == 0) {
								$('.btn-gropbox').addClass('Center');
								$("#ND_cearl").show();
							} else if(type == 1) {
								//								$("#Back").removeClass('fl');
								$('.btn-gropbox').addClass('Center');
								$("#ND_cearl").show();
								if(data.touser) {
									usercode = data.touser;
								}
							} else if(type == 2 && data.isagree==2) {
								//$("#Back").removeClass('fl');
								$('.btn-gropbox').addClass('Center');
								$("#ND_cearl").show();
								
							} else if(type == 2 && data.isupdate==0 && data.isupdatetype !==2) {
								//$("#Back").removeClass('fl');
								/*
								 *  isagree	     int	是否同意修改(0无操作，1不同意，2同意) - 申请记录
									isupdate	 int	是否修改（0无操作 1已修改，2已取消工单） - 申请记录
									isupdatetype int	申请类型（1需要修改，2需要取消） - 申请记录
								*/
								$('.btn-gropbox').addClass('Center');
								$("#ND_apply").show();
								
							} else if(type == 2 && data.isupdatetype==2) {
								//$("#Back").removeClass('fl');
								$('.btn-gropbox').addClass('Center');
								$("#ND_tips").show();
								
							} else if(type == 4) {
								$("#ND_PJ").show();
								$('.btn-gropbox').addClass('Center');
							} else {
								$('.btn-gropbox').hide();
							}
							//							else if(type == 3) {
							//								$("#Back").removeClass('fl');
							//								$('.btn-gropbox').addClass('Center');
							//								$('.btn-gropbox').hide();
							//							} else if(type == 7) {
							//								$("#Back").removeClass('fl');
							//								$('.btn-gropbox').addClass('Center');
							//								$('.btn-gropbox').hide();
							//							}
							//故障说明
							if(exception && exception.length > 0) {
								$('#exceptionDetail').empty();
								$('#exceptionDetail').show();
								$(exception).each(function(i, r) {
									var strs = "";
									strs = '<ul class="mui-table-view">' +
										'<li class="mui-table-view-cell">' +
										'<div class="mui-input-row">' +
										'<label class="label">异常类型：</label>' +
										'<span class="ND_faultdescripe" >' + exceptType(r.type) + '</span>' +
										'</div>' +
										'</li>' +
										'<li class="mui-table-view-cell">' +
										'<div class="mui-input-row">' +
										'<label class="label">是否退单：</label>' +
										'<span class="ND_faultdescripe" >' + IsNo(r.isback_sended) + '</span>' +
										'</div>' +
										'</li>' +
										'<li class="mui-table-view-cell">' +
										'<div class="mui-input-row">' +
										'<label class="label">异常说明：</label>' +
										'<span class="ND_faultdescripe" >' + r.content + '</span>' +
										'</div>' +
										'</li>'
									if(r.files && r.files.length > 0) {
										strs += '<li class="mui-table-view-cell pic">' +
											'<div class="mui-input-row">' +
											'<label class="label">故障图片：</label>' +
											'</div>' +
											'</li>' +
											'<li class="mui-table-view-cell">' +
											'<div class="mui-input-row">' +
											'<div class="image-list faultpic">' +
											'<ul class="fl_">'
										$(r.files).each(function(i, q) {
											strs += '<li>' +
												'<div>' +
												'<img class="image-item" alt="" data-preview-group="1" data-preview-src="" src="' + q.fileurl + '" alt="" />' +
												'</div>' +
												'</li>'
										})
									}
									strs += '</ul>' +
										'</div>' +
										'</div>' +
										'</li>' +
										'</ul>'
									$('#exceptionDetail').append(strs);
								})

							}
							//是否违规 
							if(offences && offences.length > 0) {
								$('#offenceDetail').empty();
								$('#offenceDetail').show();
								$(offences).each(function(i, y) {
									var strs = "";
									strs = '<ul class="mui-table-view">' +
												'<li class="mui-table-view-cell">' +
												'<div class="mui-input-row">' +
												'<label class="label">是否违规：</label>' +
												'<span class="ND_faultdescripe" >' + Isaudit(y.isaudit) + '</span>' +
												'</div>' +
												'</li>' +
												'<li class="mui-table-view-cell">' +
												'<div class="mui-input-row">' +
												'<label class="label">违规原因：</label>' +
												'<span class="ND_faultdescripe" >' + y.content + '</span>' +
												'</div>' +
												'</li>' +
												'<li class="mui-table-view-cell">' +
												'<div class="mui-input-row">' +
												'<label class="label">驳回原因：</label>' +
												'<span class="ND_faultdescripe" >' + y.content_rejectreason + '</span>' +
												'</div>' +
												'</li>'+
										   '</ul>'
									$('#offenceDetail').append(strs);
								})

							}
							//工单进度
							var html = '';
							$(items).each(function(i, n) {
								var wostate = n.wostate;
								var State = '';
								switch(n.wostate + '') {
									case '0':
										State = "新工单";
										break;
									case '1':
										State = "待取货";
										break;
									case '2':
										State = "已取货 配送中";
										break;
									case '3':
										State = "货物异常";
										break;
									case '4':
										State = "待评价";
										break;
									case '5':
										State = "已取消";
										break;
									case '6':
										State = "挂起 ";
										break;
									case '9':
										State = "已评价";
										break;
								}
								html += '<li class="layui-timeline-item">' +
									'<i class="layui-icon layui-timeline-axis">&#xe643;</i>' +
									'<div class="layui-timeline-content layui-text">' +
									'<h3 class="layui-timeline-title"> <span style="margin-right:10px;color: #0099ff;">' + State + '</span> </h3>' +
									'<p>' +
									'' + n.createtime + '' +
									'</p>' +
									'<p>' +
									'' + n.detail + '' +
									'</p>' +
									'</div>' +
									'</li>'
							});
							$(html).appendTo('.order_progress');

							//评价信息
							if(evaluate.length > 0) {
								$('.evaluate-box').show()
								var html = '';
								$(evaluate).each(function(i, n) {
									var score = n.score;
									var label = n.label;
									html += '<li class="mui-table-view-cell evaluate-li">';
									html += '<div class="mui-table">';
									html += '<div class="mui-table-cell mui-col-xs-7">';
									//									html += '<h5><i class="user-img"><img src="../img/logo.png" alt="" /></i><span>' + n.createusername + '</span></h5>';
									html += '<h5><span>' + n.createusername + '</span></h5>';
									html += '<p class="mui-h6 mui-ellipsis"><span>' + n.createtime + '</span></p>';
									html += '</div>';
									html += '<div class="mui-table-cell mui-col-xs-5 mui-text-right">';
									html += '<div class="mui-content-padded mui-text-center details-Start aaa">';
									html += '<div class="icons mui-inline">';
									for(var i = 0; i < score; i++) {
										html += '<i data-index="1" class="mui-icon mui-icon-star-filled"></i>';
									}
									html += '</div>';
									html += '</div>';
									html += '</div>';
									html += '</div>';
									html += '<div class="mui-table">';
									html += '<p class="mui-h6 ">';
									html += '<span class="evaluate-details">' + ISNull(n.evaluate) + '</span>';
									html += '</p>';
									html += '</div>';
									html += '<div class="mui-table">';
									html += '<ul class="eva-message">';
									for(var i = 0; i < label.length; i++) {
										html += '<li>';
										html += '<p>' + label[i] + '</p>';
										html += '</li>';
									}
									html += '</ul>';
									html += '</div>';
									html += '</li>';

								})
								$(html).appendTo('.evaluatelist');
							}

						}
					}
				});
			}
			var curentlatlng, startHeart, markersArray = [],
				usercode;

			function ISNull(val) {
				if(val == null || val == undefined || !val) {
					return ""
				} else {
					return val
				}

			}

			function exceptType(val) {
				// 1完结配送异常 2取货异常
				if(val == 1) {
					return '结单异常'
				} else {
					return '提货异常'
				}
			}

			function IsNo(val) {
				// 0否1是
				if(val == 1) {
					return '是'
				} else {
					return '否'
				}
			}
			function Isaudit(val) {
				 //是否审核通过 0无操作 1不通过 2通过
				if(val == 0) {
					return '无操作'
				} else if(val == 1){
					return '不通过'
				}else{
					return '通过'
				}
			}
		</script>
	</body>

</html>