miaofuhao
/
xgwy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
							<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>质检数据报表</title>

		<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
		<meta name="keywords" content="">
		<meta name="description" content="">

		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
		<link href="./css/animate.min.css" rel="stylesheet">
		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
		<link rel="stylesheet" href="./css/laydate/need/laydate.css" />
		<style>
			.clearfix:after {
			    content: "";
			    display: block;
			    clear: both;
			}
			.zxtable{
				font-size: 12px;
			}
			.zxt-top{
				    background: #f3f3f4;
			     	height: 60px; 
			    	padding: 10px 20px;
			}
			.topCon{
				float: right;
				margin-right: 45px;
			}
			.topCon select{
				padding: 2px;
			    height: 28px;
			    border: 1px solid #ebebeb;
			    color: #1ab394;
			    outline: none;
			    vertical-align: middle;
			}
			.topCon input{
				    width: 128px;
				    padding: 2px 2PX 2PX 10PX;
				    height: 28px;
				    border: 1px solid #ebebeb;
				    color: #1ab394;
				    outline: none;
				    vertical-align: middle;
			}
			.topCon	.btn{
					    background: #1ab394;
					    color: #fff;
					    padding: 3px 10px;
					    outline: none;
					    font-size: 12px;
				}
				.zxt-content{
					width: 95%;
					margin: 0 auto;
				}
				.zxt-table table{
					font-size: 12px;
					margin-top: 20px;
				}
		    .zxt-table table thead tr td {
				    background: #1ab394;
				    color: #fff;
			}
			.people tr td{
				padding: 10px;
				text-align: right;
			}
			
		</style>
	</head>

	<body class="gray-bg" style="background: #fefefe;">
		<div class="zxtable">
			<div class="zxt-top clearfix">
				<div class="topCon">
					部门：<select name="" id="">
						<option selected="selected" value="0" >请选择</option>
						<option value="0" >技术部</option>
						<option value="1" >工程部</option>
						<option value="2" >人力资源部</option>
						<option value="3" >销售管理部</option>
						<option value="4" >市场部</option>
						<option value="5" >网络营销部</option>
						<option value="6" >河南行业拓展部</option>
						<option value="7" >校企一卡通产品事业部</option>
						<option value="8" >城市一卡通产品事业部</option>
						<option value="8" >南京销售部</option>
					</select>
					开始时间：
				    <input type="text" class="laydate-icon" id="startTime"/>
					结束时间：
					<input type="text" class="laydate-icon" id="endTime"/>
					<button class="btn sear">搜索</button>
					<button class="btn daochu ">导出Excel</button>
				</div>
			</div>
		
			<div class="zxt-content">
				<table class="people">
					<tr>
						<td>测评人:</td>
						<td>张三</td>
						<td>姓名：</td>
						<td>小白</td>
					</tr>
					<tr>
						<td>质检条数：</td>
						<td>100</td>
						<td>工号：</td>
						<td>8002</td>
					</tr>
				</table>
				<div class="zxt-table">
					<table class="table table-bordered text-center table-hover" style="width: 100%;">
	          			<tbody class="tbody">
	          		<tr>
	          			<td rowspan="11" >服务亲和力</td>
	          		</tr>
	          	
	       
	          		<tr>
	          			<td rowspan="4">语音语调</td>
	          			<td>语调平淡</td>
	          			<td>3</td>
	          		</tr>
	          		<tr>
	          			<td>吐字清晰</td>
	          			<td>3</td>
	          			
	          		</tr>
	          		<tr>
	          			<td>音量、语速适中</td>
	          			<td>2</td>
	          		</tr>
	          		<tr>
	          			<td>普通话标准</td>
	          			<td>2</td>
	          		</tr>
	          		<tr>
	          			<td rowspan="2">服务态度</td>
	          			<td>亲切、耐心</td>
	          			<td>2</td>
	          		</tr>
	          		
	          		<tr>
	          			<td>积极主动、认真、征求询问</td>
	          			<td>3</td>
	          		</tr>
	          			<tr>
	          			<td rowspan="3">规范用语</td>
	          			<td>使用标准开始语、结束语和特殊情况的规范用语</td>
	          			<td>3</td>
	          		</tr>
	          			<tr>
	          			<td>使用礼貌性语言</td>
	          			<td>3</td>
	          		</tr>
	          			<tr>
	          			<td>主动道歉</td>
	          			<td>3</td>
	          		</tr>
	          		<tr>
	          			<td>分项得分</td>
	          			<td colspan="2">200</td>
	          		</tr>
	          		<tr>
	          			<td rowspan="9" >沟通技巧</td>
	          		</tr>
	          		<tr>
	          			<td rowspan="2">倾听技巧</td>
	          			<td>不抢话或随意打断用户讲话</td>
	          			<td>6</td>
	          		</tr>
	          		<tr>
	          			<td>适当回应</td>
	          			<td>6</td>
	          		</tr>
	          		
	          		<tr>
	          			<td rowspan="3">确认信息</td>
	          			<td>迅速理解用户需求</td>
	          			<td>6</td>
	          		</tr>
	          		<tr>
	          			<td>针对问题关键点进行提问</td>
	          			<td>6</td>
	          		</tr>
	          		<tr>
	          			<td>确认回答内容与用户理解一致</td>
	          			<td>6</td>
	          		</tr>
	          		
	          		<tr>
	          			<td rowspan="2">语言技巧</td>
	          			<td>口语</td>
	          			<td>6</td>
	          		</tr>
	          		<tr>
	          			<td>语言流畅有条理性</td>
	          			<td>6</td>
	          		</tr>
	          			<tr>
	          			<td>分项得分</td>
	          			<td colspan="2">200</td>
	          		</tr>
	          			</tbody>
	          			<tfoot>
	          				<tr>
	          					<td>总分</td>
	          					<td  colspan="3">200</td>
	          				</tr>
	          			</tfoot>
	          		</table>
				</div>
				
				
			</div>
		</div>

		<script src="./js/jquery.min.js?v=2.1.4"></script>
		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
		<script src="./css/laydate/laydate.js"></script>
		<script src="./js/echarts.common.min.js"></script>
		<script>
			$(function(){
				  laydate.skin('molv');
				laydate({
					elem: '#startTime',
					event: 'focus',
					format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
//				  	festival: true, //显示节日
				  	choose: function(datas){ //选择日期完毕的回调
//				    alert('得到：'+datas);
				  }
				});
				laydate({
					elem: '#endTime',
					event: 'focus',
					format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
//				  	festival: true, //显示节日
				  	choose: function(datas){ //选择日期完毕的回调
//				    alert('得到：'+datas);
				  }
				});
				
			})
			
		</script>
	</body>

</html>