<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>广厦360°评价表</title>
<link href="__PUBLIC__/Home/images/logo.ico" rel="shortcut icon">
<!-- Bootstrap -->
<link rel="stylesheet" href="__PUBLIC__/Home/css/bootstrap.css">
<link rel="stylesheet" href="__PUBLIC__/Home/layui/css/layui.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
			.textSet{
				width: 100%;
				display: block;
				margin: 0 auto;
				height: 200px;
			}
					input[type="text"]{
				border:1px solid #7DB0F4;
			}
	</style>
</head>
<body>
<body>
<!-- <div style="background-image:url(__ROOT__/Public/Home/images/f6c087aad2f401893d8d52e1206658a2.png)"> -->
<div class="container">
  <div class="row">
    <div class="col-lg-12" style="padding: 0 0;">
      <img src="__PUBLIC__/Home/images/titu.png" class="img-responsive">
    </div>
    <div class="col-lg-4 table-bordered" style="padding: 10px;">请输入被评定者姓名:<input type="text" class="name" style="float: right" id="name1" readonly="readonly"  value="{$list.name}">&nbsp;</div>
    <div class="col-lg-4 table-bordered" style="padding: 10px;">请输入被评定者部门:<input type="text" class="department" style="float: right" id="name2" readonly="readonly" value="{$list.department}">&nbsp;</div>
    <div class="col-lg-4 table-bordered" style="padding: 10px;">请输入被评定者职位:<input type="text" class="job" style="float: right" id="name3" readonly="readonly" value="{$list.job}">&nbsp;</div>
    <div class="col-lg-4 table-bordered" style="padding: 10px;">
		<span>评定者身份:下属</span>
    &nbsp;</div>
    <div class="col-lg-4 table-bordered" style="padding: 10px;">请选择评定日期:<input type="text" class="date" id="name4" style="float: right">&nbsp;</div>
    <div class="col-lg-4 table-bordered" style="padding: 10px;">最终得分(无需填写):<input type="text" class="score" style="float: right" id="name5" readonly="readonly">&nbsp;</div><br><br>
</div>
</div>
<hr>
<div class="container">
  <div class="row">
<div class="col-sm-12 col-lg-12 col-md-12"><br><br>
  <h4 style="color:#2d6fc8">感谢您参与广厦网络员工360评价,希望您可以真诚反馈,评价时请注意以下事项,祝您生活愉快。<br><br>
  </h4>
  <p><strong>注意事项:</strong><br></p>
    <p><strong>目的:</strong>通过360评价,希望从您的宝贵意见中,让此岗位人员了解到在工作中的优势与不足,以便于改进及更好的服务于此岗位;</p>
    <p><strong>方式:</strong>本评价为匿名方式,您的评价结果将被严格保密,反馈的结果只呈现分数的算术平均值,请不要有任何顾虑;</p>
    <p><strong>要求:</strong>为确保评价结果公平可靠,请您务必客观、真实的进行评价,选择最符合其行为表现的分值。</p>

  <br><br>
</div>
</div>
</div>

<section>
  <h2 class="text-center" style="text-align: center"><strong>问卷详情</strong></h2>
  <h3 class="text-center" style="text-align: center"><strong>分数考评</strong></h3>
  <hr>
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
      	     <div><span style="font-size: 16px"><strong>下属评分项</strong></span>
       <p style="color:#2d6fc8"><strong>分值规则:优(20-18) 良(17-14) 合格(13-8) 差(7-1)。</strong></p>
       </div>
		  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px">(1)对下属遇到问题,是否给出建设性意见</div>
		  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px"><div>得分:<input type="text" id="name6"></div></div>
		  <div style="clear: both;"></div>
	      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px">(2)对下属是否做到充分授权</div>
	      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px"><div>得分:<input type="text" id="name7"></div></div>
	      <div style="clear: both;"></div>
	      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px">(3)对于公司的制度和政策能否做到充分和及时传达</div>
	      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px"><div>得分:<input type="text" id="name8"></div></div>
	      <div style="clear: both;"></div>
	      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px">(4)工作中是否以身作则</div>
	      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px"><div>得分:<input type="text" id="name9"></div></div>
	      <div style="clear: both;"></div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px">(5)是否主动或经常与下属沟通工作</div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 10px;padding-bottom: 10px"><div>得分:<input type="text" id="name10"></div></div>
	      <div style="clear: both;"></div>
      </div>
    </div>
    <hr>
  </div>
    <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <h3 class="text-center" style="text-align: center"><strong>综合性意见</strong><br></h3>
            <h4 class="text-center" style="text-align: center">(可根据实际情况填写)</h4><br>
