zcdsj
/
safesite
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

table page

This commit is contained in:
wcharles 2019-10-18 14:00:38 +08:00
parent 929d0bffca
commit 497f92692e
3 changed files with 180 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
groups/templates/groups/base.html
View File

@ -30,7 +30,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
{% block headother %}{% endblock %}
<!-- Google Font --> <!-- Google Font -->
<link rel="stylesheet" <link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
@ -190,10 +190,9 @@ desired effect
<!-- Content Wrapper. Contains page content --> <!-- Content Wrapper. Contains page content -->
<div class="content-wrapper"> <div class="content-wrapper">
{% block pagehead %}
<!-- Content Header (Page header) --> <!-- Content Header (Page header) -->
<section class="content-header"> <section class="content-header">
{% block pagehead %}{% endblock %}
<!-- <h1> <!-- <h1>
Page Header Page Header
<small>Optional description</small> <small>Optional description</small>
@ -203,16 +202,16 @@ desired effect
<li class="active">Here</li> <li class="active">Here</li>
</ol> --> </ol> -->
</section> </section>
{% endblock %}
{% block content %}
<!-- Main content --> <!-- Main content -->
<section class="content container-fluid"> <section class="content container-fluid">
{% block content %}{% endblock %}
<!-------------------------- <!--------------------------
| Your Page Content Here | | Your Page Content Here |
--------------------------> -------------------------->
</section> </section>
<!-- /.content --> <!-- /.content -->
{% endblock %}
</div> </div>
<!-- /.content-wrapper --> <!-- /.content-wrapper -->
@ -313,7 +312,7 @@ desired effect
<script src="{% static 'groups/bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script> <script src="{% static 'groups/bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="{% static 'groups/dist/js/adminlte.min.js' %}"></script> <script src="{% static 'groups/dist/js/adminlte.min.js' %}"></script>
{% block endother %}{% endblock %}
<!-- Optionally, you can add Slimscroll and FastClick plugins. <!-- Optionally, you can add Slimscroll and FastClick plugins.
Both of these plugins are recommended to enhance the Both of these plugins are recommended to enhance the
user experience. --> user experience. -->

74
groups/templates/groups/company.bak.html Normal file
View File

@ -0,0 +1,74 @@
{% extends "./base.html" %}
{% block title %}公司列表{% endblock %}
{% block pagehead %}
<h1>
公司列表
<small>companys list</small>
</h1>
<ol class="breadcrumb">
<li><a href="{% url 'groups_index' %}"><i class="fa fa-dashboard"></i> 主页</a></li>
<li class="active">公司列表</li>
</ol>
{% endblock %}
{% block content %}
<div class="row">
<div class="col-xs-12">
<!-- /.box -->
<div class="box">
<div class="box-header">
<h3 class="box-title">下属公司列表</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<div id="example1_wrapper" class="dataTables_wrapper form-inline dt-bootstrap"><div class="row"><div class="col-sm-6">
<div class="dataTables_length" id="example1_length">
<label>Show <select name="example1_length" aria-controls="example1" class="form-control input-sm">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select> entries</label></div>
</div><div class="col-sm-6">
<div id="example1_filter" class="dataTables_filter">
<label>Search:<input type="search" class="form-control input-sm" placeholder=""
aria-controls="example1"></label></div></div></div>
<div class="row"><div class="col-sm-12">
<table id="example1" class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info">
<thead>
<tr role="row">
<th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 164.933px;" aria-sort="ascending"
aria-label="Rendering engine: activate to sort column descending">公司名称</th>
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 204.15px;"
aria-label="Browser: activate to sort column ascending">Browser</th>
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 179.933px;"
aria-label="Platform(s): activate to sort column ascending">Platform(s)</th>
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 140.467px;"
aria-label="Engine version: activate to sort column ascending">超管账号</th>
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 99.1833px;"
aria-label="CSS grade: activate to sort column ascending">建立时间</th>
</tr>
</thead>
<tbody>
{% for i in companys %}
<tr role="row" class="even">
<td class="sorting_1">{{i.partname}}</td>
<td>Firefox 1.0</td>
<td>Win 98+ / OSX.2+</td>
<td>{{i.useradmin}}</td>
<td>{{i.creattime}}</td>
</tr>
{% endfor %}
</tbody>
</table></div></div><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="example1_info" role="status" aria-live="polite">Showing 1 to 10 of 57 entries</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="example1_paginate"><ul class="pagination"><li class="paginate_button previous disabled" id="example1_previous"><a href="#" aria-controls="example1" data-dt-idx="0" tabindex="0">Previous</a></li><li class="paginate_button active"><a href="#" aria-controls="example1" data-dt-idx="1" tabindex="0">1</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="2" tabindex="0">2</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="3" tabindex="0">3</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="4" tabindex="0">4</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="5" tabindex="0">5</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="6" tabindex="0">6</a></li><li class="paginate_button next" id="example1_next"><a href="#" aria-controls="example1" data-dt-idx="7" tabindex="0">Next</a></li></ul></div></div></div></div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
{% endblock %}

174
groups/templates/groups/company.html
View File

@ -1,74 +1,100 @@
{% extends "./base.html" %} {% extends "./base.html" %}
{% load static %}
{% block title %}公司列表{% endblock %} {% block headother%}
<!-- DataTables -->
{% block pagehead %} <link rel="stylesheet" href="{% static 'groups/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css' %}">
<h1>
公司列表 {% endblock %}
<small>companys list</small>
</h1>
<ol class="breadcrumb"> {% block title %}公司列表{% endblock %}
<li><a href="{% url 'groups_index' %}"><i class="fa fa-dashboard"></i> 主页</a></li>
<li class="active">公司列表</li> {% block pagehead %}
</ol> <section class="content-header">
{% endblock %} <h1>
{% block content %} 公司列表
<div class="row"> <small>companys list</small>
<div class="col-xs-12"> </h1>
<!-- /.box --> <ol class="breadcrumb">
<li><a href="{% url 'groups_index' %}"><i class="fa fa-dashboard"></i> 主页</a></li>
<div class="box"> <li class="active">公司列表</li>
<div class="box-header"> </ol>
<h3 class="box-title">下属公司列表</h3> </section>
</div> {% endblock %}
<!-- /.box-header --> {% block content %}
<div class="box-body"> <!-- Main content -->
<div id="example1_wrapper" class="dataTables_wrapper form-inline dt-bootstrap"><div class="row"><div class="col-sm-6"> <section class="content">
<div class="dataTables_length" id="example1_length"> <div class="row">
<label>Show <select name="example1_length" aria-controls="example1" class="form-control input-sm"> <div class="col-xs-12">
<option value="10">10</option> <div class="box">
<option value="25">25</option> <div class="box-header">
<option value="50">50</option> <h3 class="box-title">下属公司列表</h3>
<option value="100">100</option> </div>
</select> entries</label></div> <!-- /.box-header -->
</div><div class="col-sm-6"> <div class="box-body">
<div id="example1_filter" class="dataTables_filter"> <table id="example1" class="table table-bordered table-striped">
<label>Search:<input type="search" class="form-control input-sm" placeholder="" <thead>
aria-controls="example1"></label></div></div></div> <tr role="row">
<div class="row"><div class="col-sm-12"> <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 164.933px;" aria-sort="ascending"
<table id="example1" class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info"> aria-label="Rendering engine: activate to sort column descending">公司名称</th>
<thead> <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 204.15px;"
<tr role="row"> aria-label="Browser: activate to sort column ascending">Browser</th>
<th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 164.933px;" aria-sort="ascending" <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 179.933px;"
aria-label="Rendering engine: activate to sort column descending">公司名称</th> aria-label="Platform(s): activate to sort column ascending">Platform(s)</th>
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 204.15px;" <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 140.467px;"
aria-label="Browser: activate to sort column ascending">Browser</th> aria-label="Engine version: activate to sort column ascending">超管账号</th>
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 179.933px;" <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 99.1833px;"
aria-label="Platform(s): activate to sort column ascending">Platform(s)</th> aria-label="CSS grade: activate to sort column ascending">建立时间</th>
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 140.467px;" </tr>
aria-label="Engine version: activate to sort column ascending">超管账号</th> </thead>
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 99.1833px;" <tbody>
aria-label="CSS grade: activate to sort column ascending">建立时间</th> {% for i in companys %}
</tr> <tr role="row" class="even">
</thead> <td class="sorting_1">{{i.partname}}</td>
<tbody> <td>Firefox 1.0</td>
{% for i in companys %} <td>Win 98+ / OSX.2+</td>
<tr role="row" class="even"> <td>{{i.useradmin}}</td>
<td class="sorting_1">{{i.partname}}</td> <td>{{i.creattime}}</td>
<td>Firefox 1.0</td> </tr>
<td>Win 98+ / OSX.2+</td> {% endfor %}
<td>{{i.useradmin}}</td> </tbody>
<td>{{i.creattime}}</td> </table>
</tr> </div>
{% endfor %} <!-- /.box-body -->
</tbody> </div>
</table></div></div><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="example1_info" role="status" aria-live="polite">Showing 1 to 10 of 57 entries</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="example1_paginate"><ul class="pagination"><li class="paginate_button previous disabled" id="example1_previous"><a href="#" aria-controls="example1" data-dt-idx="0" tabindex="0">Previous</a></li><li class="paginate_button active"><a href="#" aria-controls="example1" data-dt-idx="1" tabindex="0">1</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="2" tabindex="0">2</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="3" tabindex="0">3</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="4" tabindex="0">4</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="5" tabindex="0">5</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="6" tabindex="0">6</a></li><li class="paginate_button next" id="example1_next"><a href="#" aria-controls="example1" data-dt-idx="7" tabindex="0">Next</a></li></ul></div></div></div></div> <!-- /.box -->
</div> </div>
<!-- /.box-body --> <!-- /.col -->
</div> </div>
<!-- /.box --> <!-- /.row -->
</div> </section>
<!-- /.col --> <!-- /.content -->
</div> {% endblock %}
<!-- /.row -->
{% 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>
$(function () {
$('#example1').DataTable()
$('#example2').DataTable({
'paging' : true,
'lengthChange': false,
'searching' : false,
'ordering' : true,
'info' : true,
'autoWidth' : false
})
})
</script>
{% endblock %}