duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
							<!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>
			 thead th {
			    background: #00a0cd;
			    color: #fff;
			}
			.th-inner{
				white-space: normal !important;
			}
		</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" style="width: 400px;" autocomplete="off" type="text" id="startTimes" />
									</li>
									<li style="width: 300px;">
										<div style="width: 100px">选择坐席：</div>
										<select  id="ZX" name="select" class="selectpicker show-tick form-control" com style="width: 150px;" 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>
					<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 = 100
			var apiUrl = "TotalTel/SeatsEfficiency"
			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: 'datetime',
				    format: 'yyyy-MM-dd HH:mm:ss',
					range: '~',
					calendar: true,
			       	ready: function (date) {
			          $(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
			          $(".laydate-main-list-1 .layui-laydate-content li ol li:last-child").click();
			          $(".layui-laydate-footer [lay-type='date'].laydate-btns-time").click();
			        }
				});
				initTable()
				selectCommon(zxSelectObj)
			})
			function dataParam() {
				var stime,etime
				if ($("#startTimes").val()) {
					stime = $("#startTimes").val().split('~')[0].trim()
					etime = $("#startTimes").val().split('~')[1].trim()
				}
				var obj = {
					stime,
					etime,
					usercode: $("#ZX").val(),
					token: $.cookie("token")
				};
				return obj
			}
		</script>
	</body>

</html>