草稿箱列表修改

WebUI/CallCenterWeb.UI/zhiShiKu/js/repositoryDrafts.js

@@ -13,6 +13,7 @@
         	$(document).ready(function(){
 //      		$('#firstOne').trigger("click");
 				//右侧搜索事件
+				bindtree();
 	        	initTable($('#depID').val());
 	        	$('#rightSearch').click(function(){
 	        			initTable($('#depID').val());
@@ -58,12 +59,46 @@
 		                }
 	            });
 	        }
-        		
-        		if($('.allAdd').hasClass('active')){
-        			$('.addTo').hide();
-        		}else{
-        			$('.addTo').show();
-        		}
+        		function bindtree() {
+			    $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", { "token": $.cookie("token") }, function (result) {
+			        if (result.state.toLowerCase() == "success") {
+			            tree = $.fn.zTree.init($("#treeDemo"), 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) {
+				$('#urgent').css('color','red');
+				$('#depID').val('');
+			    if (treeNode.level >= 2) {
+			    	var depId=treeNode.F_DeptId;
+					$('#depID').val(depId);
+			//      keyWord = $('.searCon').val();
+			        initTable(depId);
+			    }
+			    
+			};
+//      		if($('.allAdd').hasClass('active')){
+//      			$('.addTo').hide();
+//      		}else{
+//      			$('.addTo').show();
+//      		}
         		
         		$('.unitList li').click(function(){
         			$('.unitList li').removeClass('active')
@@ -97,9 +132,19 @@
         		})
         		$('.addTo').click(function(){
         			var depid=$('#depID').val();
+        			if(!depid||depid==0){
+        				layer.msg('请选择一个承办单位');
+        				return;
+        			}
         			goAdd(depid)
         			
         		})
+        		//紧急事件添加
+        		$('#urgent').click(function(){
+        			$('#depID').val('999');
+        			$('#urgent').css('color','#048aad');
+        			initTable($('#depID').val());
+        		})
         		function goAdd(ids){
 					//iframe窗
 				    layer.open({

WebUI/CallCenterWeb.UI/zhiShiKu/repositoryDrafts.html

@@ -7,17 +7,31 @@
 		<script src="../Script/Common/huayi.config.js"></script>
 		<link rel="stylesheet" href="css/swiper.min.css" />
 		<link rel="stylesheet" href="../css/init.css" />
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link rel="stylesheet" href="css/newRepository.css" />
 		<title>草稿箱</title>
 		<style>
 			.swiper-container {
-				    width: 100%;
-				    /*height: 300px;*/
-				}
-				.swiper-pagination-bullet{
-					height: 15px;
-					width: 15px;
-				}
+			    width: 100%;
+			    /*height: 300px;*/
+			}
+			.swiper-pagination-bullet{
+				height: 15px;
+				width: 15px;
+			}
+			#urgent{
+				color: red;
+				font-size: 12px;
+				font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
+				padding-left: 25px;
+				cursor: pointer;
+			}
+			.ztree{
+				padding-top: 0px;
+			}
+			.treeCon{
+				padding-top: 5px;
+			}
 		</style>
 	</head>
 
@@ -46,506 +60,12 @@
 					<p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;">服务单位列表</p>
 					<div class="line"></div>
 					<div class="siderCon">
-						<div class="swiper-container">
-						     <div class="swiper-wrapper">
-						     	<div class="swiper-slide swiper-no-swiping">
-									<ul class="unitList clearfix">
-									<li data-id="0" class="active allAdd">
-									 	<a href="javaScript:;" title="全部">
-									 		<i class="cityGovernment"></i>
-									 		<div>全部</div>
-									 	</a>
-									 </li>
-							 <li data-id="111">
-							 	<a href="javaScript:;" title="公告">
-							 		<i class="humanResource"></i>
-							 		<div>公告</div>
-							 	</a>
-							 </li>			
-							 <li data-id="31">
-							 	<a href="javaScript:;" title="市教育体育局">
-							 		<i></i>
-							 		<div>市教育体育局</div>
-							 	</a>
-							 </li>
-							 <li data-id="32">
-							 	<a href="javaScript:;"  title="市民政局">
-							 		<i class="smzj"></i>
-							 		<div>市民政局</div>
-							 	</a>
-							 </li>
-							  <li data-id="59">
-							 	<a href="javaScript:;" title="市公安消防支队">
-							 		<i class="sgaxf"></i>
-							 		<div>市公安消防支队</div>
-							 	</a>
-							 </li>
-							  <li data-id="68">
-							 	<a href="javaScript:;" title="中国人民银行商丘市中心支行">
-							 		<i class="chinaBank"></i>
-							 		<div>中国人民银行商丘市中心支行</div>
-							 	</a>
-							 </li>
-							 <li data-id="73">
-							 	<a href="javaScript:;" title="商丘市新奥燃气有限公司">
-							 		<i class="newAustrianGas"></i>
-							 		<div>商丘市新奥燃气有限公司</div>
-							 	</a>
-							 </li>
-							  <li data-id="75">
-							 	<a href="javaScript:;" title="中国移动商丘市分公司">
-							 		<i class="chinaMobile"></i>
-							 		<div>中国移动商丘市分公司</div>
-							 	</a>
-							 </li>
-							  <li data-id="77">
-							 	<a href="javaScript:;" title="郑州铁路局商丘车站">
-							 		<i class="railwayBureau"></i>
-							 		<div>郑州铁路局商丘车站</div>
-							 	</a>
-							 </li>
-							  <li data-id="87">
-							 	<a href="javaScript:;" title="商丘市残联">
-							 		<i class="cityCDPF"></i>
-							 		<div>商丘市残联</div>
-							 	</a>
-							 </li>
-							  <li data-id="104">
-							 	<a href="javaScript:;" title="商丘公共交通有限公司">
-							 		<i class="publicTransit"></i>
-							 		<div>商丘公共交通有限公司</div>
-							 	</a>
-							 </li>
-							  <li data-id="39">
-							 	<a href="javaScript:;" title="市环保局">
-							 		<i class="cityEnvironmentalAgency"></i>
-							 		<div>市环保局</div>
-							 	</a>
-							 </li>
-							 <li data-id="55">
-							 	<a href="javaScript:;" title="市城市管理局">
-							 		<i class="cityAuthority"></i>
-							 		<div>市城市管理局</div>
-							 	</a>
-							 </li>
-							  <li data-id="29">
-							 	<a href="javaScript:;" title="市公安局">
-							 		<i class="publicSecurityBureau"></i>
-							 		<div>市公安局</div>
-							 	</a>
-							 </li>
-							  <li data-id="76">
-							 	<a href="javaScript:;"title="中国联通商丘市分公司">
-							 		<i class="chinaUnicom"></i>
-							 		<div>中国联通商丘市分公司</div>
-							 	</a>
-							 </li>
-							  <li data-id="38">
-							 	<a href="javaScript:;" title="市水利局">
-							 		<i class="waterConservancyBureau"></i>
-							 		<div>市水利局</div>
-							 	</a>
-							 </li>
-							  <li data-id="65">
-							 	<a href="javaScript:;" title="市地方税务局">
-							 		<i class="inlandRevenue"></i>
-							 		<div>市地方税务局</div>
-							 	</a>
-							 </li>
-							 
-							  <li data-id="82">
-							 	<a href="javaScript:;" title="城乡一体化示范区管委会">
-							 		<i class="demonstrationArea"></i>
-							 		<div>城乡一体化示范区管委会</div>
-							 	</a>
-							 </li>
-							 
-							  <li data-id="45">
-							 	<a href="javaScript:;" title="市住建局">
-							 		<i class="housingAuthority"></i>
-							 		<div>市住建局</div>
-							 	</a>
-							 </li>
-							  <li data-id="40">
-							 	<a href="javaScript:;" title="市城乡规划管理局">
-							 		<i class="urbanRuralPlanning"></i>
-							 		<div>市城乡规划管理局</div>
-							 	</a>
-							 </li>
-							 
-							  <li data-id="71">
-							 	<a href="javaScript:;" title="商丘市水务集团">
-							 		<i class="waterGroup"></i>
-							 		<div>商丘市水务集团</div>
-							 	</a>
-							 </li>
-							 
-							  <li data-id="72">
-							 	<a href="javaScript:;" title="商丘供电公司">
-							 		<i class="powerCompany"></i>
-							 		<div>商丘供电公司</div>
-							 	</a>
-							 </li>
-							  <li data-id="44">
-							 	<a href="javaScript:;" title="市商务局">
-							 		<i class="sswj"></i>
-							 		<div>市商务局</div>
-							 	</a>
-							 </li>
-							  <li data-id="57">
-							 	<a href="javaScript:;" title="市住房公积金管理中心">
-							 		<i class="cityHousingFund"></i>
-							 		<div>市住房公积金管理中心</div>
-							 	</a>
-							 </li>
-							
-							  <li data-id="47">
-							 	<a href="javaScript:;" title="市人力资源和社会保障局">
-							 		<i class="humanResource"></i>
-							 		<div>市人力资源和社会保障局</div>
-							 	</a>
-							 </li>
-							  <li data-id="46">
-							 	<a href="javaScript:;" title="市卫生计生委">
-							 		<i class="familyPlanning"></i>
-							 		<div>市卫生计生委</div>
-							 	</a>
-							 </li>
-							 <li data-id="42">
-							 	<a href="javaScript:;" title="市国土资源局">
-							 		<i class="sgtzyj"></i>
-							 		<div>市国土资源局</div>
-							 	</a>
-							 </li>
-							 <li data-id="34">
-							 	<a href="javaScript:;" title="市交通运输局">
-							 		<i class="transportation"></i>
-							 		<div>市交通运输局</div>
-							 	</a>
-							 </li>
-							
-							</ul>
-						     	</div>
-						     	
-						     	<div class="swiper-slide swiper-no-swiping">
-									<ul class="unitList clearfix">
-							<li data-id="88">
-							 	<a href="javaScript:;" title="河南煤矿安全监察局豫东分局">
-							 		<i class="coalMineSafety"></i>
-							 		<div>河南煤矿安全监察局豫东分局</div>
-							 	</a>
-							 </li>
-							
-							 <li data-id="89">
-							 	<a href="javaScript:;" title="郑州海关商丘办事处">
-							 		<i class="customsOffice"></i>
-							 		<div>郑州海关商丘办事处</div>
-							 	</a>
-							 </li>
-							 <li data-id="90">
-							 	<a href="javaScript:;" title="商丘市无线电管理局">
-							 		<i class="radioManagement"></i>
-							 		<div>商丘市无线电管理局</div>
-							 	</a>
-							 </li>
-						
-							<li data-id="91">
-							 	<a href="javaScript:;" title="市民宗委">
-							 		<i class="publicCommittee"></i>
-							 		<div>市民宗委</div>
-							 	</a>
-							 </li>
-							 <li data-id="92">
-							 	<a href="javaScript:;" title="市工商局">
-							 		<i class="cityOfIndustry"></i>
-							 		<div>市工商局</div>
-							 	</a>
-							 </li>
-							
-							 <li data-id="93">
-							 	<a href="javaScript:;" title="市科学技术局">
-							 		<i class="scienceTechnology"></i>
-							 		<div>市科学技术局</div>
-							 	</a>
-							 </li>
-							 <li data-id="98">
-							 	<a href="javaScript:;" title="客服">
-							 		<i class="customerService"></i>
-							 		<div>客服</div>
-							 	</a>
-							 </li>
-							 <li data-id="105">
-							 	<a href="javaScript:;" title="市妇联">
-							 		<i class="womenFederation"></i>
-							 		<div>市妇联</div>
-							 	</a>
-							 </li>
-							 <li data-id="74">
-							 	<a href="javaScript:;" title="中国电信商丘市分公司">
-							 		<i class="chinaTelecom"></i>
-							 		<div>中国电信商丘市分公司</div>
-							 	</a>
-							 </li>
-							 <li data-id="84">
-							 	<a href="javaScript:;" title="市档案局">
-							 		<i class="cityArchives"></i>
-							 		<div>市档案局</div>
-							 	</a>
-							 </li>
-							 <li data-id="85">
-							 	<a href="javaScript:;" title="商丘广电总台">
-							 		<i class="broadcastingStation"></i>
-							 		<div>商丘广电总台</div>
-							 	</a>
-							 </li>
-							 <li data-id="99">
-							 	<a href="javaScript:;" title="派单组">
-							 		<i class="sendSingle"></i>
-							 		<div>派单组</div>
-							 	</a>
-							 </li>
-							 <li data-id="69">
-							 	<a href="javaScript:;" title="商丘市银监分局">
-							 		<i class="bankSupervisor"></i>
-							 		<div>商丘市银监分局</div>
-							 	</a>
-							 </li>
-							 <li data-id="70">
-							 	<a href="javaScript:;" title="市邮政管理局">
-							 		<i class="postManagement"></i>
-							 		<div>市邮政管理局</div>
-							 	</a>
-							 </li>
-							 <li data-id="35">
-							 	<a href="javaScript:;" title="市农业局">
-							 		<i class="agricultureBureau"></i>
-							 		<div>市农业局</div>
-							 	</a>
-							 </li>
-							 <li data-id="86">
-							 	<a href="javaScript:;" title="市气象局">
-							 		<i class="weatherBureau"></i>
-							 		<div>市气象局</div>
-							 	</a>
-							 </li>
-							 <li data-id="81">
-							 	<a href="javaScript:;" title="市供销社">
-							 		<i class="supplyMarketing"></i>
-							 		<div>市供销社</div>
-							 	</a>
-							 </li>
-							 <li data-id="78">
-							 	<a href="javaScript:;" title="商丘日报报业集团">
-							 		<i class="dailyNewspaper"></i>
-							 		<div>商丘日报报业集团</div>
-							 	</a>
-							 </li>
-							 <li data-id="36">
-							 	<a href="javaScript:;" title="市审计局">
-							 		<i class="auditOffice"></i>
-							 		<div>市审计局</div>
-							 	</a>
-							 </li>
-							 <li data-id="37">
-							 	<a href="javaScript:;" title="市粮食局">
-							 		<i class="foodBureau"></i>
-							 		<div>市粮食局</div>
-							 	</a>
-							 </li>
-							 <li data-id="30">
-							 	<a href="javaScript:;" title="市发改委">
-							 		<i class="developmentReformCommission"></i>
-							 		<div>市发改委</div>
-							 	</a>
-							 </li>
-							 <li data-id="26">
-							 	<a href="javaScript:;" title="市畜牧局">
-							 		<i class="animalHusbandryBureau"></i>
-							 		<div>市畜牧局</div>
-							 	</a>
-							 </li>
-							 <li data-id="28">
-							 	<a href="javaScript:;" title="市国资委">
-							 		<i class="citySASAC"></i>
-							 		<div>市国资委</div>
-							 	</a>
-							 </li>
-							 <li data-id="43">
-							 	<a href="javaScript:;" title="市文化广播新闻出版局">
-							 		<i class="culturalBroadcasting"></i>
-							 		<div>市文化广播新闻出版局</div>
-							 	</a>
-							 </li>
-							 <li data-id="41">
-							 	<a href="javaScript:;" title="市安监局">
-							 		<i class="safetySupervisionBureau"></i>
-							 		<div>市安监局</div>
-							 	</a>
-							 </li>
-							 <li data-id="33">
-							 	<a href="javaScript:;" title="市财政局">
-							 		<i class="financeBureau"></i>
-							 		<div>市财政局</div>
-							 	</a>
-							 </li>
-							 <li data-id="50">
-							 	<a href="javaScript:;" title="市统计局">
-							 		<i class="statisticsBureau"></i>
-							 		<div>市统计局</div>
-							 	</a>
-							 </li>
-							
-						</ul>
-						     	</div>
-						     	
-						     	<div class="swiper-slide swiper-no-swiping">
-										<ul class="unitList clearfix">
-											 <li data-id="54">
-							 	<a href="javaScript:;" title="市工业和信息化委">
-							 		<i class="industryInformation"></i>
-							 		<div>市工业和信息化委</div>
-							 	</a>
-							 </li>
-									<li data-id="51">
-							 	<a href="javaScript:;" title="市地震局">
-							 		<i class="seismologicalBureau"></i>
-							 		<div>市地震局</div>
-							 	</a>
-							 </li>
-							 <li data-id="52">
-							 	<a href="javaScript:;" title="市林业局">
-							 		<i class="forestryBureau"></i>
-							 		<div>市林业局</div>
-							 	</a>
-							 </li>
-							 <li data-id="53">
-							 	<a href="javaScript:;" title="市司法局">
-							 		<i class="justiceBureau"></i>
-							 		<div>市司法局</div>
-							 	</a>
-							 </li>
-							 <li data-id="56">
-							 	<a href="javaScript:;" title="市农机局">
-							 		<i class="agriculturalBureau"></i>
-							 		<div>市农机局</div>
-							 	</a>
-							 </li>
-							 <li data-id="48">
-							 	<a href="javaScript:;" title="市旅游局">
-							 		<i class="tourism"></i>
-							 		<div>市旅游局</div>
-							 	</a>
-							 </li>
-							 <li data-id="66">
-							 	<a href="javaScript:;" title="市技术质量监督局">
-							 		<i class="technicalQuality"></i>
-							 		<div>市技术质量监督局</div>
-							 	</a>
-							 </li>
-							 <li data-id="67">
-							 	<a href="javaScript:;" title="市食品药品监督管理局">
-							 		<i class="foodDrugSupervision"></i>
-							 		<div>市食品药品监督管理局</div>
-							 	</a>
-							 </li>
-							 <li data-id="60">
-							 	<a href="javaScript:;" title="市公路局">
-							 		<i class="highwayBureau"></i>
-							 		<div>市公路局</div>
-							 	</a>
-							 </li>
-							 <li data-id="61">
-							 	<a href="javaScript:;" title="商丘出入境检验检疫局">
-							 		<i class="exitInspection"></i>
-							 		<div>商丘出入境检验检疫局</div>
-							 	</a>
-							 </li>
-							 <li data-id="62">
-							 	<a href="javaScript:;" title="市盐业管理局">
-							 		<i class="saltIndustryAuthority"></i>
-							 		<div>市盐业管理局</div>
-							 	</a>
-							 </li>
-							 <li data-id="58">
-							 	<a href="javaScript:;" title="市人防办">
-							 		<i class="airDefenseOffice"></i>
-							 		<div>市人防办</div>
-							 	</a>
-							 </li>
-							 <li data-id="64">
-							 	<a href="javaScript:;" title="市国家税务局">
-							 		<i class="stateRevenue"></i>
-							 		<div>市国家税务局</div>
-							 	</a>
-							 </li>
-							 <li data-id="63">
-							 	<a href="javaScript:;" title="市总工会">
-							 		<i class="generalUnion"></i>
-							 		<div>市总工会</div>
-							 	</a>
-							 </li>
-							 <li data-id="100">
-							 	<a href="javaScript:;" title="睢县县政府">
-							 		<i class="cityGovernment"></i>
-							 		<div>睢县县政府</div>
-							 	</a>
-							 </li>
-							 <li data-id="94">
-							 	<a href="javaScript:;" title="梁园区区政府">
-							 		<i class="cityGovernment"></i>
-							 		<div>梁园区区政府</div>
-							 	</a>
-							 </li>
-							 <li data-id="97">
-							 	<a href="javaScript:;" title="民权县县政府">
-							 		<i class="cityGovernment"></i>
-							 		<div>民权县县政府</div>
-							 	</a>
-							 </li>
-							 <li data-id="96">
-							 	<a href="javaScript:;" title="夏邑县县政府">
-							 		<i class="cityGovernment"></i>
-							 		<div>夏邑县县政府</div>
-							 	</a>
-							 </li>
-							 <li data-id="79">
-							 	<a href="javaScript:;" title="柘城县县政府">
-							 		<i class="cityGovernment"></i>
-							 		<div>柘城县县政府</div>
-							 	</a>
-							 </li>
-							 <li data-id="83">
-							 	<a href="javaScript:;" title="睢阳区区政府">
-							 		<i class="cityGovernment"></i>
-							 		<div>睢阳区区政府</div>
-							 	</a>
-							 </li>
-							 <li data-id="80">
-							 	<a href="javaScript:;" title="虞城县县政府">
-							 		<i class="cityGovernment"></i>
-							 		<div>虞城县县政府</div>
-							 	</a>
-							 </li>
-							 <li data-id="95">
-							 	<a href="javaScript:;" title="宁陵县县政府">
-							 		<i class="cityGovernment"></i>
-							 		<div>宁陵县县政府</div>
-							 	</a>
-							 </li>
-							 <li data-id="-1">
-							 	<a href="javaScript:;" title="其他">
-							 		<i class="cityGovernment"></i>
-							 		<div>其他</div>
-							 	</a>
-							 </li>
-						
-							</ul>
-						     	</div>
-						     </div>
-						 <div class="swiper-pagination"></div>
-						</div>
-						
-						
+						<span id="urgent">
+							紧急事项
+						</span>
+	                    <ul id="treeDemo" class="ztree">
+	                        <!--类名为ztree是必须的-->
+	                    </ul>
 					</div>
 				</div>
 				
@@ -591,6 +111,7 @@
 			</div>
 		</div>
 		<script src="js/swiper.min.js"></script>
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
 		<script src="js/repositoryDrafts.js"></script>
 		
 	</body>