<!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}"> </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}"> </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}"> </div> <div class="col-lg-4 table-bordered" style="padding: 10px;"> <span>评定者身份:下属</span> </div> <div class="col-lg-4 table-bordered" style="padding: 10px;">请选择评定日期:<input type="text" class="date" id="name4" style="float: right"> </div> <div class="col-lg-4 table-bordered" style="padding: 10px;">最终得分(无需填写):<input type="text" class="score" style="float: right" id="name5" readonly="readonly"> </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>