YH_Web_UI/WebUI/CallCenterWe.../outcryManage/js/outBoundAllo...

/**
 * 外呼分配
 * */
var isallot = '';//是否分配
$(function() {
	//$('.tool_bars').authorizeButton();
	laydate.render({
		elem: '#sc_times',
		range: '~',
		theme: '#249fea',
	});

	initOutcryTable();
	//搜索
	$("#sc_btns").click(function() {
		initOutcryTable();
	});


});

//绑定切换
$(document).on('click', '#tab_head_left li', tabs);
//切换操作
function tabs() {
	var tab_index = $(this).index();
	$(this).addClass('tab_head_active').siblings().removeClass('tab_head_active');
	$('#tab_contents .tabs_details').eq(tab_index).addClass('showtabs').siblings().removeClass('showtabs');
	isallot = $(this).attr('data-isallot');
	initOutcryTable();
}

/**
 * 外呼计划列表
 * isallot 是否分配 0待分配，1已分配
 * */
function initOutcryTable() {
	//先销毁表格
	$('#outcryTable').bootstrapTable('destroy');
	//初始化表格,动态从服务器加载数据
	$('#outcryTable').bootstrapTable({
		method: "get", //使用get请求到服务器获取数据
		url: huayi.config.callcenter_url + "callcenterapi/api/autocallouttask/getlistbypage", //获取数据的Servlet地址
		contentType: "application/x-www-form-urlencoded",
		striped: true, //表格显示条纹
		pagination: true, //启动分页
		pageSize: 10, //每页显示的记录数
		pageNumber: 1, //当前第几页
		pageList: [10, 20, 50, 100], //记录数可选列表
		detailView: true,
		detailFormatter: detailUserFormatter,
		icons: {
			detailOpen: 'glyphicon glyphicon-chevron-down',
			detailClose: 'glyphicon glyphicon-chevron-up'
		},
		onClickRow: function(row, ele) {
			$('.success').removeClass('success'); //去除之前选中的行的，选中样式
			$(ele).addClass('success'); //添加当前选中的 success样式用于区别
		},
		onCheck: function(row, el) {
			if($(el).parent().parent().siblings().find('i.glyphicon').hasClass('glyphicon-chevron-up')) {
				$(el).parent().parent().siblings().find('i.glyphicon-chevron-up').parent().parent().siblings().find('input[name="btSelectItem"]').trigger('click');
			}
			var index = $(el).attr('data-index');
			$('#outcryTable').bootstrapTable('expandRow', index); //展开

			//参与坐席信息赋值
			setPersonInfos(row.id);

		},
		onUncheck: function(row, el) {
			var index = $(el).attr('data-index');
			$('#outcryTable').bootstrapTable('collapseRow', index); //收起
		},
		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, //否	int	页码
				pagesize: params.pageSize, //否	int	条数
				key: $('#sc_keyWords').val(), //	否	string	任务名称，可模糊查询
				taskstate: $('#sc_taskState').val(), //	否	int	任务状态 （不传值时查询所有状态）
				stime: $('#sc_times').val() && $('#sc_times').val().split(' ~ ')[0], //	否	string	开始时间
				etime: $('#sc_times').val() && $('#sc_times').val().split(' ~ ')[1], //	否	string	结束时间
				isallot: isallot//,	否	int	分配状态 （不传值时查询所有状态）		
			};
			return param;
		},
//		responseHandler: function(res) {
//			return {
//				"total": res.data && res.data.total, //总页数
//				"rows": res.data && res.data.rows //数据
//			};
//		},
		onLoadSuccess: function(res) { //加载成功时执行
			//layer.msg("加载成功");
			if(res.total != 0) {
				$('#outcryTable').find('.detail').hide();
				$('#outcryTable').find('tr').find('td:first').hide();
			}
			
			if(res.totalcount >= 100) {
				res.totalcount = '99+';
			}
			if(res.wfpcount >= 100) {
				res.wfpcount = '99+';
			}
			if(res.fpcount >= 100) {
				res.fpcount = '99+';
			}
			$('.audit_all').text(res.totalcount); //全部
			$('.audit_wait').text(res.wfpcount); //待分配
			$('.audit_done').text(res.fpcount); //已分配
			$('.tool_downs').authorizeOperateButton();
		},
		onLoadError: function() { //加载失败时执行
			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
		}
	});

}

