将这几个页面：

话务管理-通话记录
外呼管理-点击外呼管理-外呼任务添加
外呼管理-自动外呼管理-外呼任务添加
报表分析-员工考核分析-坐席工作报表
报表分析-员工考核分析-质检数据报表
中的部门下拉框，调成之前坐席监控页面的一样；

CallCenterWeb.UI/Script/Common/huayi.config.js

@@ -2,9 +2,9 @@
     var huayi = {};
 }
 huayi.config = {
-    //callcenter_url: "http://192.168.4.18:4451/",//生产环境
+    callcenter_url: "http://192.168.4.18:4451/",//生产环境
 
-    callcenter_url: "http://localhost:63663/",//测试环境
+    //callcenter_url: "http://localhost:63663/",//测试环境
 
     socket_ip: "192.168.5.7",//ip
     socket_port: "8081",//端口

CallCenterWeb.UI/TelCall/CallRecord.html

@@ -13,6 +13,7 @@
     <script src="../My97DatePicker/WdatePicker.js"></script>
     <script src="../js/select2/js/select2.min.js"></script>
     <script src="../css/laydate/laydate.js"></script>
+    <link rel="stylesheet" type="text/css" href="../js/bootstrap-treeview/bootstrap-treeview.min.css" />
     <style>
         body {
             font-family: "微软雅黑";
@@ -200,6 +201,25 @@
             width: calc(100% + 32px);
             margin-left: auto;
         }
+    
+        .caret{
+            margin-left: -20px;
+        }
+        #deptTreeView{
+            width: 300px;
+            max-height: 256px;
+            overflow-y: auto;
+            position: absolute;
+            z-index: 2;
+            top: 160px;
+            left: 128px;
+            background-color: #fff;
+        }
+        #deptTreeView li{
+        	float: none;
+        	width: 100%;
+        	margin: 0;
+        }
     </style>
 </head>
 
@@ -248,10 +268,14 @@
                                 <option value="1">呼出</option>
                             </select>
                         </li>
-                        <li class='BMs'>
-                            <label for="">部门：</label>
-                            <select name="" id="bumen" class="x-color select usercode"></select>
-                        </li>
+                        
+                        <li class="BMs">
+                        	<label for="department">部门：</label>
+							<input type="text" class="selects" id="department" data-id="-1" placeholder="请选择部门"/>
+							<span class="caret"></span>
+							<div id="deptTreeView" class="hidden"></div>
+						</li>
+                  
                         <li>
                             <label for="">电话号码：</label>
 
@@ -323,6 +347,7 @@
         </div>
     </div>
     <script src="../js/select2/js/zh-CN.js"></script>
+    <script src="../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
     <script>
         var stype = 1;
         var seatlist = [];
@@ -353,6 +378,27 @@
                     }
                 }
             })
+            
+        	//部门下拉数据
+			getDeptLists();
+			$('#department').on('focus click',function(){
+                $('#deptTreeView').removeClass('hidden').addClass('show');
+            });  
+			$('#department').on('keyup',function(){
+				if($(this).val() == ''){
+					$('deptTreeView').treeview('uncheckAll', { silent: true });
+					$(this).attr('data-id','-1');
+				}
+            });  
+			$('#department + .caret').on('click',function(){
+                $('#deptTreeView').removeClass('hidden').addClass('show');
+            });  
+			$('#deptTreeView').mouseleave(function(){
+				$(this).removeClass('show').addClass('hidden');
+			});
+            
+            
+            
             /*获取选中行对象*/
             $('#list').on("click-row.bs.table", function (e, row, ele) {
                 $('.success').removeClass('success'); //去除之前选中的行的，选中样式
@@ -372,31 +418,6 @@
                 }
             });
 
-            //部门下拉数据
-            $("#bumen").select2({
-                width: 'resolve',
-                minimumResultsForSearch: -1,
-                ajax: {
-                    type: "get",
-                    url: huayi.config.callcenter_url + "Department/GetDeptListForReport",
-                    async: true,
-                    dataType: "json",
-                    data: function (params) {
-                        return {
-                            token: $.cookie("token"),
-                            pid: params.id
-                        }
-                    },
-                    processResults: function (data) {
-                        return {
-                            results: data.data
-                        }
-                    },
-                    cache: true
-                },
-                placeholder: "请选择",
-
-            });
             //坐席下拉
             $("#seat").select2({
                 language: 'zh-CN'
@@ -411,6 +432,46 @@
 
         })
 
