batches.jsp 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <html>
  3. <head>
  4. <%@ include file="../header.jspf"%>
  5. <title>评教批次</title>
  6. <link rel="stylesheet"
  7. href="${pageContext.request.contextPath}/js/datatables/dataTables.bootstrap.css"/>
  8. <script
  9. src="${pageContext.request.contextPath}/js/jquery.validate.min.js"></script>
  10. <script
  11. src="${pageContext.request.contextPath}/js/messages_zh.min.js"></script>
  12. </head>
  13. <body>
  14. <div class="container-fluid">
  15. <%@ include file="../head.jsp"%>
  16. <div class="row" style="margin-top: 70px">
  17. <div class="col-sm-2">
  18. <%@ include file="../left.jsp"%>
  19. </div>
  20. <div class="col-sm-10">
  21. <div class="panel panel-default">
  22. <div class="panel-heading">
  23. 批次列表
  24. </div>
  25. <div class="panel-body">
  26. <div class="bs-callout bs-callout-info">
  27. <a class="btn btn-info btn-lg" data-toggle="modal" icon="plus" data-target="#add-batch-modal">生成新批次</a>
  28. <form class="form-inline" method="post" action="${pageContext.request.contextPath}/admin/batches"
  29. style=" margin-top: 30px">
  30. <div class="form-group">
  31. <label for="season" >选择学期查看课程:</label>
  32. <select name="season" class="form-control auto-select" id="season" key="${condition.season}">
  33. <option value="">当前学期:${applicationScope.curSeason}</option>
  34. <c:forEach begin="2015" end="${applicationScope.curYear+1}" step="1" var="s">
  35. <option value="${s}春">${s}春</option>
  36. <option value="${s}秋">${s}秋</option>
  37. </c:forEach>
  38. </select>
  39. <button type="submit" class="btn btn-primary ">
  40. <span class="glyphicon glyphicon-search" aria-hidden="true"></span>搜索
  41. </button>
  42. </div>
  43. </form>
  44. </div>
  45. <table class="table table-hover table-striped table-bordered table-condensed">
  46. <thead>
  47. <tr class="info">
  48. <td>批次号</td>
  49. <td>批次名</td>
  50. <td>学期</td>
  51. <td>状态</td>
  52. <td>开始/结束时间</td>
  53. <td>操作</td>
  54. </tr>
  55. </thead>
  56. <tbody>
  57. <c:forEach items="${batchesList }" var="b">
  58. <tr>
  59. <td>${b.id}</td>
  60. <td><a
  61. href="${pageContext.request.contextPath}/admin/batches/show/${b.id}">${b.name}</a></td>
  62. <td>${b.season}</td>
  63. <td><span class="batch-status">${b.batchStatus}</span></td>
  64. <td><fm:formatDate value="${b.beginDate}" dateStyle="medium"/> ~
  65. <fm:formatDate value="${b.endDate}" dateStyle="medium"/></td>
  66. <td>
  67. <a href="${pageContext.request.contextPath}/admin/batches/show/${b.id}" icon="zoom-in" class="btn btn-primary">查看批次</a>
  68. <a href="${pageContext.request.contextPath}/admin/batches/delete" bid="${b.id}" icon="remove" class="btn btn-danger remove-batch">删除批次</a>
  69. </td>
  70. </tr>
  71. </c:forEach>
  72. </tbody>
  73. </table>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <!-- 添加批次Modal -->
  79. <div class="modal fade" id="add-batch-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  80. <div class="modal-dialog" role="document">
  81. <div class="modal-content">
  82. <div class="modal-header">
  83. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  84. <h4 class="modal-title" id="add-admin-modal-title">添加新批次</h4>
  85. </div>
  86. <div class="modal-body">
  87. <jsp:include page="addBatch.jsp"/>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <script type="text/javascript">
  93. $(function(){
  94. $(".delete").click(function(){
  95. var mes;
  96. $.post("../../problem/delete/"+$(this).attr("name"),{"id":$(this).attr("name")},function(date){
  97. mes= date.mes;
  98. });
  99. if(mes == 'success'){
  100. alert("删除成功");
  101. $(this).parent().parent("tr").fadeOut(2000);
  102. }else{
  103. alert("删除失败!有 用户的申请 使用了改试卷,不可删除");
  104. }
  105. });
  106. });
  107. </script>
  108. </div>
  109. <%@ include file="../buttom.jsp"%>
  110. <script
  111. src="${pageContext.request.contextPath}/js/datatables/js/jquery.dataTables.min.js"></script>
  112. <script
  113. src="${pageContext.request.contextPath}/js/datatables/dataTables.bootstrap.js"></script>
  114. <script language="javascript" type="text/javascript"
  115. src="${pageContext.request.contextPath}/js/My97DatePicker/WdatePicker.js"></script>
  116. <script type="text/javascript">
  117. $(function(){
  118. batchStatusRender();
  119. autoAddIcon();
  120. $(".remove-batch").click(function(e){
  121. e.preventDefault();
  122. if(confirm("您确认要删除该批次吗?只有新建的批次才可以删除!")){
  123. var bid = $(this).attr('bid');
  124. if(bid){
  125. $.post($(this).attr('href'),{bid:bid},function(data){
  126. if(data.success){
  127. showGlobalNotification("删除批次成功!");
  128. location.reload();
  129. }else{
  130. showGlobalNotification("删除批次失败!只有新建的批次才可以删除");
  131. }
  132. });
  133. }else{
  134. showGlobalNotification("删除失败!未知的批次号 id:"+bid);
  135. }
  136. }
  137. });
  138. autoSelect();
  139. $("#season").change(function(){
  140. $(this).parents('form').submit();
  141. });
  142. });
  143. </script>
  144. </body>
  145. </html>