pingjia.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <!-- Meta, title, CSS, favicons, etc. -->
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <title>后台管理系统 </title>
  10. <!-- Bootstrap -->
  11. <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Font Awesome -->
  13. <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  14. <!-- Custom Theme Style -->
  15. <link href="../src/css/common.css" rel="stylesheet">
  16. </head>
  17. <body class="container child_body">
  18. <div class="row">
  19. <div class="col-md-12 col-sm-12 col-xs-24">
  20. <div class="x_panel">
  21. <div class="x_title">
  22. <h2>学生对老师评分 </h2>
  23. <div class="nav navbar-right">
  24. <ul class="nav navbar-right panel_toolbox">
  25. <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
  26. </li>
  27. </ul>
  28. </div>
  29. <div class="clearfix"></div>
  30. </div>
  31. <div class="x_content">
  32. <div class="row">
  33. <div class="col-md-2 col-sm-2"></div>
  34. <div class="pull-left" style="margin-right: 15px;">
  35. <img src="../static/images/laoshitouxiang.png" width="120" alt="">
  36. </div>
  37. <div class="col-md-6 col-sm-6 col-xs-12">
  38. <h4>李家柔 <small>老师 </small></h4>
  39. <div><span>课程:</span><span>设计理论知识课</span></div>
  40. <div><span>时间:</span><span>2017-10-09 14:25-15:15</span></div>
  41. </div>
  42. <div class="clearfix"></div>
  43. <div class="col-md-2 col-sm-2"></div>
  44. <div class="col-md-6 col-sm-6 col-xs-12" style="margin-top: 15px; border-top: 1px solid #eee;">
  45. <h4>我要评价:</h4>
  46. <div>
  47. <span>打分:</span>
  48. <span class="raty"></span>
  49. <span class="ratyResult" style="margin-left: 10px;"></span>
  50. </div>
  51. <div style="margin-top: 10px;">
  52. <span>文字评价:</span>
  53. <span>
  54. <textarea name="" id="" rows="5" style="width: 100%;"></textarea>
  55. </span>
  56. </div>
  57. </div>
  58. <div class="clearfix"></div>
  59. <div class="col-md-2 col-sm-2"></div>
  60. <div class="col-md-6 col-sm-6 col-xs-12" style="margin-top: 10px;">
  61. <button type="button" class="btn btn-primary" id="saveBtn">提交评价</button>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <!-- jQuery -->
  69. <script src="../vendors/jquery/dist/jquery.min.js"></script>
  70. <!-- Bootstrap -->
  71. <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
  72. <!-- FastClick -->
  73. <script src="../vendors/fastclick/lib/fastclick.js"></script>
  74. <!-- raty -->
  75. <script src="../vendors/jquery.raty/jquery.raty.min.js"></script>
  76. <!-- common -->
  77. <script src="../src/js/common.js"></script>
  78. <script>
  79. $(document).ready(function() {
  80. $('.raty').raty({
  81. path: '../static/ratyImg/',
  82. click: function(score) { // 点击后获取评分
  83. console.log('raty score', score);
  84. $('.ratyResult').text(score + '分');
  85. }
  86. });
  87. })
  88. </script>
  89. </body>
  90. </html>