zhoufan
/
SQ12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551
							<!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" />
		<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;
			}
			.img-box {
				overflow: hidden;
				/*float: left;
				width: 20%;
				height:60px;
				margin: 2%;
				text-align: center;*/
			}
			.img-box img{
				width: 20%;
				height: 60px;
				margin: 2%;
			}
			
			.image-list {
				display: none;
				overflow: hidden;
			}
			.mui-preview-image.mui-fullscreen {
				position: fixed;
				z-index: 20;
				background-color: #000;
			}
			.mui-preview-header,
			.mui-preview-footer {
				position: absolute;
				width: 100%;
				left: 0;
				z-index: 10;
			}
			.mui-preview-header {
				height: 44px;
				top: 0;
			}
			.mui-preview-footer {
				height: 50px;
				bottom: 0px;
			}
			.mui-preview-header .mui-preview-indicator {
				display: block;
				line-height: 25px;
				color: #fff;
				text-align: center;
				margin: 15px auto 4;
				width: 70px;
				background-color: rgba(0, 0, 0, 0.4);
				border-radius: 12px;
				font-size: 16px;
			}
			.mui-preview-image {
				display: none;
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			.mui-preview-image.mui-preview-in {
				-webkit-animation-name: fadeIn;
				animation-name: fadeIn;
			}
			.mui-preview-image.mui-preview-out {
				background: none;
				-webkit-animation-name: fadeOut;
				animation-name: fadeOut;
			}
			.mui-preview-image.mui-preview-out .mui-preview-header,
			.mui-preview-image.mui-preview-out .mui-preview-footer {
				display: none;
			}
			.mui-zoom-scroller {
				position: absolute;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				-webkit-backface-visibility: hidden;
			}
			.mui-zoom {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			.mui-slider .mui-slider-group .mui-slider-item img {
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 100%;
			}
			.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
				width: 100%;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
				display: inline-table;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
				display: table-cell;
				vertical-align: middle;
			}
			.mui-preview-loading {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				display: none;
			}
			.mui-preview-loading.mui-active {
				display: block;
			}
			.mui-preview-loading .mui-spinner-white {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -25px;
				margin-top: -25px;
				height: 50px;
				width: 50px;
			}
			.mui-preview-image img.mui-transitioning {
				-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
				transition: transform 0.5s ease, opacity 0.5s ease;
			}
			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@-webkit-keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			@keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			p img {
				max-width: 100%;
				height: auto;
			}
		</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;">派单信息</span>
				</h5>
				<div class="ServeContent">
					<div class="Workdeail BLNR">
					</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">
					</div>
				</div>
				<!--评价记录-->
			</div>
		</div>

		<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button sub">立即办理</button>
		</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/mui.zoom.js"></script>
		<script src="../js/mui.previewimage.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.previewImage();
			mui.plusReady(function() {
				//var token = localStorage.getItem("token"); //获取本地存储
				var wv = plus.webview.currentWebview();
				var vText = wv.name;
				var token = wv.token;
				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 = "拒绝";
								}
								
								var bval = result.data.fkinfo[i].F_Type;
								switch(bval + '') {
									case '1':
										bval = '主办';
										break;
									case '2':
										bval = '协办';
										break;
								}
								
								
								//是否有处理结果
								var isProResultValue = result.data.fkinfo[i].F_IsProResult + "";
								switch (isProResultValue) {
									case "0":
										isProResultValue = "默认";
										break;
									case "1":
										isProResultValue = "是";
										break;
									case "2":
										isProResultValue = "否";
										break;
								}
								
								//是否满意
								var isSatisfiedValue = result.data.fkinfo[i].F_IsSatisfied + "";
								switch (isSatisfiedValue) {
									case "0":
										isSatisfiedValue = "未评价";
										break;
									case "1":
										isSatisfiedValue = "满意";
										break;
									case "2":
										isSatisfiedValue = "基本满意";
										break;
									case "3":
										isSatisfiedValue = "不满意";
										break;
								}
								
								//沟通时间 
								var connectTimeValue = result.data.fkinfo[i].F_ConnectTime;
								switch (connectTimeValue) {
									case null:
										connectTimeValue = "";
										break;
									default :
										connectTimeValue = result.data.fkinfo[i].F_ConnectTime;
								}
								// 审批时间
								var auditTimeValue
								switch (result.data.fkinfo[i].F_AuditTime) {
									case "":
										auditTimeValue = ""
										break;
									case null:
										auditTimeValue = ""
										break;
									default:
										auditTimeValue = result.data.fkinfo[i].F_AuditTime
										break;
								}
								//审批内容
								var auditReasonValue
								switch (result.data.fkinfo[i].F_AuditReason) {
									case "":
										auditReasonValue = ""
										break;
									case null:
										auditReasonValue = ""
										break;
									default:
										auditReasonValue = result.data.fkinfo[i].F_AuditReason
										break;
								}
								//职务
								var dutiesValue
								switch (result.data.fkinfo[i].F_Duties) {
									case "":
										dutiesValue = ""
										break;
									case null:
										dutiesValue = ""
										break;
									default:
										dutiesValue = result.data.fkinfo[i].F_Duties
										break;
								}
								//处理情况
								var situationValue
								switch (result.data.fkinfo[i].F_Situation) {
									case "":
										situationValue = ""
										break;
									case null:
										situationValue = ""
										break;
									default:
										situationValue = result.data.fkinfo[i].F_Situation
										break;
								}
								
								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">' + result.data.fkinfo[i].F_DealUser +
									'</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_DealUserContact + 
									'</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">' + dutiesValue +
									'</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">' + situationValue +
									'</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_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 "><label class="label">类型：</label></div><div class="mui-table-cell mui-col-xs-8 Mf"><span class="ND_deail" id="ND_name">' + bval + 
									'</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">' + isProResultValue +
									'</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">' + connectTimeValue +
									'</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_ConnectMode +
									'</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">' + isSatisfiedValue+
									'</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"><div class="img-box FJ"><div></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">' + auditTimeValue +
									'</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">' + auditReasonValue +
									'</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>'
								
//								<div id="image-list" class="row image-list"></div>
								
								var imgurl=result.data.fkinfo[i].File;
//								alert(i);
								var tmp = '';
								if(imgurl) {
									$.each(imgurl,function(o, n) {
//										alert(n.F_FileUrl);
										if(n.F_FileType == '.jpg'||n.F_FileType == '.png') {
											tmp += '<img src="' + n.F_FileUrl + 
													'" alt="" class="image-item" data-preview-src="" data-preview-group="1" />'
										} else if(n.F_FileType == '.docx') {
											mui.toast('猜猜我是谁')
										}
		
									})
								}
								$(temp).appendTo($('.HGXX')).find('.FJ').append(tmp);
							}
						}
					},
					error: function(xhr, type, errorThrown) {}
				});
				//办理工单
				$('.sub').on('tap', function() {
					mui.openWindow({
						id: 'Work-ljbanli',
						url: 'Work-ljbanli.html',
						show: {
							aniShow: 'pop-in'
						},
						styles: {
							popGesture: 'hide'
						},
						waiting: {
							autoShow: true
						},
						extras: {
							name: vText,
							token: token

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

</html>