zhoufan
/
SQ12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
							<!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 href="../css/feedback-page.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
		<style>
			body {
				font-size: 14px;
			}
			
			.mui-bar-popover {
				width: 30%;
			}
			
			.mui-popover.mui-bar-popover .mui-table-view {
				width: 100%;
			}
			
			.mui-table-view .mui-table-view-cell>a:not(.mui-btn) {
				text-align: center;
			}
			
			.mui-table-view-cell {
				padding: 1px 15px!important;
			}
			
			.san {
				font-size: 14px;
				margin-right: 5px
			}
			
			.nav_a {
				border-right: 1px solid #ccc;
			}
			
			.radio_box {
				display: inline-block;
			}
			
			.mui-radio input[type=radio]:before {
				font-size: 20px;
				vertical-align: middle;
			}
			
			.mui-radio.mui-left input[type=radio] {
				line-height: 24px!important;
			}
			
			.mui-radio.mui-left label {
				padding-right: 1px!important;
				padding-left: 51px!important;
			}
			
			.ztext {
				width: 100%;
				margin: 0;
				border: 0;
				font-size: 14px;
				display: block;
			}
			
			.action {
				padding: 5px 15px;
			}
			
			.type_down {
				float: right!important;
				display: inline-block!important;
				vertical-align: middle!important;
				line-height: 42px;
			}
			
			.type_con {
				width: 55%!important;
				float: left!important;
				vertical-align: middle!important;
				display: inline-block!important;
				padding: 10px 0!important;
			}
			
			.label {
				width: 30%!important;
				padding: 11px 0px!important;
				color: #fe6604;
			}
			
			.get_yzm {
				padding: 5px!important;
				width: auto!important;
			}
			
			.yzm_con {
				float: left!important;
				width: 40%!important;
			}
			
			.mui-bar-nav {
				background-color: #00a1cb;
			}
			
			.mui-input-row label {
				text-align: -webkit-right;
			}
			
			.mui-btn-block {
				padding: 10px;
				width: 100%;
			}
			
			a {
				color: #000;
			}
			
			.size-14 {
				font-size: 14px;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			{
				line-height: 1.1;
				font-size: 14px;
			}
			.bnliBtn{
				display: block !important;
			}
			.bnliDIV{
				margin:10px 50px;
			}
			.isDeal,.noDeal{
				display: none;
			}
		</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">
			<ul class="mui-table-view ">
				<li class="mui-table-view-cell" id="showUserPicker">
					<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" id="showUserPicker">
					<div class="mui-input-row">
						<label class="label">联系方式：</label>
						<input type="number" id="dealcontact" placeholder="请填写您的联系方式" class="size-14">
					</div>
				</li>
				<li class="mui-table-view-cell" id="showUserPicker">
					<div class="mui-input-row">
						<label class="label">职务：</label>
						<input type="text" id="duties" 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" name="" id="situation" rows="3" cols="" placeholder="请输入处理结果..."></textarea>
	                </div>
	            </li>
	            <li class="mui-table-view-cell">
					<div class="mui-input-row">
						<label class="label">处理结果：</label>
						<div class="mui-input-row mui-radio mui-left radio_box">
							<label>是</label>
							<input type="radio" type="radio" name="deal_is" value="1" class="size-14" />
						</div>
						<div class="mui-input-row mui-radio mui-left radio_box">
							<label>否</label>
							<input type="radio" type="radio" name="deal_is" value="2" class="size-14" />
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell isDeal" id="showUserPicker">
					<div class="mui-input-row">
						<label class="label">沟通时间：</label>
						<input id='demo1' data-options='{"type":"datetime","beginYear":year,"beginMonth":month,"beginDay":day}' type="text" readonly="readonly" class="mui-input-clear btn" />
					</div>
				</li>
				<li class="mui-table-view-cell isDeal" id="showUserPicker">
					<div class="mui-input-row">
						<label class="label">沟通方式：</label>
						<input type="text" id="connectmode" placeholder="请填写您的沟通方式" class="size-14">
					</div>
				</li>
				<li class="mui-table-view-cell isDeal">
					<div class="mui-input-row">
						<label class="label">是否满意：</label>
						<div class="mui-input-row mui-radio mui-left radio_box">
							<label>满意</label>
							<input type="radio" type="radio" name="isstaisfied" value="1" class="size-14" />
						</div>
						<div class="mui-input-row mui-radio mui-left radio_box">
							<label>基本满意</label>
							<input type="radio" type="radio" name="isstaisfied" value="2" class="size-14" />
						</div>
						<div class="mui-input-row mui-radio mui-left radio_box">
							<label>不满意</label>
							<input type="radio" type="radio" name="isstaisfied" value="3" class="size-14" />
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell noDeal"> 
	                <div class="mui-input-row">
	                	<label class="label">处理方案：</label>
	                    <textarea class="ztext content" name="" id="prosituation" rows="3" cols="" placeholder="请输入处理方案/进程..."></textarea>
	                </div>
	            </li>
	            <p style="color: #FF0000;">注释:	请提交加盖单位公章的相关说明文件，不添加文件说明将被扣考核分</p>
				<div class="bnliDIV">
					<button type="button" class="mui-btn mui-btn-primary bnliBtn">查看办理结果</button>
				</div>
				<li class="mui-table-view-cell">
	                <textarea class="ztext content" name="" id="result" rows="3" cols="" placeholder="请输入处理结果..."></textarea>
	            </li>
			</ul>
			<div class="feedback">
				<p>添加图片(选填,提供问题截图,单张20M以下,最多上传5张)</p>
				<div id='image-list' class="row image-list"></div>
			</div>
			<div class="posiBot" >
				<button id="submit" type="button" class="mui-btn mui-btn-block mui-btn-primary submit" style="padding: 10px 0px;">办理</button>
			</div>
		</div>
		<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 src="../js/mui.picker.min.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				var wv = plus.webview.currentWebview();
				var vText = wv.name;
				var token = wv.token;
				var Str = '';
				var str_ary;
				var year=new Date().getFullYear();
				var  month=new Date().getMonth();
				var day=new Date().getDate();
				var btns = mui('.btn');　
				var Protect=localStorage.getItem("Protect");
				var simpleDetailStrStart = "";
				var simpleDetailStrEnd = "";
				var simpleDetailStr = "";
				$('input[name="deal_is"]').change(function(){
					if ($('input[name="deal_is"]:checked').val()==="1") {
						if (Protect==="0") {
							$(".isDeal").show();
							$(".noDeal").hide();
						}else if(Protect==="1"){
							$(".isDeal").hide();
							$(".noDeal").hide();
						}
					}else if ($('input[name="deal_is"]:checked').val()==="2") {
						$(".isDeal").hide();
						$(".noDeal").show();
					}
				})
				btns.each(function(i, btn) {　　
					btn.addEventListener('tap', function() {　　　
						var dtPicker = new mui.DtPicker({　　　　
							type: "date", //设置日历初始视图模式 
							beginDate: new Date(year, month, day),//设置开始日期 
    						//endDate: new Date(2016, 04, 25),//设置结束日期 
						});　　
						dtPicker.show(function(e) {
							$("#demo1").val(e)
						});　
					}, false);
				})
				
				document.getElementById("submit").addEventListener('tap', function() {
					var username = $("#contact").val();
					$(".image-box").each(function(i, n) {
						var a = $(n).attr("indexs");
						if(a) {
							Str += a + ',';

						}
					});
					str_ary = Str.substring(0, Str.length - 1);
					if(!username) {
						plus.nativeUI.toast('输入承办人');
					} else if(!$("#dealcontact").val()) {
						plus.nativeUI.toast('输入联系方式');
					} else if(!$("#duties").val()) {
						plus.nativeUI.toast('输入职务');
					} else if(!$("#situation").val()) {
						plus.nativeUI.toast('输入处理结果');
					} else if(!$('input[name="deal_is"]:checked').val()) {
						plus.nativeUI.toast('请选择处理结果');
					} else if(!$("#result").val()) {
						plus.nativeUI.toast('输入办理结果');
					} else{
						mui.ajax(huayi.config.callcenter_url + 'WorkOrder/FeedBackWorkOrder', {
							data: {
								workorderid: vText,
								dealman: username, //办理人
								dealcontact: $("#dealcontact").val(), //联系方式
								duties: $("#duties").val(), //职务
								situation: $("#situation").val(), //处理情况
								isproresult: $('input[name="deal_is"]:checked').val(), //处理结果
								connecttime: $("#demo1").val(), //沟通时间
								connectmode: $("#connectmode").val(), //沟通方式
								isstaisfied: $('input[name="isstaisfied"]:checked').val(), //处理结果
								result: $("#result").val(), //办理内容
								prosituation: $("#prosituation").val(), //处理方案/进程
								state: 1,
								files: str_ary,
								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('办理成功'); 
										var wobj = plus.webview.getWebviewById("Work-list");
										wobj.reload(true);
									} else {
										plus.nativeUI.toast('取消办理');
									}
								})
							},
							error: function(xhr, type, errorThrown) {

							}
						});
					}
					
					
				})
			
				
				mui.ajax(huayi.config.callcenter_url + '/WorkOrder/GetWorkorderSimp',{
					data: {
						workorderid: vText,
						"token": token
					},
					dataType:'json',
					type:'get',
					timeout:10000,
					headers:{
						'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
					},
					success:function(data){
						var data=data.data[0];
						simpleDetailStrStart = data.F_CreateTime 
						+ " " + data.deptname 
						+  "部门接到" +  data.SourceName 
						+ "来源工单（编号：" + data.F_WorkOrderId 
						+ "）反映" + data.F_ComTitle + "问题，";
						$(".bnliBtn").on("tap",function(){
							if ($('input[name="deal_is"]:checked').val()==="1") {
								if (Protect==="0") {
									
									if ($('input[name="isstaisfied"]:checked').val() === "1") {
										var isStaisfiedRadioData = "满意";
									} else if ($('input[name="isstaisfied"]:checked').val() === "2") {
										var isStaisfiedRadioData = "基本满意";
									} else if ($('input[name="isstaisfied"]:checked').val() === "3") {
										var isStaisfiedRadioData = "不满意";
									} else {
										var isStaisfiedRadioData = "未评价";
									}
									simpleDetailStrEnd = "经落实，具体情况回复如下：" 
									+ $("#situation").val() 
									+ " 办理结果：" + "已办理 承办人：" + $("#contact").val() 
									+ " 职务：" + $("#duties").val() 
									+ " 联系电话：" + $("#dealcontact").val() 
									+ "; " + $("#contact").val() 
									+ "用" + $("#connectmode").val() 
									+ "方式在" + $("#demo1").val() 
									+ "对反映人进行了回复，反映人对结果表示" + isStaisfiedRadioData;
									
			            			simpleDetailStr = simpleDetailStrStart + simpleDetailStrEnd;
			            			$("#result").val(simpleDetailStr);	
								}else if(Protect==="1"){
									simpleDetailStrEnd = "经落实，具体情况回复如下：" 
									+ $("#situation").val() + " 办理结果：" + "已办理 承办人：" 
									+ $("#contact").val() + " 职务：" 
									+ $("#duties").val() + " 联系电话：" 
									+ $("#dealcontact").val();
			            			simpleDetailStr = simpleDetailStrStart + simpleDetailStrEnd;
			            			$("#result").val(simpleDetailStr);	
								}
							}else if ($('input[name="deal_is"]:checked').val()==="2") {
								simpleDetailStrEnd = "经落实，具体情况回复如下：" 
								+ $("#situation").val() + " 办理结果：" + "未办理 承办人：" 
								+ $("#contact").val() + " 职务：" 
								+ $("#duties").val() + " 联系电话：" 
								+ $("#dealcontact").val() + "; 处理方案/进程：" 
								+ $("#prosituation").val();
			        			simpleDetailStr = simpleDetailStrStart + simpleDetailStrEnd;
			        			$("#result").val(simpleDetailStr);
							}else{
								simpleDetailStr = simpleDetailStrStart + simpleDetailStrEnd;
        						$("#result").val(simpleDetailStr);
							}
						})
					}
					
				})
			
			})
		</script>
	</body>

</html>