YH_Web_UI/WebUI/CallCenterWe.../TelCall/js/Duty.js

/**
 * 值班电话管理
 * */

var html = '<div class="form-horizental">' +
	'<ul class="nav nav-tabs">' +
	'<li class="active">' +
	'<input type="hidden" id="ID" />' +
	'</li>' +
	'</ul>' +
	'<div class="add_time form-group clearfix">' +
	'<label class="col-sm-2" for="TelNum"><b class="text_require">*</b>电话号码:</label>' +
	'<div class="col-sm-10">'+
	'<input type="text" id="TelNum" class="form-control"  />' +
	'</div>' +
	'</div>' +
	'<div class="add_time form-group clearfix">'+
		'<label for="groupcode" class="col-sm-2"><b class="text_require">*</b>组别</label>'+
		'<div class="col-sm-10">'+
			'<select id="groupcode" class="form-control selectpicker" data-live-search="true">'+
			'</select>'+
		'</div>'+
	'</div>'+
	'<div class="add_time form-group clearfix">' +
	'<label for="Pb" class="Pb_sm col-sm-2">说明:</label>' +
	'<div class="col-sm-10">'+
	'<textarea type="text" class="form-control" id="Pb"></textarea>' +
	'</div>' +
	'</div>' +
	'<div class="add_time tc">' +
	'<button type="button" class="btn sc_btn " id="tc" onclick="addMsg()">保&nbsp;&nbsp;存</button>' +
	'</div>' +
	'</div>';
var editHtml = '<div class="form-horizental">' +
	'<ul class="nav nav-tabs">' +
	'<li class="active">' +
	'<input type="hidden" id="editID" />' +
	'</li>' +
	'</ul>' +
	'<div class="add_time form-group clearfix">' +
	'<label for="editTelNum" class="col-sm-2"><b class="text_require">*</b>电话号码:</label>' +
	'<div class="col-sm-10">'+
	'<input type="text" id="editTelNum" class="form-control"  />' +
	'</div>' +
	'</div>' +
	'<div class="add_time form-group clearfix">'+
		'<label for="groupcode" class="col-sm-2"><b class="text_require">*</b>组别</label>'+
		'<div class="col-sm-10">'+
			'<select id="groupcode" class="form-control selectpicker" data-live-search="true">'+
			'</select>'+
		'</div>'+
	'</div>'+
	'<div class="add_time form-group clearfix">' +
	'<label for="editPb" class="Pb_sm col-sm-2">说明:</label>' +
	'<div class="col-sm-10">'+
	'<textarea type="text" id="editPb" class="form-control"></textarea>' +
	'</div>' +
	'</div>' +
	'<div class="add_time tc">' +
	'<button type="button" class="btn sc_btn " id="editTc" onclick="editMsg()">保&nbsp;&nbsp;存</button>' +
	'</div>' +
	'</div>';
var tc;
var editTc;
$(document).ready(function() {
	$('.tool_bars').authorizeButton();
	/*查询日期范围*/
	laydate.render({
		elem: '#settime',
		theme: '#249fea',
		//					type: 'datetime',
		range: '~',
	});

	/*搜索*/
	$("#sc_btns").click(function() {
		if($.trim($("#tel").val())){
			if(!regexs.phone.test($.trim($("#tel").val()))) {
				layer.confirm('请输入有效的电话号码', {
					icon: 2,
					btn: ['确定'] //按钮
				});
				return;
			}
		}
		initTable();
	})

	initTable();
})
/*增加弹框*/
function btn_add() {
	tc = layer.open({
		type: 1,
		content: html, //iframe的url，no代表不显示滚动条
		title: '添加值班号码',
		area: ['50%', '45%'], //宽高
	});
	
	getSeatGrouplistDrop($('#groupcode')); //获取坐席组
	
};

/*修改弹窗*/
function btn_edit() {
	var blackid = $.map($('#list').bootstrapTable('getSelections'),
		function(row) {
			return row.id;
		});
	if(blackid.length != 1) {
		layer.confirm('请选择一行进行修改？', {
			icon: 7,
			btn: ['确定'] //按钮
		});
		return;
	} else {
		$.getJSON(huayi.config.call_url + "callcenterapi/api/calldutyphone/getsingle", {
			id: blackid[0]
		}, function(result) {
			if(result.state.toLowerCase() == "success") {
				editTc = layer.open({
					type: 1,
					title: '修改值班电话',
					area: ['50%', '45%'], //宽高
					content: editHtml
				});
				getSeatGrouplistDrop($('#groupcode')).then(function(){
					$('#groupcode').selectpicker('val', result.data.groupid);
				}); //获取坐席组
				$("#editID").val(result.data.id);
				$("#editTelNum").val(result.data.zbdh);
				$("#editPb").val(result.data.remark);
			}
		})
	}
};

