duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675
							<!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 rel="stylesheet" href="../css/bootstrap-select.css" />
		<link href="../css/layer/need/layer.css" />
		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link rel="stylesheet" href="../css/init.css" />
		<title>办理</title>
		<style>
			#main {
				width: 788.8px;
				margin: 0 auto;
				-webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
				box-shadow: 1px 1px 9px 2px #D2D2D2;
				background-color: #fff;
				padding: 30px 60px 40px 60px;
			}
			
			.alignC {
				text-align: center;
			}
			
			.alignC h2 {
				font-family: "宋体";
				font-weight: bold;
				font-size: 22pt;
				letter-spacing: -1px;
			}
			
			.company {
				text-align: left;
				margin-bottom: 10px;
			}
			
			.company span {
				font-size: 14pt;
				padding-top: 20px;
				text-align: left;
				font-weight: normal;
				margin-left: 48px;
				vertical-align: middle;
			}
			
			#main table {
				margin: 0 auto;
				width: 600px;
				border-collapse: collapse;
				font-size: 13pt;
				font-family: "仿宋";
			}
			
			tbody td {
				min-width: 10%;
				padding: 6px 0 6px 0;
			}
			
			.btn {
				margin-top: 4px;
				margin-bottom: 4px;
				/*background: #00a1cb;*/
				color: #000000;
			}
			
			.lxr,
			.mmdj,
			.jbyj,
			.cbyj,
			.ldps,
			.bljg {
				white-space: normal;
				word-break: break-all;
			}
			
			.inpBox {
				border: 1px solid #a9a9a9;
				height: 27px;
				width: 470px;
				display: inline-block;
				position: relative;
				vertical-align: middle;
			}
			
			.addTree {
				background: #fff;
				position: absolute;
				width: 100%;
				border: 1px solid darkgrey;
				right: 0;
				top: 26px;
				display: none;
				z-index: 5;
			}
			
			.menuContent {
				background: #fff;
				position: absolute;
				width: 100%;
				border: 1px solid darkgrey;
				right: 0;
				top: 26px;
				display: none;
				z-index: 5;
			}
			
			.addTree a,
			.addTree span,
			.ztree a,
			.ztree span {
				font-size: 16px;
			}
			
			.xl {
				display: inline-block;
				background: url(../../img/dropDown.png) no-repeat;
				height: 100%;
				background-position: center center;
				width: 20px;
				position: absolute;
				right: 0;
				top: 0px;
				/* background-color: #f7bc8b; */
				cursor: pointer;
			}
			
			ul.ztree {
				margin-top: 10px;
				width: 466px;
				height: 260px;
				overflow-y: scroll;
				overflow-x: auto;
			}
			
			.ztree li span {
				border: none;
				padding: 0;
				margin-left: 0;
			}
			
			.inps {
				width: 468px;
				height: 24px;
				outline: none;
				border: 0;
				border-image-width: 0;
				padding: 0;
				padding-left: 3px;
				font-size: 16px;
			}
			
			.xl {
				display: inline-block;
				background: url(../img/dropDown.png) no-repeat;
				height: 100%;
				background-position: center center;
				width: 20px;
				position: absolute;
				right: 0;
				top: 0px;
				/* background-color: #f7bc8b; */
				cursor: pointer;
			}
			/*		.ztree>li>span.chk{
			display: none;
		}
		.ztree>li>ul>li>span.chk{
			display: none;
		}*/
			
			.dropdown-menu li a {
				height: 30px;
				line-height: 30px;
			}
		</style>
	</head>

	<body>
		<div id="main">
			<div class="alignC headerAlign">
				<br />
				<h2 style="margin-bottom: 15px;">
                安阳市12345政务服务热线交办单
            </h2>
				<table border="0" cellspacing="0" cellpadding="0" class="jbDiv" style=" font-family: '微软雅黑';">
					<tr>
						<th style=" text-align: center;">交办单位：</th>
						<td colspan="2" style="width: 200px;">
							<select id="jbSelect" name="select" multiple="multiple" class="selectpicker show-tick  form-control" data-live-search="true">
							</select>
						</td>
					</tr>
					<!-- <tr>
                    <th style=" text-align: center;">协办单位：</th>
                    <td colspan="2" style="width: 200px;">
                        <select id="xbSelect" name="select" class="selectpicker show-tick form-control" multiple
                            data-live-search="true">
                        </select>
                    </td>

                </tr> -->
				</table>

				<!--<div class="company">
            	<div>交办单位:</div>
            	<div>
            		<select style="padding-top: 20px;" id="jbSelect" name="select" class="selectpicker show-tick  form-control" data-live-search="true">
	            	</select>
            	</div>
            	
            </div>
            <div class="company" style="display: flex;"> 
            	<div>交办单位:</div>
            	<div>
            		<select style="padding-top: 20px;" id="xbSelect" name="select" class="selectpicker show-tick  form-control" data-live-search="true">
	            	</select>
            	</div>
            	
            </div>-->
			</div>
			<table class="alignC" border="1" cellpadding="4" cellspacing="0" bordercolor="#cbcbcb">
				<tbody>
					<tr style="min-height: 49px;">
						<td rowspan="2" width="10%">编号
						</td>
						<td rowspan="2" width="22%">
							<span class="gdbhs"></span>
						</td>
						<td rowspan="2" width="13%">受理时间
						</td>
						<td rowspan="2" width="16%">
							<span class="tssj"></span>
						</td>
						<td width="13%">签收时间
						</td>
						<td>
							<span class="QSHJ"></span>
						</td>
					</tr>
					<tr style="min-height: 49px;">
						<td>
							办理时限
						</td>
						<td>
							<input type="text" id="startTime" style="height: 32px;width: 100%; text-align:center;">
						</td>
					</tr>
					<tr style="min-height: 49px;">
						<td>
							来电人
						</td>
						<td>
							<span class="gdbh"></span>
						</td>
						<td>
							联系电话
						</td>
						<td>
							<span class="lxdh"></span>
						</td>
						<td>
							秘密等级
						</td>
						<td>
							<span class="MJ"></span>
						</td>
					</tr>
					<tr style="min-height: 49px;">
						<td>
							地址
						</td>
						<td colspan="5" style="text-align: left;text-indent: .3em; padding: 4px;">
							<span class="mmdj"></span>
						</td>
					</tr>
					<tr style="height: 180px;">
						<td class="style1">内容<br />摘要
						</td>
						<td colspan="5" style="text-align:justify; padding:4px;text-indent: 2em;">
							<span class="lxr"></span>
						</td>
					</tr>
					<tr style="height: 110px;">
						<td>
							<span>派单<br />意见</span>
						</td>
						<td colspan="5"><textarea data-adaptheight id="assignedopinion" name="" rows="5" cols="" style="width: 97%;resize:none;padding-left: 6px; padding-right: 6px;"></textarea></td>
						<input type="hidden" id="ID" />
						<input type="hidden" id="PID" />
						<input type="hidden" id="Dpment" />
					</tr>

				</tbody>
			</table>
			<div class="btn_box" style="text-align: center;">
				<button class="btns  Submit">保存</button>
			</div>
		</div>

		<script src="../css/laydate/laydate.js"></script>
		<script src="../js/bootstrap-select.js"></script>
		<script src="../js/zTree/jquery.ztree.core.js"></script>
		<script src="../js/zTree/jquery.ztree.excheck.min.js"></script>
		<script src="../js/adjustHeight.js"></script>
		<script>
			var wid = helper.request.queryString("wid");
			var State = 0;
			var a = $("#ID").val();
			$("#inpts").val($("#Dpment").val());
			$("#assignedopinion").val(
				"请于1小时内与来电人取得联系（匿名除外），并于5个工作日内将办理情况反馈来电人，并将办理结果报安阳市12345联动服务中心，同时做好来电人信息保密工作。（若超期将进行通报；若无故不回复，将转交市纪委监委问责。）"
			);
			var saveArrs = [];
			$(document).ready(function() {
				Detail();
				jbSelect($("#jbSelect"));
				if (wid) {
					load('0')
					load('1')
					load('12')
				}
				$("#inpts").val($("#Dpment").val());
				//保存
				$('.Submit').click(function() {
					if($("#jbSelect").val() == "") {
						layer.msg("承办单位不能为空");
					} else if($("#assignedopinion").val() == "") {
						layer.msg("派单意见不能为空");
					} else {
						State = 1;
						JA();
					}
				});

				//tree(saveArrs);

				function tree(saveArr) {

					$.get(huayi.config.callcenter_url + 'Department/GetSecondDeptList', {
						"token": $.cookie("token"),
						"iscbdw": 1
						//		"pid": pid
					}, function(result) {
						result = $.parseJSON(result);
						if(saveArr.length > 0) {

							for(var x = 0; x < saveArr.length; x++) {
								$(result.data).each(function(i, n) {
									if(saveArr[x] == n.F_DeptId) {
										n.checked = "true";
									}
								})

							}
						}

						$.fn.zTree.init($("#addTreeDemo"), setting1, result.data); //实例化树形图

					});
				}
				var setting1 = {
					data: {
						key: {
							name: "F_DeptName"
						},
						simpleData: {
							enable: true,
							idKey: "F_DeptId",
							pIdKey: "F_PartentId",
							rootPId: 0
						}
					},
					callback: {
						onClick: zTreeOnClick
					}
				};

				function zTreeOnClick(event, treeId, treeNode) {
					if(treeNode.level == 0) {
						$('#inpts').val(treeNode.F_DeptName);
						$("#PID").val(treeNode.F_DeptId);
						$("#Dpment").val(treeNode.F_DeptName);
					}
				};

				var setting = {
					data: {
						key: {
							name: "F_DeptName"
						},
						simpleData: {
							enable: true,
							idKey: "F_DeptId",
							pIdKey: "F_PartentId",
							rootPId: 0
						}
					},
					check: {
						enable: true,
						chkboxType: {
							"Y": "",
							"N": ""
						}
					},
					view: {
						dblClickExpand: true
					},
					callback: {
						beforeClick: beforeClick,
						onCheck: onCheck
					}
				};

				function beforeClick(treeId, treeNode) {
					var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
						nodes = zTree.getCheckedNodes(true);
					zTree.checkNode(treeNode, !treeNode.checked, null, true);
					return false;
				}

				function onCheck(e, treeId, treeNode) {
					var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
						nodes = zTree.getCheckedNodes(true);
					console.log(treeNode)
					if(treeNode.level == 2) {
						var v = "",
							opid = '';
						for(var i = 0, l = nodes.length; i < l; i++) {
							v += nodes[i].F_DeptName + ",";
							opid += nodes[i].F_DeptId + ","
						}
						if(v.length > 0) v = v.substring(0, v.length - 1);
						var cityObj = $("#citySel");
						cityObj.val(v);
						if(opid.length > 0) opid = opid.substring(0, opid.length - 1);
						$('#OPID').attr("value", opid)
					}

				}

				function showMenu() {
					var cityObj = $("#citySel");
					$("#menuContent").css({
						left: 0,
						top: $("#citySel").height + "px"
					}).slideDown("fast");
					$("body").bind("mousedown", onBodyDown);

				}

				function hideMenu() {
					$("#menuContent").fadeOut("fast");
					$("body").unbind("mousedown", onBodyDown);
				}

				function onBodyDown(event) {
					if(!(event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target)
							.parents("#menuContent").length > 0)) {
						hideMenu();
					}
				}

				//交办
				function JA() {
					$.post(huayi.config.callcenter_url + 'WorkOrder/SplitWorkOrder', {
						workorderid: wid,
						maindeptid: $("#jbSelect").val().join(','), //承办单位
						assignedopinion: $('#assignedopinion').val(), //交办意见
						state: State,
						assignid: a,
						limittime: $("#startTime").val(),
						token: $.cookie("token")
					}, function(result) {
						result = JSON.parse(result);
						if(result.state.toLowerCase() == "success") {
							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
							//console.log(index);
							parent.layer.close(index); //再执行关闭
							parent.$('#orderlist').bootstrapTable('refresh');
							var savemsgs = State == 0 ? '保存成功' : '派单成功';
							if(parent.parentLoad) {
								parent.parentLoad()
							}
							parent.layer.msg(savemsgs);
						}
					})
				}

				//所属分类下拉
				$('#inpts').click(function() {
					$('.xlAdd').css('display', 'block')
				});
				$('#xls').click(function() {
					if($('.xlAdd').css('display') == 'block') {
						$('.xlAdd').css('display', 'none')
					} else {
						$('.xlAdd').css('display', 'block')
					}
				});
				$('.addTree').mouseleave(function() {
					$(this).css('display', 'none')
				});

				$('#citySel').click(function() {
					showMenu()
				});
				$('#xl_one').click(function() {
					showMenu()
				});
				$('#menuContent').mouseleave(function() {
					$(this).css('display', 'none')
				});

				//草稿详情
				function Detail() {
					$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDraftInfo', {
						workorderid: wid,
						type: 1,
						token: $.cookie("token")
					}, function(result) {
						if(result.state.toLowerCase() == "success") {
							if(result.data.length > 0) {
								var lTimes = result.data[0].F_LimitTime;
								var lTime = lTimes.substring(0, 10);
								$("#startTime").val(lTime);
								$('#assignedopinion').val(result.data[0].F_AssignedOpinion);
								$('#inpts').val(result.data[0].DeptName);
								$('#PID').val(result.data[0].F_MainDeptId);

								if(result.data[0].OtherDeptName) {
									$("#citySel").val(result.data[0].OtherDeptName);
									$('#OPID').val(result.data[0].F_OtherDeptIds); //协办单位
									var arrs1 = result.data[0].F_OtherDeptIds.split(',');
									//tree(arrs1);
								}
								a = result.data[0].F_Id;
							}
						}
					})
				}
			});

			function load(type) {
				$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrderNew', {
					workorderid: wid,
					type: type,
					"token": $.cookie("token")
				}, function(result) {
					if(result.state.toLowerCase() == "success") {
						var content = result.data;
						switch(type) {
							case '0':
								var lTimes = content.data[0].F_LimitTime;
								if(lTimes !== "" && lTimes !== null) {
									var lTime = lTimes.substring(0, 10);
									$("#startTime").val(lTime);
								}
								$(".gdbhs").text(content.data[0].F_WorkOrderId); //工单
								$(".tsfs").text(content.data[0].SourceName);
								if(content.data[0].F_Content === "" || content.data[0].F_Content === null) {
									$('.lxr').text(content.data[0].F_ComContent);
								} else {
									$('.lxr').text(content.data[0].F_Content);
								}

								$('.lxdh').text(content.data[0].F_CusPhone);
								var T = content.data[0].F_CreateTime; //受理时间
								if(T) {
									var S = T.substring(0, T.indexOf(' '));
									$('.tssj').text(S);
								}
								var assignHtml,assignedopinion
								if((content.data[0].F_InfoSource + "") === '4239'){
									assignHtml = '将转交市纪委监委问责。）'
									assignedopinion = "请于1小时内与来电人取得联系（匿名除外），并于5" +
								"个工作日内将办理情况反馈来电人，并将办理结果报安阳市12345联动服务中心，同时做好来电人信息保密工作。（若超期将进行通报；若无故不回复，"+ assignHtml
								}else{
									assignHtml = '将转交市委政府督查局问效。）'
									assignedopinion = "请于1小时内与来电人取得联系（匿名除外），并于5" +
								"个工作日内将办理情况反馈来电人，并将办理结果报安阳市12345联动服务中心，同时做好来电人信息保密工作。（若超期将进行通报；若无故不回复，"+ assignHtml
								}
								$("#assignedopinion").val(assignedopinion)
								$(".gdbh").text(content.data[0].F_CusName); //来电人
								$(".mmdj").text(content.data[0].F_SourceAddress); //地址
								$(".tslx").text(content.data[0].TypeName1); //偶投诉类型
								$(".bljg").text(content.data[0].F_Result);
								//密级程度
								if(content.data[0].F_IsProtect == 0) {
									$('.MJ').text("普通");
								} else {
									$('.MJ').text("保密");
								}
								laydate.skin('blue');
								laydate({
									elem: '#startTime',
									event: 'focus',
									max: lTime,
								});
								
								break;
							case '1':
								if(content.jbdata.length > 0) {
									var qst = content.jbdata[0].F_SureTime; //签收时间
									if(qst) {
										var qs = qst.substring(0, qst.indexOf(' '));
										$('.QSHJ').text(qs);
									}
								}
								break;
							case '12':
								if (content.length) {
									var n = content.psdata.length;
									if(n > 0) {
										var ldps = content.psdata[n - 1].F_SuperOpinion;
										$(".ldps").html(ldps);
									}
								}
								break;
						}

					}
				})

			}

			function jbSelect(obj) {
				obj.empty();
				$.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
					"token": $.cookie("token"),
				}, function(data) {
					if(data.state.toLowerCase() == "success") {

						var content = data.data;
						// content = content.slice(1, content.length)
						$("<option value=''>请选择</option>").appendTo(obj);
						$(content).each(function(i, n) {
							$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(
								obj);
						})
						obj.selectpicker({
							noneSelectedText: '请选择' //默认显示内容
						});
						obj.selectpicker('refresh');

					}
				})
			}

			function xbSelect(obj) {
				obj.empty();
				$.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
					"token": $.cookie("token"),
				}, function(data) {
					if(data.state.toLowerCase() == "success") {
						var content = data.data;
						content = content.slice(1, content.length)
						$(content).each(function(i, n) {
							$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo(
								obj);

						})
						obj.selectpicker({
							noneSelectedText: '请选择' //默认显示内容
						});
						obj.selectpicker('refresh');

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

</html>