dept.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. {% load static %}
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>部门</title>
  7. <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
  8. </head>
  9. <body>
  10. <div class="container">
  11. <div class="row clearfix">
  12. <div class="col-md-12 column">
  13. <h3>部门信息</h3>
  14. <hr>
  15. </div>
  16. </div>
  17. <div class="row clearfix">
  18. <div class="col-md-8 column">
  19. <table id="dept" class="table table-striped table-hover">
  20. <thead>
  21. <tr>
  22. <th>部门编号</th>
  23. <th>部门名称</th>
  24. <th>部门所在地</th>
  25. <th>操作</th>
  26. </tr>
  27. </thead>
  28. <tbody>
  29. {% for dept in dept_list %}
  30. <tr>
  31. <td>{{ dept.no }}</td>
  32. <td>
  33. <a href="/hrs/emps?dno={{ dept.no }}">{{ dept.name }}</a>
  34. </td>
  35. <td>{{ dept.location }}</td>
  36. <td>
  37. <a href="/hrs/deldept?dno={{ dept.no }}" class="btn btn-xs btn-warning">删除</a>
  38. </td>
  39. </tr>
  40. {% endfor %}
  41. </tbody>
  42. </table>
  43. </div>
  44. <div class="col-md-4 column">
  45. </div>
  46. </div>
  47. </div>
  48. <script src="{% static 'js/jquery.min.js' %}"></script>
  49. <script src="{% static 'js/bootstrap.min.js' %}"></script>
  50. <script>
  51. $(function() {
  52. $('#dept tbody tr:even').addClass('info');
  53. $('#dept tbody tr:odd').addClass('warning');
  54. });
  55. </script>
  56. </body>
  57. </html>