/*删除内容*/
function btn_delete() {
	var ids = $.map($('#list').bootstrapTable('getSelections'),
		function(row) {
			return row.id;
		});
	/*判断长度*/
	if(ids.length <= 0) {
		layer.confirm('没有可删除的选项？', {
			icon: 7,
			btn: ['确定'] //按钮
		});
		return;
	}
	btn_remove();
};

function initTable() {
	//先销毁表格
	$('#list').bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$("#list").bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		url: huayi.config.call_url + "callcenterapi/api/calldutyphone/getlistbypage", //获取数据的Servlet地址
		striped: true, //表格显示条纹
		pagination: true, //启动分页
		pageSize: 10, //每页显示的记录数
		pageNumber: 1, //当前第几页
		pageList: [10, 20, 50, 100], //记录数可选列表
		search: false, //是否启用查询
		showColumns: false, //显示下拉框勾选要显示的列
		showRefresh: false, //显示刷新按钮
		sidePagination: "server", //表示服务端请求
		//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
		//设置为limit可以获取limit, offset, search, sort, order
		queryParamsType: "undefined",
		queryParams: function queryParams(params) { //设置查询参数
			var param = {
				pageindex: params.pageNumber,
				pagesize: params.pageSize,
				telphone: $("#tel").val(),
				btime: $('#settime').val() && $('#settime').val().split(' ~ ')[0],
				etime: $('#settime').val() && $('#settime').val().split(' ~ ')[1]
			};
			return param;
		},
		onLoadSuccess: function() { //加载成功时执行
			//layer.msg("加载成功");
		},
		onLoadError: function() { //加载失败时执行
			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
		}
	});
}

/*删除提示*/
function btn_remove() {
	layer.confirm('确定删除当前记录？', {
		icon: 7,
		btn: ['是', '否'] //按钮
	}, function() {

		/*执行删除*/
		var ids = $.map($('#list').bootstrapTable('getSelections'),
			function(row) {
				return row.id;
			});
		/*发送请求*/
		$.post(huayi.config.call_url + "callcenterapi/api/calldutyphone/delete", {
			ids: ids
		}, function(result) {
			result = JSON.parse(result);
			if(result.state.toLowerCase() == "success") {
				layer.msg(result.message);
				$('#list').bootstrapTable('refresh');
			}
		})
	});
}

//新增
function addMsg() {
	if(!$("#TelNum").val()) {
		layer.confirm('请输入电话号码', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	if(!$("#groupcode").val()) {
		layer.confirm('请选择坐席组', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	/*发送请求*/
	$.post(huayi.config.call_url + "callcenterapi/api/calldutyphone/add", {
		//							id: $("#ID").val(),
		telphone: $("#TelNum").val(),
		groupid: $("#groupcode").val(),//	是	string	坐席组id
		des: $("#Pb").val()
	}, function(result) {
		result = JSON.parse(result);
		if(result.state.toLowerCase() == "success") {
			layer.msg("新增成功");
			layer.close(tc); //关闭弹层
			$('#list').bootstrapTable('refresh');
		}
	})
}

//编辑
function editMsg() {
	if(!$("#editTelNum").val()) {
		layer.confirm('请输入电话号码', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	if(!$("#groupcode").val()) {
		layer.confirm('请选择坐席组', {
			icon: 2,
			btn: ['确定'] //按钮
		});
		return;
	}
	/*发送请求*/
	$.post(huayi.config.call_url + "callcenterapi/api/calldutyphone/update", {
		id: $("#editID").val(),
		telphone: $("#editTelNum").val(),
		groupid: $("#groupcode").val(),//	是	string	坐席组id
		des: $("#editPb").val()
	}, function(result) {
		result = JSON.parse(result);
		if(result.state.toLowerCase() == "success") {
			layer.msg(result.message);
			layer.close(editTc); //关闭弹层
			$('#list').bootstrapTable('refresh');
		}
	})
}

//获取坐席组下拉
function getSeatGrouplistDrop(el) {
	var dtd = $.Deferred(); //在函数内部，新建一个Deferred对象
	$.ajax({
		type: "get",
		url: huayi.config.call_url + "callcenterapi/api/sysseatgroup/getlist",
		dataType: 'json',
		async: true,
		data: {
			//				key:,//	否	string	模糊查询，坐席工号或坐席名字
		},
		success: function(data) {
			if(data.state.toLowerCase() === 'success') {
				el.empty();
				el.append("<option value=''>请选择坐席组</option>");
				var res = data.data;
				if(res && res.length > 0) {
					for(var i = 0; i < res.length; i++) {
						$("<option value='" + res[i].id + "'>" + res[i].zxzname + "</option>").appendTo(el);
					}
					el.selectpicker('refresh');
					dtd.resolve(); // 改变Deferred对象的执行状态
				}
			}
		}
	});
	return dtd.promise(); // 返回promise对象
}