{% extends "groups/base.html" %}
{% load static %}
{% block headother%}
  <!-- DataTables -->
  <link rel="stylesheet" href="{% static 'groups/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css' %}">

{% endblock %}


{% block title %}公司员工列表{% endblock %}

{% block pagehead %}
    <section class="content-header">
        <h1>
          公司员工列表
          <small></small>
        </h1>
        <ol class="breadcrumb">
          <li><a href="{% url 'groups_index' %}"><i class="fa fa-dashboard"></i> 主页</a></li>
          <li class="active">公司员工列表</li>
        </ol>
    </section>
{% endblock %}
{% block content %}
    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="box">
            <div class="box-header">
              <h3 class="box-title">公司员工列表</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr role="row">
                  <th >员工序号</th>
                  <th >员工姓名</th>
                  <th >员工账号</th>
                  <th >所属部门</th>
                  <th >操作</th>
                </tr>
                </thead>
                <tbody>
                {% for user in users %}
                <tr role="row" class="even">
                  <td>{{forloop.counter}}</td>
                  <td>{{user.name}}</td>
                  <td>{{user.username}}</td>
                  <td>{{user.ubelongpart.partname}}</td>
                    <td>
                        <!-- <a href="{% url 'groups_userdetail' user.userid  %}">查看</a> -->
                        <a href="{% url 'groups_change_company' user.userid  %}">公司调整</a>
                    </td>
                </tr>
                {% endfor %}

              </tbody>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
{% endblock %}


{% block endother%}
<!-- DataTables -->
<script src="{% static 'groups/bower_components/datatables.net/js/jquery.dataTables.min.js' %}"></script>
<script src="{% static 'groups/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js' %}"></script>
<!-- SlimScroll -->
<script src="{% static 'groups/bower_components/jquery-slimscroll/jquery.slimscroll.min.js' %}"></script>
<!-- FastClick -->
<script src="{% static 'groups/bower_components/fastclick/lib/fastclick.js' %}"></script>


<script>
    // $('#example1').DataTable()
    $('#example1').DataTable({

language: {
  "sProcessing": "处理中...",
  "sLengthMenu": "显示 _MENU_ 项结果",
  "sZeroRecords": "没有匹配结果",
  "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
  "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
  "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
  "sInfoPostFix": "",
  "sSearch": "搜索:",
  "sUrl": "",
  "sEmptyTable": "表中数据为空",
  "sLoadingRecords": "载入中...",
  "sInfoThousands": ",",
  "oPaginate": {
    "sFirst": "首页",
    "sPrevious": "上页",
    "sNext": "下页",
    "sLast": "末页"
  },
  "oAria": {
    "sSortAscending": ": 以升序排列此列",
    "sSortDescending": ": 以降序排列此列"
  }
}
});
</script>
{% endblock %}