值班电话管理；增加坐席组；

CallCenterWeb.UI/OnDuty/Duty.html

@@ -9,25 +9,24 @@
 		<script src="../Script/Common/huayi.config.js"></script>
 		<link href="../css/Table/table1.css" rel="stylesheet" />
 		<link href="../css/init.css" rel="stylesheet" />
-		<!--<script src="../css/laydate/laydate.js"></script>-->
 		<script src="../js/laydate/laydate.js"></script>
-		<script src="../My97DatePicker/WdatePicker.js"></script>
 		<style>
 			table td {
 				word-break: break-all;
 				word-wrap: break-word;
 			}
-			.time-box{
+			
+			.time-box {
 				position: relative;
 			}
+			
 			i.tub {
-			    position: absolute;
-			    right: 11px;
-			    top: 8px;
-			    font-size: 18px;
-			    color: #1cb494;
+				position: absolute;
+				right: 11px;
+				top: 8px;
+				font-size: 18px;
+				color: #1cb494;
 			}
-		
 		</style>
 	</head>
 
@@ -42,8 +41,8 @@
 					</sapn>
 				</div>
 				<div class="dhRight">
-            		<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
-            	</div>
+					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
+				</div>
 			</div>
 			<div class="th-box">
 				<div class="th-bar">
@@ -52,10 +51,6 @@
 					<a class="sc_btn  remove">删除</a>
 					<div class="seach-box fr">
 						<ul>
-							<li>电话号码：<input class="photo x-color" type="text" id="tel" /></li>
-							<!--<li>添加时间：<input class="laydate-icon photo x-color " type="text" id="settime" />
-								-<input class="laydate-icon photo x-color " type="text" id="endtime" />
-							</li>-->
 							<li>
 								添加时间：
 								<div class="time-box form-group" style="display: inline-block;width: 225px;">
@@ -64,6 +59,15 @@
 								</div>
 							</li>
 							<li>
+								坐席组：
+								<select id="s_department" class="photo x-color"></select>
+							</li>
+
+							<li>电话号码：<input class="photo x-color" type="text" id="tel" /></li>
+							<!--<li>添加时间：<input class="laydate-icon photo x-color " type="text" id="settime" />
+								-<input class="laydate-icon photo x-color " type="text" id="endtime" />
+							</li>-->
+							<li>
 								<a class="sc_btn  Block" id="sc_btns">搜索</a>
 							</li>
 						</ul>
@@ -76,6 +80,7 @@
 						<tr>
 							<th data-field="state" data-checkbox="true"></th>
 							<th data-field="F_ZBDH" data-align="center">值班电话</th>
+							<th data-field="F_ZXZName" data-align="center">坐席组</th>
 							<th data-field="F_Remark" data-align="center">说明</th>
 							<th data-field="F_CreateBy" data-align="center">添加人</th>
 							<th data-field="F_CreateTime" data-align="center">添加时间</th>
@@ -94,10 +99,16 @@
 				'</li>' +
 				'</ul>' +
 				'<div class="add_time">' +
-				'<label for="">电话号码:</label>' +
+				'<label for="TelNum"><b class="text-danger">*</b>电话号码:</label>' +
 				'<input type="text" id="TelNum" class="photo"  />' +
 				'</div>' +
 				'<div class="add_time">' +
+				'<label for="t_department"><b class="text-danger">*</b>坐席组:</label>' +
+				'<select id="t_department" class="photo">' +
+				'<option value="">请选择</option>' +
+				'</select>' +
+				'</div>' +
+				'<div class="add_time">' +
 				'<label for="" class="Pb_sm">说明:</label>' +
 				'<textarea type="text" id="Pb"></textarea>' +
 				'</div>' +
@@ -111,12 +122,12 @@
 				laydate.render({
 					elem: '#settime',
 					range: '~',
-//					type: 'datetime',
+					//					type: 'datetime',
 					//max : 31,
-//					min: 0,
-					theme: '#00a1cb',
+					//					min: 0,
+					theme: '#1ab394',
 				});
-
+				getDepts($('#s_department')); //坐席组下拉
 				/*搜索*/
 				$(".Block").click(function() {
 					initTable();
@@ -160,9 +171,14 @@
 									area: ['30%', '38%'], //宽高
 									content: html
 								});
-
 								$("#ID").val(result.data.F_ZBID);
 								$("#TelNum").val(result.data.F_ZBDH);
+								debugger
+								if(result.data.F_Groupid) {
+									getDepts($('#t_department')).then(function() {
+										$("#t_department").val(result.data.F_Groupid);
+									}); //坐席组下拉
+								}
 								$("#Pb").val(result.data.F_Remark);
 							}
 						})
@@ -176,10 +192,11 @@
 						title: '添加值班号码',
 						area: ['40%', '50%'], //宽高
 					});
+					getDepts($('#t_department')); //坐席组下拉
 				});
 
 				initTable();
-			})
+			});
 
 			function initTable() {
 				//先销毁表格
@@ -205,8 +222,9 @@
 							page: params.pageNumber,
 							pagesize: params.pageSize,
 							telnum: $("#tel").val(),
-							btime: $('#settime').val() && $('#settime').val().split('~')[0],
-							etime:$('#settime').val() && $('#settime').val().split('~')[1],
+							zxzid: $('#s_department').val(),
+							btime: $('#settime').val() && $('#settime').val().split(' ~ ')[0],
+							etime: $('#settime').val() && $('#settime').val().split(' ~ ')[1],
 							token: $.cookie("token")
 						};
 						return param;
@@ -247,17 +265,26 @@
 			//新增或者编辑
 			function addedit() {
 				var telreg = /^[0-9]+.?[0-9]*$/;
-            	if (!telreg.test($.trim($("#TelNum").val()))) {
+				if(!telreg.test($.trim($("#TelNum").val()))) {
 					layer.confirm('请输入有效的电话号码', {
 						icon: 2,
 						btn: ['确定'] //按钮
 					});
 					return;
 				}
+				debugger
+				if(!$.trim($("#t_department").val())) {
+					layer.confirm('请选择坐席组', {
+						icon: 2,
+						btn: ['确定'] //按钮
+					});
+					return;
+				}
 				/*发送请求*/
 				$.post(huayi.config.callcenter_url + "DutyPhone/AddDutyPhone", {
 					zbid: $("#ID").val(),
 					telphone: $("#TelNum").val(),
+					groupid: $('#t_department').val(),
 					des: $("#Pb").val(),
 					token: $.cookie("token")
 				}, function(result) {
@@ -273,6 +300,24 @@
 					}
 				})
 			}
+
+			//获取坐席组部门下拉
+			function getDepts(el) {
+				var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
+				$.getJSON(huayi.config.callcenter_url + "SeatGroup/GetList", {
+					token: $.cookie("token"),
+				}, function(data) {
+					if(data.rows && data.rows.length > 0) {
+						el.html('');
+						el.append('<option value="">请选择</option>');
+						$.each(data.rows, function(i, v) {
+							$('<option value="' + v.F_ZXZID + '">' + v.F_ZXZName + '</option>').appendTo(el);
+						});
+						dtd.resolve(); // 改变Deferred对象的执行状态
+					}
+				});
+				return dtd.promise(); // 返回promise对象
+			}
 		</script>
 
 	</body>