+        //获取部门
+		function getDeptLists() {
+			$.getJSON(huayi.config.callcenter_url + 'Department/GetDeptListForReport', {
+				token: $.cookie("token")
+			}, function(result) {
+				//debugger;
+				if(result.state.toLowerCase() == "success") {
+					var defaultDatas = result.data;
+					var $sTree = $('#deptTreeView').treeview({
+			            color: "#428bca",
+			            expandIcon: 'glyphicon glyphicon-chevron-right',
+			            collapseIcon: 'glyphicon glyphicon-chevron-down',
+			            nodeIcon: 'glyphicon glyphicon-bookmark',
+			            data: defaultDatas,
+			            onNodeSelected: function(event, node) {
+			            	$sTree.treeview('clearSearch');
+			                $('#department').val(node.text);
+			                $('#department').attr('data-id',node.id);
+			                $('#deptTreeView').removeClass('show').addClass('hidden');
+			            },
+			            onNodeUnselected: function (event, node) {
+			          		$('#department').val('');
+			                $('#department').attr('data-id','-1');
+			            }
+			        });
+			        var findSNodes = function() {
+			            return $sTree.treeview('search', [ $('#department').val(), {
+			            	ignoreCase: false, 
+			            	exactMatch: false 
+			            } ]);
+			        };
+			        $('#department').on('keyup', function (e) {
+			            var selectableNodes = findSNodes();
+			        });
+					
+				}
+			})
+		}
+        
+        
         function bindseat(obj) {
             obj.empty();
             obj.append('<option value="">全部</option>');
@@ -444,7 +505,7 @@
                         pagesize: params.pageSize,
                         usercode: $("#seat").val(),
                         phone: $("#tel").val(),
-                        dept: $("#bumen").val(),
+                        dept: $("#department").attr('data-id'),
                         callstate: $("#ss_hjzt").val(),
                         calltype: $("#ss_hcfx").val(),
                         starttime: $("#ss_kssj").val(),
@@ -536,7 +597,7 @@
         })
 
         function dcexcel(obj) {
-            var a = $("#bumen").val()
+            var a = $("#department").val()
             if (a) {
 
             } else {

CallCenterWeb.UI/zhiJian.html

@@ -9,14 +9,14 @@
 		<!--[if lt IE 9]>
     <meta http-equiv="refresh" content="0;ie.html" />
     <![endif]-->
-	    <script src="Script/Common/huayi.load.js"></script>
-        <script src="Script/Common/huayi.config.js"></script>
+		<script src="Script/Common/huayi.load.js"></script>
+		<script src="Script/Common/huayi.config.js"></script>
 		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
 		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
 		<link href="./css/animate.min.css" rel="stylesheet">
 		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
 		<link rel="stylesheet" href="./css/laydate/need/laydate.css" />
-		<link rel="stylesheet" href="js/select2/css/select2.min.css" />
+		<link rel="stylesheet" type="text/css" href="./js/bootstrap-treeview/bootstrap-treeview.min.css" />
 		<link rel="stylesheet" href="./css/init.css" />
 		<style>
 			.clearfix:after {
@@ -59,7 +59,6 @@
 				vertical-align: middle;
 			}
 			
-			
 			.zxt-content {
 				width: 95%;
 				margin: 0 auto;
@@ -80,22 +79,49 @@
 				background: #1ab394;
 				color: #fff;
 			}
+			
+			.drop_down {
+				position: relative;
+				display: inline-block;
+			}
+			
+			.caret {
+				margin: 0 7px 0 -23px;
+			}
+			
+			#deptTreeView {
+				width: 280px;
+				max-height: 256px;
+				overflow-y: auto;
+				position: absolute;
+				z-index: 2;
+				top: 28px;
+				left: 0px;
+				background-color: #fff;
+			}
 		</style>
 	</head>
 
 	<body class="gray-bg" style="background: #fefefe;">
 		<div class="zxtable">
 			<div class="daoHang clearfix">
-					<div class="dhLeft">
-					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表分析</a>&gt;<a href="javaScript:;">员工考核分析</a>&gt;<a href="" style="color: #000;">质检数据报表</a></sapn>
+				<div class="dhLeft">
+					<sapn><i class="syIcon"></i>位置：
+						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
+						<a href="javaScript:;">报表分析</a>&gt;
+						<a href="javaScript:;">员工考核分析</a>&gt;
+						<a href="" style="color: #000;">质检数据报表</a>
+					</sapn>
 				</div>
 			</div>
 			<div class="zxt-top clearfix">
 				<div class="topCon">
 					部门：
-					<select name="" id="bumen">
-						
-					</select>
+					<div class="drop_down">
+						<input type="text" class="" id="department" data-id="-1" placeholder="请选择部门" />
+						<span class="caret"></span>
+						<div id="deptTreeView" class="hidden"></div>
+					</div>
 					开始时间：
 					<input type="text" class="laydate-icon" id="startTime" /> 结束时间：
 					<input type="text" class="laydate-icon" id="endTime" />
@@ -127,8 +153,8 @@
 		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
 		<script src="./js/jquery.cookie.js"></script>
 		<script src="./css/laydate/laydate.js"></script>
-		<script src="./js/select2/js/select2.min.js"></script>
-    
+		<script src="./js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
+
 		<script>
 			$(function() {
 				var token = $.cookie("token");
@@ -152,82 +178,104 @@
 					endtime, //结束时间
 					bumen,
 					expor;
+
+				//部门下拉数据
+				getDeptLists();
+				$('#department').on('focus click', function() {
+					$('#deptTreeView').removeClass('hidden').addClass('show');
+				});
+				$('#department').on('keyup', function() {
+					if($(this).val() == '') {
+						$('deptTreeView').treeview('uncheckAll', {
+							silent: true
+						});
+						$(this).attr('data-id', '-1');
+					}
+				});
+				$('#department + .caret').on('click', function() {
+					$('#deptTreeView').removeClass('hidden').addClass('show');
+				});
+				$('#deptTreeView').mouseleave(function() {
+					$(this).removeClass('show').addClass('hidden');
+				});
+
 				tbodyAjax();
+
 				//点击搜索事件
 				$('.sear').click(function() {
 					$('.zjTable tbody').html('');
 					stime = $('#startTime').val(); //开始时间
 					endtime = $('#endTime').val(); //结束时间
-					bumen = $('#bumen').val(); //部门
-					if (stime == '') {
-	                    layer.confirm('请选择开始时间！', {
-	                        btn: ['确定']
-	                    });
-	                    return;
-	                } else if (endtime == '') {
-	                    layer.confirm('请选择结束时间！', {
-	                        btn: ['确定']
-	                    });
-	                    return;
-	                }else{
-	                	 tbodyAjax(stime, endtime, bumen);
-	                }
+					bumen = $("#department").attr('data-id'); //部门
+					if(stime == '') {
+						layer.confirm('请选择开始时间！', {
+							btn: ['确定']
+						});
+						return;
+					} else if(endtime == '') {
+						layer.confirm('请选择结束时间！', {
+							btn: ['确定']
+						});
+						return;
+					} else {
+						tbodyAjax(stime, endtime, bumen);
+					}
 				})
 
 				//表头
-					$.ajax({
-						type: "get",
-						dataType: "json",
-						url: huayi.config.callcenter_url+"QCResult/GetColumnList?expor",
-						async: true,
-						data: {
-							token:token,
-//							stime: stime,
-//							endtime: endtime,
-							isext:expor
-						},
-						success: function(data) {
-							var content = data.data;
+				$.ajax({
+					type: "get",
+					dataType: "json",
+					url: huayi.config.callcenter_url + "QCResult/GetColumnList?expor",
+					async: true,
+					data: {
+						token: token,
+						//							stime: stime,
+						//							endtime: endtime,
+						isext: expor
+					},
+					success: function(data) {
+						var content = data.data;
 
-							for(var i = 0; i < content.length; i++) {
-								$('<td rowspan="' + content[i].Rowspan + '" colspan="' + content[i].Colspan + '">' + content[i].Qcname + '</td>').appendTo('.zjTable thead tr.one')
-								if(content[i].Qcscore !== null) {
-									$('<td>' + content[i].Qcscore + '</td>').appendTo('.zjTable thead tr.four')
+						for(var i = 0; i < content.length; i++) {
+							$('<td rowspan="' + content[i].Rowspan + '" colspan="' + content[i].Colspan + '">' + content[i].Qcname + '</td>').appendTo('.zjTable thead tr.one')
+							if(content[i].Qcscore !== null) {
+								$('<td>' + content[i].Qcscore + '</td>').appendTo('.zjTable thead tr.four')
 
-								}
-								if(content[i].Qclist !== null) {
-									var twoCon = content[i].Qclist;
-									//console.log(twoCon)
-									for(var j = 0; j < twoCon.length; j++) {
-										//console.log(twoCon[j].Qcname)
-										$('<td rowspan="' + twoCon[j].Rowspan + '" colspan="' + twoCon[j].Colspan + '">' + twoCon[j].Qcname + '</td>').appendTo('.zjTable thead tr.two')
-										if(twoCon[j].Qclist !== null) {
-											var threeCon = twoCon[j].Qclist;
-											//console.log(threeCon);
-											for(var g = 0; g < threeCon.length; g++) {
-												$('<td rowspan="' + threeCon[g].Rowspan + '" colspan="' + threeCon[g].Colspan + '">' + threeCon[g].Qcname + '</td>').appendTo('.zjTable thead tr.three')
-												$('<td rowspan="' + threeCon[g].Rowspan + '" colspan="' + threeCon[g].Colspan + '">' + threeCon[g].Qcscore + '</td>').appendTo('.zjTable thead tr.four')
-											}
+							}
+							if(content[i].Qclist !== null) {
+								var twoCon = content[i].Qclist;
+								//console.log(twoCon)
+								for(var j = 0; j < twoCon.length; j++) {
+									//console.log(twoCon[j].Qcname)
+									$('<td rowspan="' + twoCon[j].Rowspan + '" colspan="' + twoCon[j].Colspan + '">' + twoCon[j].Qcname + '</td>').appendTo('.zjTable thead tr.two')
+									if(twoCon[j].Qclist !== null) {
+										var threeCon = twoCon[j].Qclist;
+										//console.log(threeCon);
+										for(var g = 0; g < threeCon.length; g++) {
+											$('<td rowspan="' + threeCon[g].Rowspan + '" colspan="' + threeCon[g].Colspan + '">' + threeCon[g].Qcname + '</td>').appendTo('.zjTable thead tr.three')
+											$('<td rowspan="' + threeCon[g].Rowspan + '" colspan="' + threeCon[g].Colspan + '">' + threeCon[g].Qcscore + '</td>').appendTo('.zjTable thead tr.four')
 										}
-
 									}
+
 								}
 							}
 						}
-					});
-			
+					}
+				});
+
 				//表格数据
-				function tbodyAjax(stime, endtime,bumen) {
+				function tbodyAjax(stime, endtime, bumen) {
 					$.ajax({
 						type: "get",
 						dataType: "json",
-						url: huayi.config.callcenter_url+"QCResult/GetDataList?expor",
+						url: huayi.config.callcenter_url + "QCResult/GetDataList?expor",
 						async: true,
 						data: {
-							token:token,
+							token: token,
 							stime: stime,
 							endtime: endtime,
-							dpt:bumen,
+							dpt: bumen,
 							isext: expor
 						},
 						success: function(result) {
@@ -241,34 +289,45 @@
 					});
 
 				}
-
-					//部门下拉框
-				$("#bumen").select2({
-					width: 'resolve' ,
-					 minimumResultsForSearch: -1,
-					ajax:{
-						type:"get",
-						url:huayi.config.callcenter_url+"Department/GetDeptListForReport",
-						async:true,
-						dataType: "json",
-						data:function(params){
-							return{
-								token:token,
-								pid:params.id
-							}
-						},
-						processResults:function(data){
-							
-							return{
-								 results:data.data
+			})
+			//获取部门
+			function getDeptLists() {
+				$.getJSON(huayi.config.callcenter_url + 'Department/GetDeptListForReport', {
+					token: $.cookie("token")
+				}, function(result) {
+					//debugger;
+					if(result.state.toLowerCase() == "success") {
+						var defaultDatas = result.data;
+						var $sTree = $('#deptTreeView').treeview({
+							color: "#428bca",
+							expandIcon: 'glyphicon glyphicon-chevron-right',
+							collapseIcon: 'glyphicon glyphicon-chevron-down',
+							nodeIcon: 'glyphicon glyphicon-bookmark',
+							data: defaultDatas,
+							onNodeSelected: function(event, node) {
+								$sTree.treeview('clearSearch');
+								$('#department').val(node.text);
+								$('#department').attr('data-id', node.id);
+								$('#deptTreeView').removeClass('show').addClass('hidden');
+							},
+							onNodeUnselected: function(event, node) {
+								$('#department').val('');
+								$('#department').attr('data-id', '-1');
 							}
-						},
-						 cache: true
-					},
-			        placeholder: "请选择",
+						});
+						var findSNodes = function() {
+							return $sTree.treeview('search', [$('#department').val(), {
+								ignoreCase: false,
+								exactMatch: false
+							}]);
+						};
+						$('#department').on('keyup', function(e) {
+							var selectableNodes = findSNodes();
+						});
 
-				});
-			})
+					}
+				})
+			}
 		</script>
 	</body>