修改反馈单位 来电单位bug

CallCenterWeb.UI/WorkOrder/AddWorkOrder.html

@@ -11,6 +11,7 @@
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
 		<link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
+		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
 		<link href="../css/init.css" rel="stylesheet" />
 		<title>手工制单</title>
 		<style>
@@ -171,22 +172,26 @@
 
 							<th>来电单位:</th>
 							<td style="position: relative;">
-								<!--<select name="" id="testInput1"  class="">
-								
-							</select>-->
-								<input id="testInput1" type="text" style="width:100%;" />
+								<select name="" id="testInput1"  class="">
+									<!--<option value="" selected>请选择来电单位</option>-->
+								</select>
+								<!--<input id="testInput1" type="text" style="width:100%;" />
 								<ul class="testInput-list">
 									<li></li>
-								</ul>
+								</ul>-->
+								
 							</td>
 						</tr>
 						<tr>
 							<th>反馈单位:</th>
 							<td style="position: relative;">
-								<input id="testInput2" type="text" style="width:100%;" style="display: none;" />
+								<select name="" id="testInput2"  class="">
+									<!--<option value="" selected>请选择来电单位</option>-->
+								</select>
+								<!--<input id="testInput2" type="text" style="width:100%;" style="display: none;" />
 								<ul class="testInput-list">
 									<li></li>
-								</ul>
+								</ul>-->
 							</td>
 
 							<th>工单来源:</th>
@@ -281,10 +286,14 @@
 								</select>
 							</td>-->
 							<td style="position: relative;">
-								<input id="testInput3" type="text" style="width:100%;" style="display: none;" />
+								<!--<input id="testInput3" type="text" style="width:100%;" style="display: none;" />
 								<ul class="testInput-list">
 									<li></li>
-								</ul>
+								</ul>-->
+								
+								<select id="testInput3">
+									<!--<option value="">请选择来电单位</option>-->
+								</select>
 							</td>
 						</tr>
 						<tr>
@@ -295,10 +304,13 @@
 								</select>
 							</td>-->
 							<td style="position: relative;">
-								<input id="testInput4" type="text" style="width:100%;" style="display: none;" />
+								<!--<input id="testInput4" type="text" style="width:100%;" style="display: none;" />
 								<ul class="testInput-list">
 									<li></li>
-								</ul>
+								</ul>-->
+								<select id="testInput4">
+									<!--<option value="">请选择来电单位</option>-->
+								</select>
 							</td>
 						</tr>
 						<tr>
@@ -324,14 +336,12 @@
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
 		<script src="../js/WorkOrder/AddWorkOrder.js"></script>
 		<script src="../js/WorkOrder/jquery.editable-select.js"></script>
+			<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script src="../js/kindeditor/kindeditor.js"></script>
 		<script src="../js/kindeditor/lang/zh_CN.js"></script>
 		<script>
 			//自己写的方法（未能实现鼠标下移选中）
-			Select($("#testInput1"));
-			Select($("#testInput2"));
-			Select($("#testInput3"));
-			Select($("#testInput4"));
+			
 
 			function Select(obj) {
 				obj.click(function(event) {
@@ -385,13 +395,57 @@
 
 			}
 			//请求单位
+			
+			
 			$(document).ready(function() {
-				$(document).click(function(e) {
-					if(!$(e.target).is($('.testInput-list>li')) && !$(e.target).is($('#testInput1')) && !$(e.target).is($('#testInput2')) && !$(e.target).is($('#testInput3')) && !$(e.target).is($('#testInput4'))) {
-						$('.testInput-list').hide();
-					}
-				})
+				$('#testInput1').comboSelect();
+				$('#testInput2').comboSelect();
+				$('#testInput3').comboSelect();
+				$('#testInput4').comboSelect();
+//				$(document).click(function(e) {
+//					if(!$(e.target).is($('.testInput-list>li')) && !$(e.target).is($('#testInput1')) && !$(e.target).is($('#testInput2')) && !$(e.target).is($('#testInput3')) && !$(e.target).is($('#testInput4'))) {
+//						$('.testInput-list').hide();
+//					}
+//				})
+			BindLDdep($("#testInput1"),$("#testInput2"),$("#testInput3"),$("#testInput4"));
 			})
+		
+				function BindLDdep(obj1,obj2,obj3,obj4,) {
+//					$('.testInput-list').empty();
+					$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "Customer/BindLDdep",
+						dataType: 'json',
+						async: true,
+						data: {
+//							keypara: str,
+							token: $.cookie("token")
+						},
+						success: function(data) {
+							var Count = data.data.dep;
+							var html = '';
+							$(Count).each(function(i, n) {
+								html = "<option value='" + n + "'>" + n + "</option>";
+								$(html).appendTo(obj1);
+								$(html).appendTo(obj2);
+								$(html).appendTo(obj3);
+								$(html).appendTo(obj4);
+//								$("<option value='" + n + "'>" + n + "</option>").appendTo(obj1)
+							});
+							obj1.comboSelect();
+							obj2.comboSelect();
+							obj3.comboSelect();
+							obj4.comboSelect();
+//							$('.testInput-list>li').click(function() {
+//								$('.testInput-list').show();
+//								obj.val($(this).html());
+//								$('.testInput-list').hide();
+//							})
+
+						}
+					});
+				};
+		
 		</script>
 	</body>
 

CallCenterWeb.UI/WorkOrder/WorkOrderDispose.html

