84 lines
2.7 KiB
HTML
84 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
{% load static %}
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>部门</title>
|
|||
|
|
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
|
|||
|
|
<style>
|
|||
|
|
#dept td, #dept th {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row clearfix">
|
|||
|
|
<div class="col-md-12 column">
|
|||
|
|
<h3>部门信息</h3>
|
|||
|
|
<hr>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="row clearfix">
|
|||
|
|
<div class="col-md-8 column">
|
|||
|
|
<table id="dept" class="table table-striped table-hover">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>部门编号</th>
|
|||
|
|
<th>部门名称</th>
|
|||
|
|
<th>部门所在地</th>
|
|||
|
|
<th>是否优秀</th>
|
|||
|
|
<th>操作</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
{% for dept in dept_list %}
|
|||
|
|
<tr>
|
|||
|
|
<td>{{ dept.no }}</td>
|
|||
|
|
<td>
|
|||
|
|
<!-- 写代码时要尽量避免使用硬编码(hard code) -->
|
|||
|
|
<a href="{% url 'empsindept' dept.no %}">{{ dept.name }}</a>
|
|||
|
|
</td>
|
|||
|
|
<td>{{ dept.location }}</td>
|
|||
|
|
<td>
|
|||
|
|
{% if dept.excellent %}
|
|||
|
|
<span style="color: green;">√</span>
|
|||
|
|
{% else %}
|
|||
|
|
<span style="color: red;">×</span>
|
|||
|
|
{% endif %}
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<a id="{{ dept.no }}" href="javascript:void(0);" class="btn btn-xs btn-warning">删除</a>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
{% endfor %}
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 column">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script src="{% static 'js/jquery.min.js' %}"></script>
|
|||
|
|
<script src="{% static 'js/bootstrap.min.js' %}"></script>
|
|||
|
|
<script>
|
|||
|
|
$(function() {
|
|||
|
|
$('#dept tbody tr:even').addClass('info');
|
|||
|
|
$('#dept tbody tr:odd').addClass('warning');
|
|||
|
|
$('#dept a[id]').on('click', function(evt) {
|
|||
|
|
var a = $(evt.target);
|
|||
|
|
if (confirm('确定要删除吗?')) {
|
|||
|
|
$.getJSON('/hrs/deldept/' + a.attr('id'), function(json) {
|
|||
|
|
if (json.code == 200) {
|
|||
|
|
a.parent().parent().remove();
|
|||
|
|
$('#dept tbody tr:even').addClass('info');
|
|||
|
|
$('#dept tbody tr:odd').addClass('warning');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|