duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
							<!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 rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link href="../css/reportCommon/Search.css" rel="stylesheet">
		<link href="../css/reportCommon/common.css" rel="stylesheet">
		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
		<link rel="stylesheet" href="../css/bootstrap-select.css" />
		<link href="../css/init.css" rel="stylesheet" />
		<script src="../css/laydate/laydate.js"></script>
		<script src="../js/bootstrap-select.js"></script>
		<script src="../My97DatePicker/WdatePicker.js"></script>
		<style>
			.seach-box ul {
				overflow: inherit;
			}
			.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" type="text" id="startTimes" autocomplete="off" />-
										<input class="photo x-color inputs laydate-icon" type="text" id="endTimes" autocomplete="off" />
									</li>

									<li style="width: 340px;">
										<div style="width: 100px;word-break: normal;">选择坐席组：</div>
										<div style="width: 220px">
											<select id="userGroup" name="select" class="selectpicker show-tick form-control" com style="width: 150px !important;" data-live-search="true">
											<option value="">请选择坐席</option>
										</select>
										</div>
										
									</li>
									<li style="width: 320px;">
										<div style="width: 100px">选择坐席：</div>
										<div style="width: 220px">
											<select id="ZX" name="select" class="selectpicker show-tick form-control" com data-live-search="true">
												<option value="">请选择坐席</option>
											</select>
										</div>
										
									</li>
									<li>
										<a class="sc_btn btns dbPresent" style="padding: 7px 10px;">搜索</a>
										<a class="sc_btn btns exportPresent">导出</a>
									</li>
									<li><span class="text-danger" style="padding-left: 10px;line-height: 30px;">默认显示当前月的信息</span></li>
								</ul>
							</div>
						</div>
					</div>
					<div style="width: 100%;padding: 10px;">
						<table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
							<thead>
								<tr>
									<th data-field="" data-formatter="serialNumber" data-align="center">序号</th>
									<th data-field="username" data-align="center">坐席姓名</th>
									<th data-field="count" data-align="center">接听量</th>
									<th data-field="satisfiedcount" data-align="center">满意量</th>
									<th data-field="normalcount" data-align="center">一般量</th>
									<th data-field="notsatisfiedcount" data-align="center">不满意总量</th>
									<th data-field="satisfiedrate" data-align="center">满意度</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>

			</div>
		</div>
		<script src="../js/reportCommon/common.js"></script>
		<script>
			var apiUrl = 'TalkTime/GetUserSatisfied'
			var zxSelectObj = {
				id:'ZX',
				apiUrl:'SeatMonitoring/GetList',
				params:{
					group:$("#userGroup").val()
				},
				selectValue:'F_UserCode',
				selectName:'F_UserName'
			}
			var groupSelectObj = {
				id:'userGroup',
				apiUrl:'InfoNew/GetDicValueListById',
				params:{
					id:2522
				},
				selectValue:'F_Value',
				selectName:'F_Value'
			}
			$(document).ready(function() {
				laydate.skin('blue');
				laydate({
					elem: '#startTimes',
					event: 'focus',
					istime: true,
					format: 'YYYY-MM-DD hh:mm:ss'
				});

				laydate({
					elem: '#endTimes',
					event: 'focus',
					istime: true,
					format: 'YYYY-MM-DD hh:mm:ss'
				});
				selectCommon(zxSelectObj)
				selectCommon(groupSelectObj)
				initTablePresent();
			})
			$("#userGroup").change(function(){
				selectCommon(zxSelectObj)
			})
			//代办搜索
			$(".dbPresent").click(function() {
				initTablePresent()
			})
			//导出
			$('.exportPresent').click(function() {
				var params = dataParam()
				params.isExport = true;
				exportFileFun(apiUrl, params)
			})
			function initTablePresent() {
	            $.ajax({
	                url: huayi.config.callcenter_url + 'TalkTime/GetUserSatisfied',
	                type: 'get',
	                data: dataParam(),
	                dataType: "json",
	                async: true,
	                success: function (returnValue) {
	                    //异步获取数据
	                    var resultData1 = returnValue.data.UserSatisfiedReport;
	                    $('#workorderlist').bootstrapTable('load', resultData1);
	                }
	            });
	            $('#workorderlist').bootstrapTable('destroy').bootstrapTable({
	                striped: true
	            });
	        }
			//序号
	        function serialNumber(val, row, index) {
	            return index + 1;
	        }
			function dataParam() {
				var obj = {
					start: $("#startTimes").val(),
					end: $("#endTimes").val(),
					usergroup:$("#userGroup").val(),
					usercode: $("#ZX").val(),
					token: $.cookie("token")
				};
				return obj
			}
		</script>
	</body>

</html>