@@ -10,6 +10,7 @@
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
 		<link href="../css/init.css" rel="stylesheet" />
 		<style>
 			/*table td {
@@ -150,8 +151,11 @@
 							</div>
 
 							<div class="form-group">
-								<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
+								<!--<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
 									<option value="">请选择来电单位</option>
+								</select>-->
+								<select class="" id="comeCall_dep">
+									<option value="" selected>请选择来电单位</option>
 								</select>
 							</div>
 
@@ -161,8 +165,11 @@
 								</select>
 							</div>
 							<div class="form-group">
-								<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
+								<!--<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
 									<option value="">请选择反馈单位</option>
+								</select>-->
+								<select class="" id="comeCall_deps">
+									<option value="" selected>请选择反馈单位</option>
 								</select>
 							</div>
 						</div>
@@ -512,6 +519,7 @@
 		<script src="../js/zTree/jquery.ztree.core.js"></script>
 		<script src="../js/laydate/laydate.js"></script>
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
+		<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script src="../js/kindeditor/kindeditor.js"></script>
 		<script src="../js/kindeditor/lang/zh_CN.js"></script>
 		<script src="../js/WorkOrder/WorkOrder.js"></script>
@@ -602,8 +610,8 @@
 							typeclass: $('#typeclassId').val(), //工单类型
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep').val(), //来电单位
-							fkdep: $('#comeCall_deps').val(), //来电单位
+							lddep: $('#comeCall_dep_input').val(), //来电单位
+							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 
 						};
@@ -658,8 +666,8 @@
 							typeclass: $('#typeclassId').val(), //工单类型
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep').val(), //来电单位
-							fkdep: $('#comeCall_deps').val(), //来电单位
+							lddep: $('#comeCall_dep_input').val(), //来电单位
+							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 
 						};
@@ -692,9 +700,9 @@
 					url += "&type=" + $("#orderSource").val();//工单来源
 					url += "&starttime=" + ($("#greetingTimes").val() && $("#greetingTimes").val().split(' ~ ')[0]);//开始时间
 					url += "&endtime=" + ($("#greetingTimes").val() && $("#greetingTimes").val().split(' ~ ')[1]);//结束时间
-					url += "&lddep=" + $("#comeCall_dep").val();//来电单位
+					url += "&lddep=" + $("#comeCall_dep_input").val();//来电单位
 					url += "&userid=" + $("#userid").val();//坐席
-					url += "&fkdep=" + $("#comeCall_deps").val();//反馈单位
+					url += "&fkdep=" + $("#comeCall_deps_input").val();//反馈单位
 				} else if(stype == '2') {
 					url += "&name=" + $("#ss_khxm").val() + "&tel=" + $("#ss_khdh").val() + "&key=" + $("#ss_gdnr").val();
 					url += "&type=" + $("#ss_gdlx").val() + "&orderid=" + $("#ss_gdbh").val();

CallCenterWeb.UI/WorkOrder/WorkOrderExpedite.html

@@ -10,6 +10,7 @@
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
 		<link href="../css/init.css" rel="stylesheet" />
 		<style>
 			/*table td {
@@ -130,8 +131,11 @@
 							</div>
 
 							<div class="form-group">
-								<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
+								<!--<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
 									<option value="">请选择来电单位</option>
+								</select>-->
+								<select class="" id="comeCall_dep">
+									<option value="" selected>请选择来电单位</option>
 								</select>
 							</div>
 
@@ -141,8 +145,11 @@
 								</select>
 							</div>
 							<div class="form-group">
-								<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
+								<!--<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
 									<option value="">请选择反馈单位</option>
+								</select>-->
+								<select class="" id="comeCall_deps">
+									<option value="" selected>请选择反馈单位</option>
 								</select>
 							</div>
 						</div>
@@ -430,7 +437,7 @@
 		<script src="../js/WorkOrder/WorkOrder.js"></script>
 		<script src="../js/laydate/laydate.js"></script>
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
-
+	<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script>
 			var selid;
 			var zpid;
@@ -503,8 +510,8 @@
 							typeclass: $('#typeclassId').val(), //工单类型
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep').val(), //来电单位
-							fkdep: $('#comeCall_deps').val(), //来电单位
+							lddep: $('#comeCall_dep_input').val(), //来电单位
+							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 						};
 						//                  if (stype == '1') {
@@ -558,8 +565,8 @@
 							typeclass: $('#typeclassId').val(), //工单类型
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep').val(), //来电单位
-							fkdep: $('#comeCall_deps').val(), //来电单位
+							lddep: $('#comeCall_dep_input').val(), //来电单位
+							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 						};
 						//                  if (stype == '1') {
@@ -592,9 +599,9 @@
 					url += "&type=" + $("#orderSource").val(); //工单来源
 					url += "&starttime=" + ($("#greetingTimes").val() && $("#greetingTimes").val().split(' ~ ')[0]); //开始时间
 					url += "&endtime=" + ($("#greetingTimes").val() && $("#greetingTimes").val().split(' ~ ')[1]); //结束时间
-					url += "&lddep=" + $("#comeCall_dep").val(); //来电单位
+					url += "&lddep=" + $("#comeCall_dep_input").val(); //来电单位
 					url += "&userid=" + $("#userid").val(); //坐席
-					url += "&fkdep=" + $("#comeCall_deps").val(); //反馈单位
+					url += "&fkdep=" + $("#comeCall_deps_input").val(); //反馈单位
 				} else if(stype == '2') {
 					url += "&name=" + $("#ss_khxm").val() + "&tel=" + $("#ss_khdh").val() + "&key=" + $("#ss_gdnr").val() + "&state=" + $("#ss_gdzt").val();
 					url += "&type=" + $("#ss_gdlx").val() + "&orderid=" + $("#ss_gdbh").val() + "&code=" + $("#ss_zxgh").val();

CallCenterWeb.UI/WorkOrder/WorkOrderParty.html

@@ -10,6 +10,7 @@
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
 		<link href="../css/init.css" rel="stylesheet" />
 		<style>
 			/*table td {
@@ -134,9 +135,13 @@
 							</div>
 
 							<div class="form-group">
-								<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
+								<!--<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
 									<option value="">请选择来电单位</option>
+								</select>-->
+								<select class="" id="comeCall_dep">
+									<option value="" selected>请选择来电单位</option>
 								</select>
+								
 							</div>
 
 							<div class="form-group">
@@ -145,8 +150,11 @@
 								</select>
 							</div>
 							<div class="form-group">
-								<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
+								<!--<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
 									<option value="">请选择反馈单位</option>
+								</select>-->
+								<select class="" id="comeCall_deps">
+									<option value="" selected>请选择反馈单位</option>
 								</select>
 							</div>
 						</div>
@@ -433,8 +441,8 @@
 		<script src="../js/kindeditor/lang/zh_CN.js"></script>
 		<script src="../js/WorkOrder/WorkOrder.js"></script>
 		<script src="../js/laydate/laydate.js"></script>
-
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
+		<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script>
 			var selid;
 			var zpid;
@@ -508,8 +516,8 @@
 							typeclass: $('#typeclassId').val(), //工单类型
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep').val(), //来电单位
-							fkdep: $('#comeCall_deps').val(), //来电单位
+							lddep: $('#comeCall_dep_input').val(), //来电单位
+							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 						};
 						//                  if (stype == '1') {
@@ -564,8 +572,8 @@
 							typeclass: $('#typeclassId').val(), //工单类型
 							starttime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0], //开始时间
 							endtime: $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1], //结束时间
-							lddep: $('#comeCall_dep').val(), //来电单位
-							fkdep: $('#comeCall_deps').val(), //来电单位
+							lddep: $('#comeCall_dep_input').val(), //来电单位
+							fkdep: $('#comeCall_deps_input').val(), //来电单位
 							userid: $('#userid').val() //坐席
 
 						};
@@ -598,9 +606,9 @@
 					url += "&type=" + $("#orderSource").val();//工单来源
 					url += "&starttime=" + ($("#greetingTimes").val() && $("#greetingTimes").val().split(' ~ ')[0]);//开始时间
 					url += "&endtime=" + ($("#greetingTimes").val() && $("#greetingTimes").val().split(' ~ ')[1]);//结束时间
-					url += "&lddep=" + $("#comeCall_dep").val();//来电单位
+					url += "&lddep=" + $("#comeCall_dep_input").val();//来电单位
 					url += "&userid=" + $("#userid").val();//坐席
-					url += "&fkdep=" + $("#comeCall_deps").val();//反馈单位
+					url += "&fkdep=" + $("#comeCall_deps_input").val();//反馈单位
 				} else if(stype == '2') {
 					url += "&name=" + $("#ss_khxm").val() + "&tel=" + $("#ss_khdh").val() + "&key=" + $("#ss_gdnr").val() + "&state=" + $("#ss_gdzt").val();
 					url += "&type=" + $("#ss_gdlx").val() + "&orderid=" + $("#ss_gdbh").val() + "&code=" + $("#ss_zxgh").val();

CallCenterWeb.UI/WorkOrder/WorkOrderSearch.html

@@ -10,6 +10,7 @@
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
+		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
 		<link href="../css/init.css" rel="stylesheet" />
 		<style>
 			/*table td {
@@ -135,8 +136,11 @@
 							</div>
 
 							<div class="form-group">
-								<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
+								<!--<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
 									<option value="">请选择来电单位</option>
+								</select>-->
+								<select class="" id="comeCall_dep">
+									<option value="" selected>请选择来电单位</option>
 								</select>
 							</div>
 
@@ -146,8 +150,11 @@
 								</select>
 							</div>
 							<div class="form-group">
-								<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
+								<!--<select class="form-control selectpicker" id="comeCall_deps" data-live-search="true">
 									<option value="">请选择反馈单位</option>
+								</select>-->
+								<select class="" id="comeCall_deps">
+									<option value="" selected>请选择反馈单位</option>
 								</select>
 							</div>
 						</div>
@@ -441,6 +448,7 @@
 		<script src="../js/WorkOrder/WorkOrder.js"></script>
 		<script src="../js/laydate/laydate.js"></script>
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
+		<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script>
 			var selid;
 			var stype = 1;

CallCenterWeb.UI/WorkOrder/Xga.html

@@ -12,6 +12,7 @@
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
 		<link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
+			<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
 		<link href="../css/init.css" rel="stylesheet" />
 		<title>手工制单</title>
 		<style>
@@ -161,19 +162,21 @@
 								<!--<select name="" id="testInput1"  class="">
 								
 							</select>-->
-								<input id="testInput1" type="text" style="width:100%;" />
+								<!--<input id="testInput1" type="text" style="width:100%;" />
 								<ul class="testInput-list">
 									<li></li>
-								</ul>
+								</ul>-->
+								<select name="" id="testInput1"></select>
 							</td>
 						</tr>
 						<tr>
 							<th>反馈单位:</th>
 							<td style="position: relative;">
-								<input id="testInput2" type="text" style="width:100%;" style="display: none;" />
+								<!--<input id="testInput2" type="text" style="width:100%;" style="display: none;" />
 								<ul class="testInput-list">
 									<li></li>
-								</ul>
+								</ul>-->
+								<select name="" id="testInput2"></select>
 							</td>
 
 							<th>工单来源:</th>
@@ -269,10 +272,11 @@
 								</select>
 							</td>-->
 							<td style="position: relative;">
-								<input id="testInput3" type="text" style="width:100%;" style="display: none;" />
+								<!--<input id="testInput3" type="text" style="width:100%;" style="display: none;" />
 								<ul class="testInput-list">
 									<li></li>
-								</ul>
+								</ul>-->
+								<select name="" id="testInput3"></select>
 							</td>
 						</tr>
 						<tr>
@@ -283,10 +287,11 @@
 								</select>
 							</td>-->
 							<td style="position: relative;">
-								<input id="testInput4" type="text" style="width:100%;" style="display: none;" />
+								<!--<input id="testInput4" type="text" style="width:100%;" style="display: none;" />
 								<ul class="testInput-list">
 									<li></li>
-								</ul>
+								</ul>-->
+								<select name="" id="testInput4"></select>
 							</td>
 						</tr>
 						<tr>
@@ -312,14 +317,10 @@
 		<script src="../js/kindeditor/kindeditor.js"></script>
 		<script src="../js/kindeditor/lang/zh_CN.js"></script>
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
+		<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script src="../js/WorkOrder/xgWork.js"></script>
 		<script src="../js/WorkOrder/jquery.editable-select.js"></script>
 		<script>
-			Select($("#testInput1"));
-			Select($("#testInput2"));
-			Select($("#testInput3"));
-			Select($("#testInput4"));
-
 			function Select(obj) {
 				obj.click(function(event) {
 					event.preventDefault();
@@ -376,12 +377,57 @@
 			//请求单位
 
 			$(document).ready(function() {
-				$(document).click(function(e) {
-					if(!$(e.target).is($('.testInput-list>li')) && !$(e.target).is($('#testInput1')) && !$(e.target).is($('#testInput2')) && !$(e.target).is($('#testInput3')) && !$(e.target).is($('#testInput4'))) {
-						$('.testInput-list').hide();
-					}
-				})
+				$('#testInput1').comboSelect();
+				$('#testInput2').comboSelect();
+				$('#testInput3').comboSelect();
+				$('#testInput4').comboSelect();
+//				$(document).click(function(e) {
+//					if(!$(e.target).is($('.testInput-list>li')) && !$(e.target).is($('#testInput1')) && !$(e.target).is($('#testInput2')) && !$(e.target).is($('#testInput3')) && !$(e.target).is($('#testInput4'))) {
+//						$('.testInput-list').hide();
+//					}
+//				})
+				BindLDdep($("#testInput1"),$("#testInput2"),$("#testInput3"),$("#testInput4"));
 			})
+			
+			
+				function BindLDdep(obj1,obj2,obj3,obj4,) {
+//					$('.testInput-list').empty();
+					$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "Customer/BindLDdep",
+						dataType: 'json',
+						async: false,
+						data: {
+//							keypara: str,
+							token: $.cookie("token")
+						},
+						success: function(data) {
+							var Count = data.data.dep;
+							var html = '';
+							$(Count).each(function(i, n) {
+								html = "<option value='" + n + "'>" + n + "</option>";
+								$(html).appendTo(obj1);
+								$(html).appendTo(obj2);
+								$(html).appendTo(obj3);
+								$(html).appendTo(obj4);
+//								$("<option value='" + n + "'>" + n + "</option>").appendTo(obj1)
+							});
+							obj1.comboSelect();
+							obj2.comboSelect();
+							obj3.comboSelect();
+							obj4.comboSelect();
+//							$('.testInput-list>li').click(function() {
+//								$('.testInput-list').show();
+//								obj.val($(this).html());
+//								$('.testInput-list').hide();
+//							})
+
+						}
+					});
+				};
+		
+			
+			
 		</script>
 	</body>
 

CallCenterWeb.UI/callScreen/call.js

@@ -20,6 +20,9 @@ laydate({
 	event: 'focus'
 });
 
+
+
+
 //权限展示
 $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCurrUserDep', {
 	"token": $.cookie("token")
@@ -28,6 +31,7 @@ $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCurrUserDep', {
 		console.log(result);
 		if(result.data.groname == "客服组") {
 			$(".KF").show();
+			$(".SC").show();
 		} else {
 			$(".SC").show();
 			$("#SCorderlist").show();
@@ -114,26 +118,8 @@ $.getJSON(huayi.config.callcenter_url + 'Customer/GetCustomerByTel', {
 })
 
 var timestamp = Date.parse(new Date());
-//呼叫中心传入城管平台参数   ///不知道干吗用
-//	$.ajax({
-//		type: "get",
-//		url: 'http://61.54.5.100:8086/callcenter/PutTel?',
-//		async: true,
-//		dataType: 'json',
-//		data: {
-//			id: UserCode,
-//			tel: $(".hidTel").val(),
-//			time: timestamp
-//		},
-//		success: function(data) {}
-//	});
-
-//	$('.maxOpen').trigger("click");
 $('.head-pic .lahei .la-before').show();
-//触发来电类型第一个 点击；
-//  $("#dicValueList li:first-child").find("label").trigger('click');
 $('.head-pic .lahei .la-after').hide();
-//	$(".Bacha").hide();
 
 function clearInter() {
 	clearInterval(timer);
@@ -158,54 +144,6 @@ function calling() {
 function toDub(i) {
 	return i < 10 ? "0" + i : "" + i;
 }
-//最大化 最小化效果
-//最小化
-//  $('.minClosed').click(function () {
-//      $('.ldtp-con').removeClass('fadeInDown');
-//      $('.ldtp-con').addClass('fadeOutUp');
-//      $('.ldtp-con').css("display", "none");
-//      $('.maxOpen').show();
-//      $('.maxOpen').addClass('fadeInDown');
-//  });
-
-//最大化
-//  $('.maxOpen').click(function () {
-//      //触发来电类型第一个 点击；测试用
-//      //$("#dicValueList li:first-child").find("label").trigger('click');
-//      $('.ldtp-con').removeClass('fadeOutUp');
-//      $('.ldtp-con').addClass('fadeInDown');
-//      $('.ldtp-con').css("display", "block");
-//      $('.maxOpen').hide();
-//      $('.maxOpen').removeClass('fadeInDown');
-//      $('.maxOpen').addClass('fadeInDown');
-//      $('.first').removeClass('first');
-//      $('.ldtp-con').addClass('first');
-//
-//  })
-
-//关闭弹框
-//  $(".Bacha").click(function () {
-//      //清除来电类型样式
-//      //debugger;
-//      $('#dicValueList li').find("label").removeClass('checkedDept');
-//      $('.ldtp-con').removeClass('fadeInDown');
-//      $('.ldtp-con').addClass('fadeOutUp');
-//      $('.ldtp-con').css("display", "none");
-//      Clean();
-//      top.obj.Type = "SayFree";
-//      top.Send();
-//  })
-//顶部小头像
-//  var little_pic = $('.head-pic .hp-box img').attr("src");
-//  $('.maxOpen li .photo img').attr("src", little_pic);
-//点击左侧菜单来电弹屏显示
-//  $('.tantan').click(function () {
-//      $('.maxOpen').trigger("click");
-//      $('.head-pic .lahei .la-before').show();
-//      $('.head-pic .lahei .la-after').hide();
-//
-//  })
-
 //点击挂断
 $('.head-pic .td-call .take').click(function() {
 	//      top.obj.Type = "DropCall";
@@ -314,7 +252,7 @@ $(".addts").click(function() {
 	var marketName = $("#marketName").val();
 	var marketTel = $("#marketTel").val();
 	var lddep_market = $("#lddep").val();
-	var fkdep_market = $("#testInput1_").val();
+	var fkdep_market = $("#testInput_markfkdep_input").val();
 	var fkcont_market = $("#fkcont_market").val();
 	var callid = $(".hidCallID").val();
 	if(!marketName) {
@@ -360,7 +298,7 @@ $(".addts").click(function() {
 				$("#marketName").val('');
 				$("#marketTel").val('');
 				$("#lddep_market").val('');
-				$("#testInput1_").val('');
+				$("#testInput_markfkdep_input").val('');
 				$("#fkcont_market").val('');
 				layer.msg("创建工单成功");
 				$('.addts').attr("disabled", false);
@@ -381,7 +319,7 @@ $(".add_").click(function() {
 	//来电单位
 	var lddep = $('#lddep').val();
 	//反馈单位 
-	var fkdep = $("#testInput_").val();
+	var fkdep = $("#testInput_cusfkdep_input").val();
 	///工单来源id 
 	var gdly = $("#DicValueList").val();
 	//工单类型id  
@@ -487,7 +425,7 @@ $(".add_").click(function() {
 				//来电单位
 				$('#lddep').val('');
 				//反馈单位 
-				$("#testInput_").val('');
+				$("#testInput_cusfkdep_input").val('');
 				///工单来源id 
 				$("#DicValueList").val('');
 				//工单类型id  
@@ -609,17 +547,10 @@ $(".addjl").click(function() {
 	if(type == '3') {
 		$(".addgd").show();
 		$(".tbold").hide();
-		Select($("#testInput_"));
+//		Select($("#testInput_"));
 	} else if(type == '1') {
 		$(".zxbg").show();
 		$(".tbold").hide();
-		//			obj.blur(function() { //
-		//				$('.testInput-list').hide();
-		//			});
-
-		//请求单位
-		//
-
 	}
 })
 
@@ -664,70 +595,7 @@ $('input:radio[name="banli"]').change(function() {
 		$(".Nows_box").hide();
 	}
 })
-//  QY($("#sourcearea"));
-//  LB($("#type"));
-//  ZT($("#keys"));
-
-//  //通知公告
-//function QY(obj) {
-//  obj.empty();
-//  obj.append('<option selected="selected" value="">请选择</option>');
-//  $.getJSON(huayi.config.callcenter_url + "Area/GetAreaListById", {
-//      "token": $.cookie("token"),
-//  }, function (data) {
-//      if (data.state.toLowerCase() == "success") {
-//          var content = data.data;
-//          $(content).each(function (i, n) {
-//              $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
-//          })
-//      }
-//  })
-//}
-////来源
-//function LY(obj) {
-//  obj.empty();
-//  $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
-//      "token": $.cookie("token"),
-//      id: 1
-//  }, function (data) {
-//      if (data.state.toLowerCase() == "success") {
-//          var content = data.data;
-//          $(content).each(function (i, n) {
-//              $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
-//          })
-//      }
-//  })
-//}
-////类别
-//function LB(obj) {
-//  obj.empty();
-//  $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
-//      "token": $.cookie("token"),
-//      id: 2
-//  }, function (data) {
-//      if (data.state.toLowerCase() == "success") {
-//          var content = data.data;
-//          $(content).each(function (i, n) {
-//              $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
-//          })
-//      }
-//  })
-//}
-////主题
-//function ZT(obj) {
-//  obj.empty();
-//  $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
-//      "token": $.cookie("token"),
-//      id: 3
-//  }, function (data) {
-//      if (data.state.toLowerCase() == "success") {
-//          var content = data.data;
-//          $(content).each(function (i, n) {
-//              $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
-//          })
-//      }
-//  })
-//}
+
 //获取历史记录
 loadOld()
 //获取历史记录
@@ -948,17 +816,6 @@ function GetDealState(val) {
 
 function GetStateName(val) {
 	var str = '';
-	//switch (val + '') {
-	//    case '0':
-	//        str = "待指派";
-	//        break;
-	//    case '1':
-	//        str = "处理中";
-	//        break;
-	//    case '2':
-	//        str = "已完结";
-	//        break;
-	//}
 	switch(val + '') {
 		case '0':
 			str = "待处理";
@@ -1213,8 +1070,11 @@ function Clean() {
 	$('#result').val('');
 
 }
-Select($("#testInput_"));
-Select($("#testInput1_"));
+//Select($("#testInput_"));
+$('#testInput_cusfkdep').comboSelect();
+$('#testInput_markfkdep').comboSelect();
+newBindLDdep($('#testInput_cusfkdep'),$('#testInput_markfkdep'))
+//Select($("#testInput1_"));
 Select($("#testInput2"));
 Selects($("#testInput1"));
 
@@ -1336,4 +1196,32 @@ $(document).ready(function() {
 			$('.testInput-list').hide();
 		}
 	})
-})
+})
+//弹屏右侧 新增工单 反馈单位  重写  2018-07-18  zhangshaungnan 新增
+function newBindLDdep(obj1,obj2) {
+//					$('.testInput-list').empty();
+					$.ajax({
+						type: "get",
+						url: huayi.config.callcenter_url + "Customer/BindLDdep",
+						dataType: 'json',
+						async: false,
+						data: {
+//							keypara: str,
+							token: $.cookie("token")
+						},
+						success: function(data) {
+							var Count = data.data.dep;
+							var html = '';
+							$(Count).each(function(i, n) {
+								html = "<option value='" + n + "'>" + n + "</option>";
+								$(html).appendTo(obj1);
+								$(html).appendTo(obj2);
+							});
+							obj1.comboSelect();
+							obj2.comboSelect();
+						}
+					});
+				};
+		
+			
+

CallCenterWeb.UI/callScreen/callScreen.html

@@ -10,6 +10,7 @@
 		<link href="./../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
 		<link rel="stylesheet" href="./../js/zTree/zTreeStyle.css" />
 		<link rel="stylesheet" href="./css/call.css" />
+		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
 		<style>
 			body,
 			html,
@@ -340,7 +341,7 @@
 				color: #e43926;
 			}
 			
-			.ld-sercon button.bton[disabled]{
+			.ld-sercon button.bton[disabled] {
 				background-color: #999;
 			}
 		</style>
@@ -586,12 +587,11 @@
 
           							  </ul>
         							</div>-->
-        							<!--<select class="form-control selectpicker" id="fkdep_market" data-live-search="true">
-										<option value="">请选择反馈单位</option>
-									</select>-->
-									<input type="text" id="testInput1_" class="ld-sercon form-control " />
+        							<select  id="testInput_markfkdep">
+									</select>
+									<!--<input type="text" id="testInput1_" class="ld-sercon form-control " />
 								<ul class="testInput-list">
-									<li></li>
+									<li></li>-->
                                 </span>
 									</div>
 									<div class="form-group clearfix">
@@ -605,9 +605,9 @@
                                 <span>解答内容:</span>
                                 <textarea rows="5"></textarea>
                             </div>-->
-                            		<div class="form-group text-center">
+									<div class="form-group text-center">
 										<button class="bton btn addts">创建</button>
-									</div>	
+									</div>
 								</form>
 							</div>
 							<div class="Pre-second second-con zxbg " style="display: none;">
@@ -647,10 +647,11 @@
         							<!--<select class="form-control selectpicker" id="fkdep" data-live-search="true">
 										<option value="">请选择反馈单位</option>
 									</select>-->
-									<input type="text" id="testInput_" class="ld-sercon form-control " style="width: 100%;" />
+									<!--<input type="text" id="testInput_" class="ld-sercon form-control " style="width: 100%;" />
 								<ul class="testInput-list" style="width: 98%;">
 									<li></li>
-								</ul>
+								</ul>-->
+								<select name="" id="testInput_cusfkdep"></select>
 									
                                 </span>
 									</div>
@@ -756,6 +757,7 @@
 		<script src="../js/kindeditor/lang/zh_CN.js"></script>
 		<script src="./../js/jquery.select.js"></script>
 		<script src="select.js"></script>
+		<script src="../js/comboSelect/jquery.combo.select.js"></script>
 		<script src="./../js/main.js?v=1.5"></script>
 		<script src="call.js"></script>
 	</body>

CallCenterWeb.UI/js/WorkOrder/AddWorkOrder.js

@@ -35,8 +35,8 @@ if(id) {
 		$("#name").val(unescape(decodeURI(name)));
 	}
 	if(unescape(decodeURI(depName)) != 'null' && unescape(decodeURI(depName)) != 'undefined') {
-		$("#testInput1").val(unescape(decodeURI(depName)));
-		$("#testInput3").val(unescape(decodeURI(depName)));
+		$("#testInput1_input").val(unescape(decodeURI(depName)));
+		$("#testInput3_input").val(unescape(decodeURI(depName)));
 	}
 
 }
@@ -48,11 +48,8 @@ $(document).ready(function() {
 	//工单状态
 	getOrderState();
 	//来电单位   
-	getAccount('#comeCall_dep');
-	//          getAccount('#comeCall_dep_market');
-	getAccount('#feedbackDep');
-	//          getAccount('#feedbackDep_market');
-
+//	getAccount('#comeCall_dep');
+//	getAccount('#feedbackDep');
 	//编辑器配置 客服部
 	KindEditor.ready(function(K) {
 		window.changeEditor = K.create('#feedBackCon'); //修改弹出框编辑器
@@ -208,14 +205,14 @@ function saveCustomer() {
 		});
 		return;
 	}
-	if($.trim($('#testInput1').val()) == '') {
+	if($.trim($('#testInput1_input').val()) == '') {
 		layer.confirm('请选择来电单位！', {
 			icon: 2,
 			btn: ['确定']
 		});
 		return;
 	}
-	if($.trim($('#testInput2').val()) == '') {
+	if($.trim($('#testInput2_input').val()) == '') {
 		layer.confirm('请选择反馈单位！', {
 			icon: 2,
 			btn: ['确定']
@@ -256,8 +253,8 @@ function saveCustomer() {
 			token: $.cookie("token"),
 			callCustomer: $('#name').val(), //姓名
 			tel: $('#tel').val(), //号码
-			lddep: $('#testInput1').val(), //来电单位
-			fkdep: $('#testInput2').val(), //反馈单位
+			lddep: $('#testInput1_input').val(), //来电单位
+			fkdep: $('#testInput2_input').val(), //反馈单位
 			gdly: $('#DicValueList').val(), //工单来源
 			gdlx: $('#typeclassId').val(), //工单类型id
 			gdzt: $('#State').val(), //工单状态id  
@@ -296,7 +293,7 @@ function saveMarket() {
 		});
 		return;
 	}
-	if($.trim($('#testInput3').val()) == '') {
+	if($.trim($('#testInput3_input').val()) == '') {
 		layer.confirm('请选择来电单位！', {
 			icon: 2,
 			btn: ['确定']
@@ -337,8 +334,8 @@ function clear() {
 	if(ns == 1) {
 		$('#name').val('');
 		$('#tel').val(''); //号码
-		$('#testInput1').val(''); //来电单位
-		$('#testInput2').val(''); //反馈单位
+		$('#testInput1_input').val(''); //来电单位
+		$('#testInput2_input').val(''); //反馈单位
 		$('#orderSource').val(''); //工单来源
 		$('#typeclassId').val(''); //工单类型id
 		$('#State').val(''); //工单状态id   
@@ -352,8 +349,8 @@ function clear() {
 	} else {
 		$('#name_market').val('');
 		$('#tel_market').val(''); //号码
-		$('#testInput3').val(''); //来电单位
-		$('#testInput4').val(''); //反馈单位
+		$('#testInput3_input').val(''); //来电单位
+		$('#testInput4_input').val(''); //反馈单位
 		$('#remark_market').val(''); //备注内容
 		marketEditor.html('');
 	}

CallCenterWeb.UI/js/WorkOrder/WorkOrder.js

@@ -97,9 +97,11 @@
 		//										min: 0,
 		theme: '#1ab394',
 	});
-	getAccount()
-	//反馈单位
-	getAccounts()
+	getAccount();
+		$('#comeCall_dep').comboSelect();
+		$('#comeCall_deps').comboSelect();
+//	//反馈单位
+//	getAccounts()
 
 	function getAccount() {
 		$.ajax({
@@ -114,9 +116,11 @@
 				var Count = data.data.dep;
 				$(Count).each(function(i, n) {
 					$("<option value='" + n + "'>" + n + "</option>").appendTo($("#comeCall_dep"));
+					$("<option value='" + n + "'>" + n + "</option>").appendTo($("#comeCall_deps"));
 				})
-				$('#comeCall_dep').selectpicker('refresh');
-      			  $('#comeCall_dep').selectpicker('render');
+//				$('#comeCall_dep').selectpicker('refresh');
+      			$('#comeCall_dep').comboSelect();
+      			$('#comeCall_deps').comboSelect();
 
 			}
 		});
@@ -136,8 +140,8 @@
 				$(Count).each(function(i, n) {
 					$("<option value='" + n + "'>" + n + "</option>").appendTo($("#comeCall_deps"));
 				})
-				$('#comeCall_deps').selectpicker('refresh');
-				 $('#comeCall_deps').selectpicker('render');
+//				$('#comeCall_deps').selectpicker('refresh');
+					$('#comeCall_deps').comboSelect();
 			}
 		});
 	}
@@ -608,8 +612,8 @@ function remove(str, row) {
 	var typeclass = $('#typeclassId').val(); //工单类型
 	var starttime = $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0]; //开始时间
 	var endtime = $('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1]; //结束时间
-	var lddep = $('#comeCall_dep').val(); //来电单位
-	var fkdep = $('#comeCall_deps').val(); //来电单位
+	var lddep = $('#comeCall_dep_input').val(); //来电单位
+	var fkdep = $('#comeCall_deps_input').val(); //来电单位
 	var userid = $('#userid').val(); //坐席
 	layer.confirm('确定删除当前记录？', {
 		btn: ['是', '否'] //按钮

CallCenterWeb.UI/js/WorkOrder/xgWork.js

@@ -33,9 +33,9 @@ GDLY();
 	//工单类型
 	getOrderType();
 	//来电单位   
-	getAccount('#comeCall_dep');
+//	getAccount('#comeCall_dep');
 	//          getAccount('#comeCall_dep_market');
-	getAccount('#feedbackDep');
+//	getAccount('#feedbackDep');
 	//          getAccount('#feedbackDep_market');
 	//保存
 	$('.customerSubmit').click(function() {
@@ -128,10 +128,10 @@ $.ajax({
 			$("#tel_market").val(data.CustomerTel);
 			$("#tel").val(data.CustomerTel);
 			//
-			$("#testInput1").val(data.Address);
-			$("#testInput2").val(data.Source);
-			$("#testInput3").val(data.Address);
-			$("#testInput4").val(data.Source);
+			$("#testInput1_input").val(data.Address);
+			$("#testInput2_input").val(data.Source);
+			$("#testInput3_input").val(data.Address);
+			$("#testInput4_input").val(data.Source);
 			$("#typeclass").val(data.GDLXName);
 //			$("#feedBackCon").text(decodeURIComponent(data.Detail));
 			changeEditor.html(decodeURIComponent(data.Detail));			
@@ -234,8 +234,8 @@ function saveCustomer() {
 			token: $.cookie("token"),
 			orderid: id,
 			customer: $('#name').val(), //姓名
-			lddep: $('#testInput1').val(), //来电单位
-			fkdep: $('#testInput2').val(), //反馈单位
+			lddep: $('#testInput1_input').val(), //来电单位
+			fkdep: $('#testInput2_input').val(), //反馈单位
 			type: $('#DicValueList').val(), //工单来源
 			typeclass: $('#typeclassId').val(), //工单类型id
 			gdzt: $('#State').val(), //工单状态id   
@@ -274,7 +274,7 @@ function saveMarket() {
 		});
 		return;
 	}
-	if($('#testInput3').val() == '') {
+	if($('#testInput3_input').val() == '') {
 		layer.confirm('请选择来电单位！', {
 			icon: 2,
 			btn: ['确定']
@@ -291,8 +291,8 @@ function saveMarket() {
 			token: $.cookie("token"),
 			orderid: $("#CallID").val(),
 			customer: $('#name_market').val(), //姓名
-			lddep: $('#testInput3').val(), //来电单位
-			fkdep: $('#testInput4').val(), //反馈单位
+			lddep: $('#testInput3_input').val(), //来电单位
+			fkdep: $('#testInput4_input').val(), //反馈单位
 			detail:$('#remark_market').val(), //备注   
 		},
 		success: function(data) {
@@ -313,8 +313,8 @@ function clear() {
 	if(ns == 1) {
 		$('#name').val('');
 		$('#tel').val(''); //号码
-		$('#testInput1').val(''); //来电单位
-		$('#testInput2').val(''); //反馈单位
+		$('#testInput1_input').val(''); //来电单位
+		$('#testInput2_input').val(''); //反馈单位
 		$('#orderSource').val(''); //工单来源
 		$('#typeclassId').val(''); //工单类型id
 		$('#State').val(''); //工单状态id   
@@ -326,8 +326,8 @@ function clear() {
 	} else {
 		$('#name_market').val('');
 		$('#tel_market').val(''); //号码
-		$('#testInput3').val(''); //来电单位
-		$('#testInput4').val(''); //反馈单位
+		$('#testInput3_input').val(''); //来电单位
+		$('#testInput4_input').val(''); //反馈单位
 		changeMarket.html('') //反馈内容
 //		$('#remark_market').val(''); //备注内容
 	}

CallCenterWeb.UI/js/comboSelect/combo.select.css

@@ -0,0 +1,189 @@
+/**
+ * Variables
+ */
+/**
+ * Wrapper
+ */
+.combo-select {
+ 	position: relative;
+    max-width: 400px;
+    /* margin-bottom: 15px; */
+    font: 100% Helvetica, Arial, Sans-serif;
+    border: 1px #e5e6e7 solid;
+    border-radius: 1px;
+  }
+  .combo-select .combo-input {
+    margin-bottom: 0; }
+
+/**
+ * Input field
+ */
+.combo-input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  margin: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border: none;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 8px;
+  /*padding-right: 60px;*/
+  border-radius: 1px; 
+  }
+  .combo-input:focus {
+    outline: none; }
+
+/**
+ * Arrow
+ */
+.combo-arrow {
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  cursor: pointer;
+  text-align: center;
+  font-size: 14px;
+  width: 40px;
+  font-size: 12px;
+  color: #999999; }
+  .combo-arrow:before {
+    content: " ";
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-top: 5px solid #cccccc;
+    display: block;
+    width: 0;
+    height: 0;
+    top: 0;
+    right: 15px;
+    bottom: 0;
+    position: absolute;
+    margin: auto 0; }
+
+/**
+ * When opened
+ */
+.combo-open .combo-arrow {
+  border-color: #51A7E8; }
+  .combo-open .combo-arrow:before {
+    border-top: none;
+    border-bottom: 5px solid #cccccc; }
+
+/**
+ * When focused
+ */
+.combo-focus {
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+  border-color: #51A7E8; }
+  .combo-focus input {
+    border-color: #51A7E8; 
+    }
+  .ld-sercon input.combo-input {
+    border-color: #51A7E8; 
+    width: 100%;
+    }
+
+/**
+ * Hide native select
+ */
+.combo-select select {
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  -webkit-appearance: none;
+  opacity: 0; }
+
+@media only screen and (min-width: 960px) {
+  .combo-select select {
+    left: -1px;
+    top: -1px;
+    width: 0;
+    height: 0;
+    margin: 0; } }
+/**
+ * Selected option
+ */
+.option-selected {
+  background-color: #eee; }
+
+/**
+ * Hovered option
+ */
+.option-hover {
+  background-color: #006eab;
+  color: #fff; }
+
+/**
+ * Option item
+ */
+.option-item {
+  cursor: pointer;
+  /*border-bottom: 1px #e3e3e3 solid;*/ 
+  }
+  .option-item:hover {
+    background-color: #006eab;
+    color: #fff; }
+  .option-item:last-child {
+    border-bottom: none; }
+
+/**
+ * Disabled and optgroups
+ */
+.option-group {
+  cursor: text;
+  font-weight: 600;
+  background: #e1e1e1;
+  border: 1px #ccc solid;
+  border-width: 1px 0; }
+
+/**
+ * Disabled
+ */
+.option-disabled {
+  opacity: 0.5; }
+
+/**
+ * Dropdown
+ */
+.combo-dropdown {
+	  position: absolute;
+	  z-index: 1;
+	  top: 100%;
+	  left: 0;
+	  min-width: 100%;
+	  max-width: 300px;
+	  max-height: 300px;
+	  margin: 0;
+	  padding: 0;
+	  display: none;
+	  overflow-y: auto;
+	  background: #fff;
+	  border: 1px solid #e5e6e7;
+	  border-radius: 0;
+	  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+	  box-sizing: border-box;
+  }
+  .combo-dropdown li {
+	    list-style: none;
+	    padding: 8px 1em;
+	    margin: 0;
+	    float: initial;
+    }
+
+/**
+ * On Active
+ */
+.combo-open .combo-dropdown {
+  display: block; }
+
+/**
+ * Search marker
+ */
+.combo-marker {
+  text-decoration: underline; }

CallCenterWeb.UI/js/comboSelect/jquery.combo.select.js

@@ -0,0 +1,795 @@
+/*jshint asi:true, expr:true */
+/**
+ * Plugin Name: Combo Select
+ * Author : Vinay@Pebbleroad
+ * Date: 23/11/2014
+ * Description: 
+ * Converts a select box into a searchable and keyboard friendly interface. Fallbacks to native select on mobile and tablets
+ */
+
+// Expose plugin as an AMD module if AMD loader is present:
+(function (factory) {
+	'use strict';
+	if (typeof define === 'function' && define.amd) {
+		// AMD. Register as an anonymous module.
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object' && typeof require === 'function') {
+		// Browserify
+		factory(require('jquery'));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+}(function ( $, undefined ) {
+
+	var pluginName = "comboSelect",
+		dataKey = 'comboselect';
+	var defaults = {			
+		comboClass         : 'combo-select',
+		comboArrowClass    : 'combo-arrow',
+		comboDropDownClass : 'combo-dropdown',
+		inputClass         : 'combo-input text-input',
+		disabledClass      : 'option-disabled',
+		hoverClass         : 'option-hover',
+		selectedClass      : 'option-selected',
+		markerClass        : 'combo-marker',
+		themeClass         : '',
+		maxHeight          : 200,
+		extendStyle        : true,
+		focusInput         : true
+	};
+	/**
+	 * Utility functions
+	 */
+
+	var keys = {
+		ESC: 27,
+		TAB: 9,
+		RETURN: 13,
+		LEFT: 37,
+		UP: 38,
+		RIGHT: 39,
+		DOWN: 40,
+		ENTER: 13,
+		SHIFT: 16
+	},	
+	isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
+
+	/**
+	 * Constructor
+	 * @param {[Node]} element [Select element]
+	 * @param {[Object]} options [Option object]
+	 */
+	function Plugin ( element, options ) {
+			
+		/* Name of the plugin */
+
+		this._name = pluginName;
+
+		/* Reverse lookup */
+
+		this.el = element
+
+		/* Element */
+
+		this.$el = $(element)
+
+		/* If multiple select: stop */
+		
+		if(this.$el.prop('multiple')) return;
+
+		/* Settings */
+
+		this.settings = $.extend( {}, defaults, options, this.$el.data() );
+
+		/* Defaults */
+
+		this._defaults = defaults;
+
+		/* Options */
+
+		this.$options = this.$el.find('option, optgroup')
+
+		/* Initialize */
+
+		this.init();
+
+		/* Instances */
+
+		$.fn[ pluginName ].instances.push(this);
+
+	}
+
+	$.extend(Plugin.prototype, {
+		init: function () {
+
+			/* Construct the comboselect */
+
+			this._construct();
+
+
+			/* Add event bindings */          
+
+			this._events();
+
+
+		},
+		_construct: function(){
+
+			var self = this
+
+			/**
+			 * Add negative TabIndex to `select`
+			 * Preserves previous tabindex
+			 */
+			
+			this.$el.data('plugin_'+ dataKey + '_tabindex', this.$el.prop('tabindex'))
+
+			/* Add a tab index for desktop browsers */
+
+			!isMobile && this.$el.prop("tabIndex", -1)
+
+			/**
+			 * Wrap the Select
+			 */
+
+			this.$container = this.$el.wrapAll('<div class="' + this.settings.comboClass + ' '+ this.settings.themeClass + '" />').parent();
+			
+			/**
+			 * Check if select has a width attribute
+			 */
+			if(this.settings.extendStyle && this.$el.attr('style')){
+
+				this.$container.attr('style', this.$el.attr("style"))
+			}
+			
+
+			/**
+			 * Append dropdown arrow
+			 */
+
+			this.$arrow = $('<div class="'+ this.settings.comboArrowClass+ '" />').appendTo(this.$container)
+
+
+			/**
+			 * Append dropdown
+			 */
+
+			this.$dropdown = $('<ul class="'+this.settings.comboDropDownClass+'" />').appendTo(this.$container)
+
+
+			/**
+			 * Create dropdown options
+			 */
+
+			var o = '', k = 0, p = '';
+
+			this.selectedIndex = this.$el.prop('selectedIndex')
+
+			this.$options.each(function(i, e){
+
+				if(e.nodeName.toLowerCase() == 'optgroup'){
+
+					return o+='<li class="option-group">'+this.label+'</li>'
+				}
+
+				if(!e.value) p = e.innerHTML
+
+				o+='<li class="'+(this.disabled? self.settings.disabledClass : "option-item") + ' ' +(k == self.selectedIndex? self.settings.selectedClass : '')+ '" data-index="'+(k)+'" data-value="'+this.value+'">'+ (this.innerHTML) + '</li>'
+
+				k++;
+			})
+
+			this.$dropdown.html(o)
+
+			/**
+			 * Items
+			 */
+
+			this.$items = this.$dropdown.children();
+
+
+			/**
+			 * Append Input
+			 */
+
+			this.$input = $('<input placeholder="请选择" type="text"' + (isMobile? 'tabindex="-1"': '') + ' value="'+p+'" class="'+ this.settings.inputClass + '" id="'+ this.$el.attr("id")+'_input">').appendTo(this.$container)
+
+			/* Update input text */  
+
+			this._updateInput()
+
+		},
+
+		_events: function(){
+
+			/* Input: focus */
+
+			this.$container.on('focus.input', 'input', $.proxy(this._focus, this))
+
+			/**
+			 * Input: mouseup
+			 * For input select() event to function correctly
+			 */
+			this.$container.on('mouseup.input', 'input', function(e){
+				e.preventDefault()
+			})
+
+			/* Input: blur */
+
+			this.$container.on('blur.input', 'input', $.proxy(this._blur, this))
+
+			/* Select: change */
+
+			this.$el.on('change.select', $.proxy(this._change, this))
+
+			/* Select: focus */
+
+			this.$el.on('focus.select', $.proxy(this._focus, this))
+
+			/* Select: blur */
+
+			this.$el.on('blur.select', $.proxy(this._blurSelect, this))
+
+			/* Dropdown Arrow: click */
+
+			this.$container.on('click.arrow', '.'+this.settings.comboArrowClass , $.proxy(this._toggle, this))
+
+			/* Dropdown: close */
+
+			this.$container.on('comboselect:close', $.proxy(this._close, this))
+
+			/* Dropdown: open */
+
+			this.$container.on('comboselect:open', $.proxy(this._open, this))
+
+
+			/* HTML Click */
+
+			$('html').off('click.comboselect').on('click.comboselect', function(){
+				
+				$.each($.fn[ pluginName ].instances, function(i, plugin){
+
+					plugin.$container.trigger('comboselect:close')
+
+				})
+			});
+
+			/* Stop `event:click` bubbling */
+
+			this.$container.on('click.comboselect', function(e){
+				e.stopPropagation();
+			})
+
+
+			/* Input: keydown */
+
+			this.$container.on('keydown', 'input', $.proxy(this._keydown, this))
+
+			/* Input: keyup */
+			
+			this.$container.on('keyup', 'input', $.proxy(this._keyup, this))
+
+			/* Dropdown item: click */
+
+			this.$container.on('click.item', '.option-item', $.proxy(this._select, this))
+
+		},
+
+		_keydown: function(event){
+
+			
+
+			switch(event.which){
+
+				case keys.UP:
+					this._move('up', event)
+					break;
+
+				case keys.DOWN:
+					this._move('down', event)
+					break;
+				
+				case keys.TAB:
+					this._enter(event)
+					break;
+
+				case keys.RIGHT:
+					this._autofill(event);
+					break;
+
+				case keys.ENTER:
+					this._enter(event);
+					break;
+
+				default:							
+					break;
+
+
+			}
+
+		},
+		
+
+		_keyup: function(event){
+			
+			switch(event.which){
+				case keys.ESC:													
+					this.$container.trigger('comboselect:close')
+					break;
+
+				case keys.ENTER:
+				case keys.UP:
+				case keys.DOWN:
+				case keys.LEFT:
+				case keys.RIGHT:
+				case keys.TAB:
+				case keys.SHIFT:							
+					break;
+				
+				default:							
+					this._filter(event.target.value)
+					break;
+			}
+		},
+		
+		_enter: function(event){
+
+			var item = this._getHovered()
+
+			item.length && this._select(item);
+
+			/* Check if it enter key */
+			if(event && event.which == keys.ENTER){
+
+				if(!item.length) {
+					
+					/* Check if its illegal value */
+
+					this._blur();
+
+					return true;
+				}
+
+				event.preventDefault();
+			}
+			
+
+		},
+		_move: function(dir){
+
+			var items = this._getVisible(),
+				current = this._getHovered(),
+				index = current.prevAll('.option-item').filter(':visible').length,
+				total = items.length
+
+			
+			switch(dir){
+				case 'up':
+					index--;
+					(index < 0) && (index = (total - 1));
+					break;
+
+				case 'down':							
+					index++;
+					(index >= total) && (index = 0);							
+					break;
+			}
+
+			
+			items
+				.removeClass(this.settings.hoverClass)
+				.eq(index)
+				.addClass(this.settings.hoverClass)
+
+
+			if(!this.opened) this.$container.trigger('comboselect:open');
+
+			this._fixScroll()
+		},
+
+		_select: function(event){
+
+			var item = event.currentTarget? $(event.currentTarget) : $(event);
+
+			if(!item.length) return;
+
+			/**
+			 * 1. get Index
+			 */
+			
+			var index = item.data('index');
+
+			this._selectByIndex(index);
+
+			this.$container.trigger('comboselect:close')					
+
+		},
+
+		_selectByIndex: function(index){
+
+			/**
+			 * Set selected index and trigger change
+			 * @type {[type]}
+			 */
+			if(typeof index == 'undefined'){
+				
+				index = 0
+
+			}
+			
+			if(this.$el.prop('selectedIndex') != index){
+
+				this.$el.prop('selectedIndex', index).trigger('change');
+			}
+
+		},
+
+		_autofill: function(){
+
+			var item = this._getHovered();
+
+			if(item.length){
+
+				var index = item.data('index')
+
+				this._selectByIndex(index)
+
+			}
+
+		},
+		
+
+		_filter: function(search){
+
+			var self = this,
+				items = this._getAll();
+				needle = $.trim(search).toLowerCase(),
+				reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g'),
+				pattern = '(' + search.replace(reEscape, '\\$1') + ')';
+
+
+			/**
+			 * Unwrap all markers
+			 */
+			
+			$('.'+self.settings.markerClass, items).contents().unwrap();
+
+			/* Search */
+			
+			if(needle){
+
+				/* Hide Disabled and optgroups */
+
+				this.$items.filter('.option-group, .option-disabled').hide();
+				var thatThis=this;
+				
+				items							
+					.hide()
+					.filter(function(){
+
+						var $this = $(this),
+							text = $.trim($this.text()).toLowerCase();
+//						console.log($(this));
+						/* Found */
+						if(text.toString().indexOf(needle) != -1){
+																
+							/**
+							 * Wrap the selection
+							 */									
+							
+							$this
+								.html(function(index, oldhtml){
+								return oldhtml.replace(new RegExp(pattern, 'gi'), '<span class="'+self.settings.markerClass+'">$1</span>')
+							})									
+
+							return true
+						}
+					})
+					.show()
+			}else{
+
+								
+				this.$items.show();
+			}
+
+			/* Open the comboselect */
+
+			this.$container.trigger('comboselect:open')
+			
+
+		},
+
+		_highlight: function(){
+
+			/* 
+			1. Check if there is a selected item 
+			2. Add hover class to it
+			3. If not add hover class to first item
+			*/
+		
+			var visible = this._getVisible().removeClass(this.settings.hoverClass),
+				$selected = visible.filter('.'+this.settings.selectedClass)
+
+			if($selected.length){
+				
+				$selected.addClass(this.settings.hoverClass);
+
+			}else{
+
+				visible
+					.removeClass(this.settings.hoverClass)
+					.first()
+					.addClass(this.settings.hoverClass)
+			}
+
+		},
+
+		_updateInput: function(){
+
+			var selected = this.$el.prop('selectedIndex')
+//			console.log(this)
+			if(this.$el.val()){
+				
+				text = this.$el.find('option').eq(selected).text()
+
+				this.$input.val(text)
+
+			}else{
+				
+				this.$input.val('')
+//				this.$input.val(this.$el.find('option').eq(selected).text())
+
+			}
+
+			return this._getAll()
+				.removeClass(this.settings.selectedClass)
+				.filter(function(){
+
+					return $(this).data('index') == selected
+				})
+				.addClass(this.settings.selectedClass)
+		
+		},
+		_blurSelect: function(){
+
+			this.$container.removeClass('combo-focus');
+
+		},
+		_focus: function(event){
+			
+			/* Toggle focus class */
+
+			this.$container.toggleClass('combo-focus', !this.opened);
+
+			/* If mobile: stop */
+			
+			if(isMobile) return;
+
+			/* Open combo */
+
+			if(!this.opened) this.$container.trigger('comboselect:open');
+			
+			/* Select the input */
+			
+			this.settings.focusInput && event && event.currentTarget && event.currentTarget.nodeName == 'INPUT' && event.currentTarget.select()
+		},
+
+		_blur: function(){
+
+			/**
+			 * 1. Get hovered item
+			 * 2. If not check if input value == select option
+			 * 3. If none
+			 */
+			
+			var val = $.trim(this.$input.val().toLowerCase()),
+				isNumber = !isNaN(val);
+			
+			var index = this.$options.filter(function(){
+				
+				if(isNumber){
+					return parseInt($.trim(this.innerHTML).toLowerCase()) == val
+				}
+
+				return $.trim(this.innerHTML).toLowerCase() == val
+
+			}).prop('index')
+		
+			/* Select by Index */
+						
+			this._selectByIndex(index)
+			
+		},
+
+		_change: function(){
+
+
+			this._updateInput();
+
+		},
+
+		_getAll: function(){
+
+			return this.$items.filter('.option-item')
+
+		},
+		_getVisible: function(){
+
+			return this.$items.filter('.option-item').filter(':visible')
+
+		},
+
+		_getHovered: function(){
+
+			return this._getVisible().filter('.' + this.settings.hoverClass);
+
+		},
+
+		_open: function(){
+
+			var self = this
+
+			this.$container.addClass('combo-open')			
+
+			this.opened = true
+			
+			/* Focus input field */			
+
+			this.settings.focusInput && setTimeout(function(){ !self.$input.is(':focus') && self.$input.focus(); });
+
+			/* Highligh the items */
+
+			this._highlight()
+
+			/* Fix scroll */
+
+			this._fixScroll()
+
+			/* Close all others */
+
+
+			$.each($.fn[ pluginName ].instances, function(i, plugin){
+
+				if(plugin != self && plugin.opened) plugin.$container.trigger('comboselect:close')
+			})
+
+		},
+
+		_toggle: function(){
+
+			this.opened? this._close.call(this) : this._open.call(this)
+		},
+
+		_close: function(){				
+
+			this.$container.removeClass('combo-open combo-focus')
+
+			this.$container.trigger('comboselect:closed')
+
+			this.opened = false
+
+			/* Show all items */
+
+			this.$items.show();
+
+		},
+		_fixScroll: function(){
+	
+			/**
+			 * If dropdown is hidden
+			 */
+			if(this.$dropdown.is(':hidden')) return;
+
+			
+			/**
+			 * Else					 
+			 */
+			var item = this._getHovered();
+
+			if(!item.length) return;					
+
+			/**
+			 * Scroll
+			 */
+			
+			var offsetTop,
+				upperBound,
+				lowerBound,
+				heightDelta = item.outerHeight()
+
+			offsetTop = item[0].offsetTop;
+			
+			upperBound = this.$dropdown.scrollTop();
+
+			lowerBound = upperBound + this.settings.maxHeight - heightDelta;
+			
+			if (offsetTop < upperBound) {
+					
+				this.$dropdown.scrollTop(offsetTop);
+
+			} else if (offsetTop > lowerBound) {
+					
+				this.$dropdown.scrollTop(offsetTop - this.settings.maxHeight + heightDelta);
+			}
+
+		},
+		/**
+		 * Destroy API
+		 */
+		
+		dispose: function(){
+
+			/* Remove combo arrow, input, dropdown */
+
+			this.$arrow.remove()
+
+			this.$input.remove()
+
+			this.$dropdown.remove()
+
+			/* Remove tabindex property */
+			this.$el
+				.removeAttr("tabindex")
+
+			/* Check if there is a tabindex set before */
+
+			if(!!this.$el.data('plugin_'+ dataKey + '_tabindex')){
+				this.$el.prop('tabindex', this.$el.data('plugin_'+ dataKey + '_tabindex'))
+			}
+
+			/* Unwrap */
+
+			this.$el.unwrap()
+
+			/* Remove data */
+
+			this.$el.removeData('plugin_'+dataKey)
+
+			/* Remove tabindex data */
+
+			this.$el.removeData('plugin_'+dataKey + '_tabindex')
+
+			/* Remove change event on select */
+
+			this.$el.off('change.select focus.select blur.select');
+
+		}	
+	});
+
+
+
+	// A really lightweight plugin wrapper around the constructor,
+	// preventing against multiple instantiations
+	$.fn[ pluginName ] = function ( options, args ) {
+
+		this.each(function() {
+
+			var $e = $(this),
+				instance = $e.data('plugin_'+dataKey)
+
+			if (typeof options === 'string') {
+				
+				if (instance && typeof instance[options] === 'function') {
+						instance[options](args);
+				}
+
+			}else{
+
+				if (instance && instance.dispose) {
+						instance.dispose();
+				}
+
+				$.data( this, "plugin_" + dataKey, new Plugin( this, options ) );
+
+			}
+
+		});
+
+		// chain jQuery functions
+		return this;
+	};
+
+	$.fn[ pluginName ].instances = [];
+
+}));