duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>话务坐席月工作量</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../css/reportCommon/Search.css" rel="stylesheet">
		<link href="../css/reportCommon/common.css" rel="stylesheet">
		<link rel="stylesheet" href="../css/bootstrap-select.css" />
		<link href="../css/init.css" rel="stylesheet" />
		<script src="../js/laydate/laydate.js"></script>
		<script src="../js/bootstrap-select.js"></script>
		
		<style>
			.th-inner{
				white-space: normal !important;
			}
			.seach-box ul li ul li{
				float: none;
				width: 100%;
				display: block;
			}
		</style>
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="daoHang clearfix">
				<div class="dhLeft">
					<sapn>
						<i class="syIcon"></i>位置：
						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
						<a href="javaScript:;">报表管理</a>&gt;
						<a href="" class="nowPosition">话务坐席月工作量</a>
					</sapn>
				</div>
				<div class="dhRight">
					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
				</div>
			</div>

			<div class="Content_box">
				<!--待处理/-->
				<div class="complain Shows">
					<div class="th-box">
						<div class="th-bar">
							<div class="seach-box">
								<ul>
									<li>
										选择月份：
										<input class="photo x-color inputs laydate-icon" autocomplete="off" style="width: 220px;" type="text" id="startTimes" />
									</li>
									<li style="width: 360px;">
										<div style="width: 100px">选择坐席：</div>
										<select id="ZX" name="select" class="selectpicker show-tick form-control"  style="width: 220px;" data-live-search="true">
											<option value="">请选择坐席</option>
										</select>
									</li>
									<li>
										<a class="sc_btn btns db">搜索</a>
										<a class="sc_btn btns export">导出</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<ul class="nav nav-tabs ul_tab" role="tablist">
						<li class="active">
							<a>呼入</a>
						</li>
						<li>
							<a>呼出</a>
						</li>
					</ul>
					<div style="width: 100%;padding: 10px;">
						<table id="workorderlist" data-toggle="table"></table>
					</div>
				</div>

			</div>
		</div>
		<script src="../js/reportCommon/common.js"></script>
		<script>
			
			var columnsArray = [];
			var columnsWidth
			var apiUrl = "TotalTel/IncomingConnection"
			var zxSelectObj = {
				id:'ZX',
				apiUrl:'SeatMonitoring/GetList',
				params:{
					group:$("#userGroup").val()
				},
				selectValue:'F_UserCode',
				selectName:'F_UserName'
			}
			$(document).ready(function() {
				laydate.render({
					elem: '#startTimes',
					theme: '#00a1cb',
					type: 'month'
				});
				initTable()
				selectCommon(zxSelectObj)
			})
			function dataParam() {
				var obj = {
					date: $("#startTimes").val(),
					usercode: $("#ZX").val(),
					token: $.cookie("token")
				};
				return obj
			}
			$('.ul_tab li').click(function() {
				$(this).addClass("active").siblings().removeClass("active");
				var index = $(this).index();
				if(index === 0) {
					apiUrl = "TotalTel/IncomingConnection";
				} else if(index === 1) {
					apiUrl = "TotalTel/CallOutConnection";
				}
				initTable();
			})


		</script>
	</body>

</html>