zhoufan
/
SQ12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401
							<!doctype html>
<html lang="en" class="feedback">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>办理工单</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/inits.css" />
		<link href="../css/feedback-page.css" rel="stylesheet" />
		<style>
			body {
				background: #F6F6F6;
			}
			
			p {
				font-size: 16px;
				color: #fe6604;
			}
			
			.mui-bar-nav {
				background-color: #00a1cb;
				color: #fff!important;
			}
			
			.Servelist {
				line-height: 30px;
				/*border-bottom: 1px solid #e9e9e9;*/
				color: #282828;
			}
			
			.evaluate-center {
				background-color: #fff;
				padding-top: 5px;
				padding-left: 15px;
				/*box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);*/
			}
			
			.mui-table-view-cell:after {
				height: 0px;
			}
			
			.mui-table-cell label {
				color: #909090;
			}
			
			.Workdeail {
				font-size: 14px;
			}
			.Workdeail_1{
				/*padding-bottom:10px;*/
			}
			.Workdeail_1 .mui-table-view-cell {
				padding: 5px 15px 0px 15px;
				font-size: 14px;
			}
			
			.Workdeail_1 .mui-table-view-cell .mui-table-cell span {
				color: #909090;
			}
			.Workdeail_1 ul li:last-child{
				padding-bottom: 10px;
			}
			
			.submit{
				position: fixed;
				bottom: 0px;
				margin-bottom: 0px;
				z-index: 3;
				width: 100% !important;
				height: 57px !important;
				display: none;
			}
			.sub{
				
				position: fixed;
				bottom: 0px;
				margin-bottom: 0px;
				z-index: 3;
				
			}
			.submit_div{
				margin-top: 40px;
				position:relative;
				/*bottom: 56px;*/
				background: #FFFFFF;
				width: 100%;
				display: none;
				/*z-index: 3;*/
				font-size: 14px;
			}
			.bj_body{
				position: fixed;
				top: 0;
				left: 0;
				width: 100%; 
				height: 100%; 
				background: #000000;
				filter:alpha(opacity=50);  
			    -moz-opacity:0.5;  
			    -khtml-opacity: 0.5;  
			    opacity: 0.5;
			    z-index: 1;
			    display: none;
			}
			.delete_iocn{
				color: #00b4ff; 
				position: absolute; 
				right: 0px; 
				top: 0px;
				font-size: 40px;
			}
			.size-14{
				font-size: 14px;
			}
			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;"></a>

			<h1 class="mui-title" style="color: #fff;">办理信息</h1>
		</header>
		<div class="mui-content infodiv">
			<!--基本信息-->
			
			<div class="evaluate-center">
				<h5 class='mui-h5 Servelist'>
					<span  style="font-size: 16px;">派单信息111</span>
				</h5>
				<div class="ServeContent">
					
					<div class="Workdeail BLNR">
						<!--<ul class="mui-table-view ">
							<li class="mui-table-view-cell">
								<div class="mui-table">
									<div class="mui-table-cell mui-col-xs-4 ">
										<label class="label">：</label>
									</div>
									<div class="mui-table-cell mui-col-xs-8 Mf">
										<span class="ND_deail" id="ND_name">消防水泵</span>
									</div>
								</div>
							</li>
						</ul>-->
					</div>
				</div>
				<!--评价记录-->
			</div>
			<div class="evaluate-center" style="margin-top: 10px;">
				<h5 class='mui-h5 Servelist'>
					<span  style="font-size: 16px;">审核信息</span>  
				</h5>
				<div class="ServeContent">
					<div class="Workdeail_1 HGXX">
						<!--<ul class="mui-table-view ">
							<li class="mui-table-view-cell">
								<div class="mui-table">
									<div class="mui-table-cell mui-col-xs-4 ">
										<label class="label">办理时间：</label>
									</div>
									<div class="mui-table-cell mui-col-xs-8 Mf">
										<span class="ND_deail" id="ND_name">2018-03-24 10:23:48</span>
									</div>
								</div>
							</li>
							<li class="mui-table-view-cell">
								<div class="mui-table">
									<div class="mui-table-cell mui-col-xs-4 ">
										<label class="label">审批内容：</label>
									</div>
									<div class="mui-table-cell mui-col-xs-8 Mf">
										<span class="ND_deail" id="ND_name">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</span>
									</div>
								</div>
							</li>
						</ul>-->
					</div>
				</div>
				<!--评价记录-->
			</div>
		</div>
		
		<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button sub">立即办理</button>
		<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit" id="submit">提交</button>
		<div class="submit_div">
			<ul class="mui-table-view ">
				<li class="mui-table-view-cell">
					<div class="mui-input-row">
						<label class="label">办理人：</label>
						<input type="text" id="contact" placeholder="请输入办理人" class="size-14">
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-input-row">
						<label class="label">办理内容：</label>
						<textarea class="ztext content size-14" name="" id="question" rows="3" cols="" placeholder="请填写办理内容"></textarea>
					</div>
				</li>
				<li style="padding-bottom: 30px;">
					<div class="feedback">
						<p>添加图片(选填,提供问题截图,单张10M以下)</p>
						<div id='image-list' class="row image-list"></div>
					</div>
				</li>
			</ul>
			<a class="mui-icon mui-icon-closeempty delete_iocn"></a>
		</div>
		<div style="width: 100%; height: 57px;"></div>
		<div class="bj_body" style=""></div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/huayi.config.js"></script>
		<script src="../js/zepto.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/feedback-page.js"></script>
		<script type="text/javascript">
			mui.init(
			);
			mui.plusReady(function() {
//				var token = localStorage.getItem("token"); //获取本地存储
				var wv = plus.webview.currentWebview();
				var vText = wv.name;
				var token = wv.token;
				var Str = '';
				var str_ary;
				mui.ajax(huayi.config.callcenter_url + 'WorkOrder/GetSecondDealInfo', {
					data: {
						workorderid: vText,
						token: token
					},
					dataType: 'json', //服务器返回json格式数据
					type: 'get', //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					success: function(result) {
						var temp;
						$.each(result.data.pdinfo, function(i, n) {
							temp =
								'<ul class="mui-table-view "><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><label class="label">派单时间：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + n.F_CreateTime +
								'</span></div></div></li><div class="BLNR"></div><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><label class="label">办理期限：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + n.F_LimitTime +
								'</span></div></div></li><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><label class="label">派单意见：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + n.F_AssignedOpinion +
								'</span></div></div></li></ul>'
						});
						$('.BLNR').append(temp);
					},
					error: function(xhr, type, errorThrown) {
					}
				});
				//审核信息
				mui.ajax(huayi.config.callcenter_url + 'WorkOrder/GetSecondDealInfo', {
					data: {
						workorderid: vText,
						token: token
					},
					dataType: 'json', //服务器返回json格式数据
					type: 'get', //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					success: function(result) {
						var temp2;
						var Agree;
						//							alert(JSON.stringify(result.data.fkinfo));
						if(result.data.fkinfo.length > 0) {
							for(var i = 0; i < result.data.fkinfo.length; i++) {
								if(result.data.fkinfo[i].F_IsAudit == 1) {
									Agree = "同意";
								} else if(result.data.fkinfo[i].F_IsAudit == 2) {
									Agree = "拒绝";
								}
								$('<ul class="mui-table-view "><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><label class="label">办理时间：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + result.data.fkinfo[i].F_CreateTime +
									'</span></div></div></li><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><label class="label">办理内容：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + result.data.fkinfo[i].F_Result +
									'</span></div></div></li><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><div class="img-box"><img src="' + n.F_FileUrl + '" alt="" class="image-item" data-preview-src="" data-preview-group="1" /><div>'
									'</span></div></div></li><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><label class="label">审批时间：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + result.data.fkinfo[i].F_AuditTime +
									'</span></div></div></li><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><label class="label">审批内容：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + result.data.fkinfo[i].F_AuditReason +
									'</span></div></div></li><li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-4 "><label class="label">审批意见：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + Agree +
									'</span></div></div></li></ul>').appendTo(".HGXX")
							}
						}
					},
					error: function(xhr, type, errorThrown) {
					}
				});
