duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../css/layer/need/layer.css" />
		<link rel="stylesheet" href="../css/init.css" />
		<title>办理工单</title>
		<style>
			.input {
				background-color: #FFF;
				background-image: none;
				border: 1px solid #ccc;
				border-radius: 1px;
				color: inherit;
				padding: 6px 12px
			}
			
			.fjnr {
				padding: 0 !important;
				border: none !important;
			}
			
			.HGXX td {
				padding: 8px;
			}
			
			.xg {
				color: #337ab7;
			}
		</style>
	</head>

	<body>
		<div class="Common" style="padding: 10px;">
			<table class="table" border="" cellspacing="0" cellpadding="0" style="border: 1px solid #e7eaec; text-align: center;">
				<theard>
					<tr>
						<td class="text-center" style="min-width:80px;">承办人</td>
						<td class="text-center" style="min-width:80px;">联系方式</td>
						<td class="text-center" style="min-width:80px;">职务</td>
						<td class="text-center" style="min-width:80px;">处理结果</td>
						<td class="text-center" style="min-width:80px;">单位</td>
						<!-- <td class="text-center" style="min-width:80px;">类型</td> -->
						<!--<td class="text-center" style="min-width:80px;">办理结果</td>-->
						<td class="text-center" style="min-width:80px;">办理时间</td>
						<td class="text-center" style="min-width:80px;">是/否向当事人反馈</td>
						<td class="text-center" style="min-width:80px;">是否满意</td>
						<td class="text-center" style="min-width:80px;">审核领导</td>
						<!-- <td class="text-center" style="min-width:80px;">处理方案/进程</td> -->
						<td class="text-center" style="min-width:80px;">附件</td>
						<td class="text-center authority" style="min-width: 100px;">操作</td>
					</tr>
				</theard>
				<tbody class="BLNR" style="border-top: none; padding: 8px;">
				</tbody>
				<!--<div class="FJ">
					
				</div>-->
			</table>
			<table>
				<tr>
					<th>工单内容：</th>
					<td id="workOrderContent"></td>
				</tr>
				<!-- <tr>
                <th class="Importent" style="text-align: left;"> 审核意见:</th>
            </tr>
            <tr>
                <td style="padding: 0px;"><textarea data-adaptheight id="reason" name="" rows="" cols=""
                        style="text-indent: 2em;"></textarea></td>
                <input type="hidden" id="ID" />
            </tr> -->
			</table>
			<!--<div class="btn_box">
            <button class="btns BC">同意</button>
            <button class="btns Submit">拒绝</button>
        </div>-->
		</div>
		<script src="../css/laydate/laydate.js"></script>
		<script src="../js/adjustHeight.js"></script>
		<script>
			var wid = helper.request.queryString("wid");
			var State;
			var a = $("#ID").val()
			var nid = '';
			Detail();
			$(document).ready(function() {
				//				HGXX();
				Hove();
				getDetail('0');
				getDetail('4');
				//上传附件
				$("#scwj").click(function() {
					$("#upFile").trigger("click");
				})
				$("#upFile").change(function() {
					upload('upFile', '.fileBox', ['png', 'jpg', 'mp3', 'mp4', 'pdf', 'doc', 'docx', 'xls', 'xlsx'], "#file");
				})
				$("#scfj").click(function() {
					$(".fjnr").text("");
					$("#scfj").hide();
				})
				//          $('.BC').click(function () {
				//              // if ($("#reason").val() == "") {
				//              //     layer.msg("请填写审核意见");
				//              // } else {
				//              State = 1;
				//              JA();
				//              // }
				//
				//          })
				//          $('.Submit').click(function () {
				//              layer.open({
				//                  type: 2,
				//                  content: "./processing_refuse.html?wid=" + wid + "&backid=" +
				//                      ccc, //iframe的url，no代表不显示滚动条
				//                  title: "拒绝",
				//                  area: ["60%", "80%"], //宽高
				//              });
				//          })
			});
			//审批意见
			function JA() {
				$.post(huayi.config.callcenter_url + 'WorkOrder/AuditSplitWorkOrder', {
					workorderid: wid,
					// reason: $('#reason').val(), //办理内容
					state: State,
					backid: nid,
					token: $.cookie("token")
				}, function(result) {
					result = JSON.parse(result);
					if(result.state.toLowerCase() == "success") {
						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						parent.layer.close(index); //再执行关闭
						parent.$('#orderlist').bootstrapTable('refresh');
						parent.layer.msg("处理成功");
					}
				})
			}

			// 获取详情
			function getDetail(type) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrderNew",
					dataType: 'json',
					async: false,
					data: {
						workorderid: wid,
						type: type,
						token: $.cookie("token")
					},
					success: function(result) {
						var content = result.data;
						if(result.state.toLowerCase() == "success") {
							switch(type) {
								case '0':
									if(content.data[0].F_Content === "" || content.data[0].F_Content === null) {
										$("#workOrderContent").text(content.data[0].F_ComContent)
									} else {
										$("#workOrderContent").text(content.data[0].F_Content)
									}
									break;
								case '4':
									var temp1;
									if(result.data.ejbldata.length <= 0) {
										return
									}
									var ejbldata = result.data.ejbldata
									$.each(ejbldata, function(i, n) {
										var bval = n.F_Type;
										switch(bval + '') {
											case '1':
												bval = '主办';
												break;
											case '2':
												bval = '协办';
												break;
										}

										//是/否向当事人反馈
										var isProResultValue = n.F_IsProResult + "";
										switch(isProResultValue) {
											case "0":
												isProResultValue = "否";
												break;
											case "1":
												isProResultValue = "是";
												break;
											case "2":
												isProResultValue = "已办未果";
												break;
										}
										//是否满意
										var isSatisfiedValue = n.F_IsSatisfied + "";
										switch(isSatisfiedValue) {
											case "0":
												isSatisfiedValue = "未评价";
												break;
											case "1":
												isSatisfiedValue = "满意";
												break;
											case "2":
												isSatisfiedValue = "基本满意";
												break;
											case "3":
												isSatisfiedValue = "不满意";
												break;
										}
										//沟通时间 
										var connectTimeValue = n.F_ConnectTime;
										switch(connectTimeValue) {
											case null:
												connectTimeValue = "";
												break;
											default:
												connectTimeValue = n.F_ConnectTime;
										}
										//职务
										var dutiesValue
										switch(n.F_Duties) {
											case "":
												dutiesValue = ""
												break;
											case null:
												dutiesValue = ""
												break;
											default:
												dutiesValue = n.F_Duties
												break;
										}
										//处理情况
										var situationValue
										switch(n.F_Situation) {
											case "":
												situationValue = ""
												break;
											case null:
												situationValue = ""
												break;
											default:
												situationValue = n.F_Situation
												break;
										}

										// 审核领导
										var auditUser
										switch(n.F_AuditUser) {
											case "":
												auditUser = ""
												break;
											case null:
												auditUser = ""
												break;
											default:
												auditUser = n.F_AuditUser
												break;
										}

										temp1 = temp1 +
											'<tr>' +
											'<td class="text-center">' + n.F_DealUser + '</td>' +
											'<td class="text-center">' + n.F_DealUserContact + '</td>' +
											'<td class="text-center">' + dutiesValue + '</td>' +
											'<td class="text-center">' + situationValue + '</td>' +
											'<td class="text-center">' + n.DeptName + '</td>' +
											'<td class="text-center">' + n.F_CreateTime + '</td>' +
											'<td class="text-center">' + isProResultValue + '</td>' +
											'<td class="text-center">' + isSatisfiedValue + '</td>' +
											'<td class="text-center">' + auditUser + '</td>' +
											'<td class="text-center FJ" style="color:#00a1cb;">';
										var FileHtml;
										$(n.File).each(function(j, m) {
											if(m.F_FileType == ".jpg" || m
												.F_FileType ==
												".png") {
												FileHtml =
													'<img style="width:80px; height:80px" border="0" onclick="viewImage(this)" src="' +
													m.F_FileUrl + '" alt="' + m
													.F_FileName +
													'" fileId="' + m.F_FileId +
													'">';
											} else {
												FileHtml =
													'<div><a style="margin-right:5px;" target="view_window" href="' +
													m.F_FileUrl + '" download="' + m
													.F_FileName + '">' + m.F_FileName.substring(
														19) + '</a></div>'
											}
											temp1 += FileHtml;
										})
										if(n.F_IsAudit == 0) {
											temp1 += "</td>" +
												'<td class="text-center authority"><a class="xg edit" index="' +
												n
												.F_Id + '">修改</a>'
											temp1 += '<a class="xg sendOrders" index="' + n.F_WorkOrderId + '">派单</a>'
											temp1 += '<a class="xg BC" index="' + n.F_Id + '">同意</a>'
											temp1 += '<a class="xg Submit" index="' + n.F_Id + '">拒绝</a>'

											'</td></tr>'

										}
										ccc = n.F_Id;
									});
									$('.BLNR').append(temp1);
									$(".edit").click(function() {
										var index = $(this).attr('index');
										layer.open({
											type: 2,
											content: "../CommonHtml/XGbanli.html?wid=" + wid + "&fid=" + index, //iframe的url，no代表不显示滚动条
											title: '修改办理结果',
											area: ['60%', '55%'], //宽高
										});
									})
									$('.BC').click(function() {
										var index = $(this).attr('index');
										nid = index;
										State = 1;
										JA();
									})
									$('.Submit').click(function() {
										var index = $(this).attr('index');
										layer.open({
											type: 2,
											content: "./processing_refuse.html?wid=" + wid + "&backid=" +
												index, //iframe的url，no代表不显示滚动条
											title: "拒绝",
											area: ["60%", "80%"], //宽高
										});
									})
									$(".sendOrders").click(function() {
										debugger
										var index = $(this).attr('index');
										layer.open({
											type: 2,
											content: "../CommonHtml/handle.html?wid=" + index, //iframe的url，no代表不显示滚动条
											title: "派单",
											area: ["100%", "100%"], //宽高
										});
									})

									break;

							}

						}
					}
				})
			}

			function parentLoad() {
				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
				parent.layer.close(index); //再执行关闭
				parent.$('#orderlist').bootstrapTable('refresh');
			}
			//	判断附件
			function Hove() {
				$(document).on("mouseover mouseout", '.tiaozhuan', function(event) {
					if(event.type == "mouseover") {
						//鼠标悬浮
						var miao = $(this).attr("href");
						if(miao == "") {
							$(this).removeAttr("href");
							$(this).removeAttr("download");
							$(this).html("")
						} else {
							$(this).attr("href");
							$(this).attr("download");
						}
					} else if(event.type == "mouseout") {
						//鼠标离开
					}
				})

			}
			//草稿详情
			function Detail() {
				$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDraftInfo', {
					workorderid: wid,
					type: 2,
					token: $.cookie("token")
				}, function(result) {
					if(result.state.toLowerCase() == "success") {
						if(result.data.length > 0) {
							$("#dealman").val(result.data[0].F_DealUser);
							$('#result').val(result.data[0].F_Result);
							a = result.data[0].F_Id;
						};
					}
				})
			}
			//清除
			function Clean() {
				$("#startTime").val(''),
					$('#assignedopinion').val('')
			}
			// 关闭页面
			function closePage() {
				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
				parent.layer.close(index); //再执行关闭
				parent.$('#orderlist').bootstrapTable('refresh');
			}

			function viewImage(file) {
				var json = {
					"title": "", //相册标题
					"id": 1, //相册id
					"start": 0, //初始显示的图片序号，默认0
					"data": [ //相册包含的图片，数组格式
						{
							"alt": $(file).attr("alt"),
							"pid": $(file).attr("fileId"), //图片id
							"src": $(file).attr("src"), //原图地址
							"thumb": "" //缩略图地址
						}
					]
				}
				layer.photos({
					photos: json,
					anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
				});
			}
		</script>
	</body>

</html>