//格式化编号
function setCode(val, row, index) {
	return index + 1;
}

//格式化 计划状态
function formatterState(val, row) {
	//0未启动，1已启动，2暂停，3处理完成，4撤销，5完成
	var stateClass = 'timeout_default';
	var stateTxt = '-';
	switch(val) {
		case 0:
			stateClass = 'timeout_wait';
			stateTxt = '未启动';
			break;
		case 1:
			stateClass = 'timeout_success';
			stateTxt = '已启动';
			break;
		case 2:
			stateClass = 'timeout_refuse';
			stateTxt = '暂停';
			break;
		case 3:
			stateClass = 'timeout_doned';
			stateTxt = '处理完成';
			break;
		case 4:
			stateClass = 'timeout_revoke';
			stateTxt = '撤销';
			break;
		case 5:
			stateClass = 'timeout_end';
			stateTxt = '完成';
			break;
		default:
			break;
	}

	return '<span class="' + stateClass + '">' + stateTxt + '</span>';
}

//格式化 上架状态
function formatterIsonline(val, row) {
	//任务是否上线，1为上线
	var stateClass = 'timeout_default';
	var stateTxt = '-';
	switch(val) {
		case 0:
			stateClass = 'timeout_revoke';
			stateTxt = '已下架';
			break;
		case 1:
			stateClass = 'timeout_success';
			stateTxt = '已上架';
			break;
		default:
			break;
	}

	return '<span class="' + stateClass + '">' + stateTxt + '</span>';
}

//格式化 外呼计划操作
function formatterOperateL(val, row) {
	//任务是否上线，1为上线
	var tplHtml = '';
	tplHtml += '<ul class="tool_downs">';
//	if(row.isonline === 0) {
//		tplHtml += '<li><a class="aBtn" authorize="yes" id="HY_start_' + row.id + '" onclick="btn_start(\'' + row.id + '\',event)">上架</a><li>';
//	} else {
//		tplHtml += '<li><a class="aBtn" authorize="yes" id="HY_end_' + row.id + '" onclick="btn_end(\'' + row.id + '\',event)">下架</a><li>';
//	}

	tplHtml += '<li><a class="aBtn" authorize="yes" id="HY_allot_' + row.id + '" onclick="btn_allot(\'' + row.id + '\',event)">分配</a><li>' +
			'</ul>';
	return tplHtml;
}

//分配
function btn_allot(edit_id, event) {
	event.stopPropagation();
	layer.open({
		maxmin: true, //开启最大化最小化按钮
		type: 2,
		content: "template/allocationTask.html?edit_id=" + edit_id, //iframe的url，no代表不显示滚动条
		title: '外呼计划分配',
		area: ['80%', '90%'], //宽高
	});
}

//格式化人员信息详情
function detailUserFormatter(index, row) {
	var detailTpl = '<div class="table_allocationTask1" id="seat_lists_'+ row.id +'">'+
						
					'</div>';
	return detailTpl;
}

/**
 * 参与坐席信息赋值
 *  tid 计划的id
 * */
function setPersonInfos(tid) {
	if(tid) {
		$.ajax({
	        type: "get",
	        url: huayi.config.callcenter_url + "callcenterapi/api/autocallouttask/getfplist",
	        async: true,
	        dataType: 'json',
	        data: {
//	        	joinflag: 1, //传值1获取在参与的
	            taskid: tid,//	是	string	任务id
	        },
	        success: function (data) {
	        	if(data.state.toLowerCase() === "success"){
	        		data = data.data;
	        		if(data && data.length > 0){
	        			$('#seat_lists_'+ tid).html('');
	        			$.each(data, function(i, v) {
	        				$('#seat_lists_'+ tid).append('<div class="col-md-3 clearfix"><div class="seat_item">'+
								'<ul class="seat_content clearfix">'+
									'<li><span>参与坐席：</span><span>'+ v.usercode +'</span></li>'+
									'<li><span>分配者：</span><span>'+ v.createusercode +'</span></li>'+
									'<li style="width:100%"><span>分配时间：</span><span>'+ v.createtime +'</span></li>'+
								'</ul>'+
							'</div></div>');
	        			});
	        		}else{
	        			$('#seat_lists_'+ tid).html('<p class="text-center col-md-12">还没有分配坐席。。。</p>');
	        		}
	        	}
	        }
	    });
	}
}