<!--            改5-->
       </div><div class="col-lg-12"></div>
        <div class="col-lg-12" style="padding-bottom: 10px;font-size: 16px"><strong>在今后的工作中,您对此人员有哪些综合建议?</strong>
<!--        改6		-->
		</div><br>
        <div class="col-lg-12"><textarea class="textSet" id="name11"></textarea>	
		</div>
        <div class="col-lg-12"></div>
        <br>
        <hr>
     </div><div class="col-lg-12"></div>
      </div>
</section>
<hr>
	</div>
<div class="container">
	<button type="button" class="btn-lg btn-info" style="float: right;width: 180px;height: 50px;background-color: #1B98E8" id="submitBtn">提交问卷</button>
</div>
  <hr>
<footer class="text-center">
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <p>北京广厦网络技术股份公司</p>
      </div>
    </div>
  </div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="__PUBLIC__/Home/js/jquery-1.11.3.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="__PUBLIC__/Home/js/bootstrap.js"></script>
<script src="__PUBLIC__/Home/layui/layui.js"></script>
<script type="text/javascript">
		layui.use('laydate', function(){
  		var laydate = layui.laydate;
		  laydate.render({
			  elem: '#name4'
		  })
	})
	
	$(document).ready(() => {
		var aContainer = $('.container');
		var aInput = $(aContainer[2]).find('input[type="text"]');
		var sum = 0;
		for(var i=0; i<aInput.length; i++) {
			$(aInput[i]).focus(function() {
				sum = 0;
				$('.score').val(sum)
			});
			$(aInput[i]).blur(function() {
				for(var j=0; j<aInput.length; j++) {
					if($(aInput[j]).val() == '') {
						return
					}else {
						sum += parseInt($(aInput[j]).val());
					}
				};
				$('.score').val(sum)
			})
		}
		
		$('#submitBtn').on('click',() => {
			if($('.name').val() == '') {
				alert('请输入姓名');
				return;
			}else if($('.department').val() == '') {
				alert('请输入部门');
				return;
			}else if($('.job').val() == '') {
				alert('请输入职位');
				return;
			}else if($('.date').val() == '') {
				alert('请输入日期');
				return;
			}else if($('.score').val() == '') {
				alert('请输入最终得分');
				return;
			};
			
			for(var j=0; j<aInput.length; j++) {
				if($(aInput[j]).val() == '') {
					alert('请将分数填写完整');
					return;
				}
			}
			  	var name1=$('#name1').val();
				var name2=$('#name2').val();
				var name3=$('#name3').val();
				var name4=$('#name4').val();
				var name5=$('#name5').val();
				var name6=$('#name6').val();
				var name7=$('#name7').val();
				var name8=$('#name8').val();
				var name9=$('#name9').val();
				var name10=$('#name10').val();
			 var re = /^\d+$/;
			  if (!re.test(name6)) { 
			    alert("请输入数字");return;
				 }
				if (!re.test(name7)) { 
				    alert("请输入数字");return;
				 }
				if (!re.test(name8)) { 
				    alert("请输入数字");return;
				 }
				if (!re.test(name9)) { 
				    alert("请输入数字");return;
				 }
				if (!re.test(name10)) { 
				    alert("请输入数字");return;
			      }
					if(name6>20){
					alert('分数的范围为0到20');return;
				}
				if(name7>20){
					alert('分数的范围为0到20');return;
				}
				if(name8>20){
					alert('分数的范围为0到20');return;
				}
				if(name9>20){
					alert('分数的范围为0到20');return;
				}
				if(name10>20){
					alert('分数的范围为0到20');return;
				}
				var name11=$('#name11').val();
		         $.ajax({
						   type: "POST",
						   url: "{:U('Feedback/managerSubordinate')}",
						   data: {"name1":name1,"name2":name2,"name3":name3,"name4":name4,"name5":name5,"name6":name6,"name7":name7,"name8":name8,"name9":name9,"name10":name10,"name11":name11},
						   success: function(msg){
						   	if(msg==1){
                             alert('感谢您的参与!');
                             window.location.href="http://www.gonn.com.cn/aboutus.html";
                             }
						   }
						});
		})
	});
	
</script>
</body>
</html>