//				立即办理
				$(".sub").click(function(){
					$(".submit_div").fadeIn();
//					$(".bj_body").slideDown();
					$(".submit").show();
					$(".sub").hide();
					$(".infodiv").hide();
					
				});
//				背景关闭弹框
				$(".bj_body").click(function(){
					$(".submit_div").hide();
//					$(".bj_body").slideUp();
					$(".sub").show();
					$(".submit").hide();
				});
//				图标关闭弹框
				$(".delete_iocn").click(function(){
					$(".submit_div").hide();
//					$(".bj_body").slideUp();
					$(".sub").show();
					$(".submit").hide();
					$(".infodiv").show();
				});
//				提交办理
//				$(".submit").click(function(){
//				});
				document.getElementById("submit").addEventListener('tap', function() {
					var username = $("#contact").val();
					var question = $("#question").val();
					$(".image-box").each(function(i, n) {
						var a = $(n).attr("indexs");
						if(a) {
							Str += a + ',';

						}
					});
					str_ary = Str.substring(0, Str.length - 1);
//					alert(str_ary);
					if(!username) {
						plus.nativeUI.toast('输入办理人');
					} else if(!question) {
						plus.nativeUI.toast('输入内容');
					} else{
						mui.ajax(huayi.config.callcenter_url + 'WorkOrder/DealWorkOrder', {
							data: {
								workorderid: vText,
								dealman: username, //办理人
								result: question, //办理内容
								files: str_ary,
								state: 1,
								token: token
							},
							dataType: 'json', //服务器返回json格式数据
							type: 'post', //HTTP请求类型
							timeout: 10000, //超时时间设置为10秒；
							success: function(data) {
								var btnArray = ['否', '是'];
								mui.confirm('是否办理工单', '提示', btnArray, function(e) {
									if(e.index == 1) {									
									plus.nativeUI.toast('办理成功'); 
									
//									页面跳转1
									var wobj = plus.webview.getWebviewById("Work-list");
									wobj.reload(true);
//									页面跳转2
//									var isdeal = 0;
//									var nwaiting = plus.nativeUI.showWaiting();
//									webviewShow = plus.webview.create("Work-list.html?isdeal="+isdeal); //后台创建webview并打开show.html  
//									webviewShow.addEventListener("loaded", function() { //注册新webview的载入完成事件  
//										nwaiting.close(); //新webview的载入完毕后关闭等待框  
//										webviewShow.show("slide-in-right", 300); //把新webview窗体显示出来，显示动画效果为速度300毫秒的右侧移入动画
//					
//									}, false); 
//									页面跳转3 
//									var isdeal = 0;
//									mui.openWindow({
//										id: 'Work-list',
//										url: 'Work-list.html',
//										show: {
//											aniShow: 'pop-in'
//										},
//										styles: {
//											popGesture: 'hide'
//										},
//										waiting: {
//											autoShow: true
//										},
//										extras: {
//											isdeal: isdeal,
//				
//										}
//									});

									$("#contact").val("");
									$("#question").val("");
									$(".submit_div").slideUp();
									$(".bj_body").slideUp();
									$(".sub").show();
									$(".submit").hide();	
									} else {
										plus.nativeUI.toast('取消办理');
									}
								})
							},
							error: function(xhr, type, errorThrown) {

							}
						});
					}
					
					
				})
			})
			
		</script>
	</body>

</html>