123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158 |
- <!DOCTYPE html>
- <%@ page contentType="text/html;charset=utf-8"%>
- <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
- <!--[if !IE]><!-->
- <html lang="en">
- <!--<![endif]-->
- <head>
- <%@ include file="/WEB-INF/jsp/assets.jsp"%>
- <link href="${rootUrl }plugins/treetable/jquery.treetable.css"
- rel="stylesheet" />
- <script src="${rootUrl }plugins/treetable/jquery.treetable.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#myManage").taiji({
- enableAclCheck : true
- }).on("taijiSearchSuccess", function() {
- $("#my-table").treetable({
- expandable : true,
- initialState : "expanded",
- indent : 20
- }, true);
- }).on("taijiOperateSuccess", function() {
- $("#listForm").submit();
- });
- });
- </script>
-
- <style type="text/css">
- table.treetable tr.expanded span.indenter a::before {
- content: "\f146";
- font: normal normal normal 14px/1 FontAwesome;
- color: #888;
- }
-
- table.treetable tr.collapsed span.indenter a::before {
- content: "\f0fe";
- font: normal normal normal 14px/1 FontAwesome;
- color: #888;
- }
- </style>
- </head>
- <body>
- <div id="page-loader" class="fade in">
- <span class="spinner"></span>
- </div>
- <!-- begin #page-container -->
- <div id="page-container" class="fade">
- <!-- begin #header -->
- <%@ include file="/WEB-INF/jsp/header.jsp"%>
- <!-- end #header -->
-
- <!-- begin #sidebar -->
- <%@ include file="/WEB-INF/jsp/sidebar.jsp"%>
- <!-- end #sidebar -->
-
- <!-- begin #content -->
- <div id="content" class="content">
- <ol class="breadcrumb pull-right">
- </ol>
-
- <!-- begin row -->
- <div class="row">
- <!-- begin col-12 -->
- <div class="col-md-12">
- <!-- begin panel -->
- <div id="myManage" class="panel panel-inverse">
- <div class="panel-heading">
- <div class="panel-heading-btn">
- <a href="javascript:;"
- class="btn btn-xs btn-icon btn-circle btn-default"
- data-click="panel-expand"><i class="fa fa-expand"></i></a> <a
- href="javascript:;"
- class="btn btn-xs btn-icon btn-circle btn-success"
- data-click="panel-reload"><i class="fa fa-repeat"></i></a> <a
- href="javascript:;"
- class="btn btn-xs btn-icon btn-circle btn-warning"
- data-click="panel-collapse"><i class="fa fa-minus"></i></a> <a
- href="javascript:;"
- class="btn btn-xs btn-icon btn-circle btn-danger"
- data-click="panel-remove"><i class="fa fa-times"></i></a>
- </div>
- <h4 class="panel-title">组织结构管理</h4>
- </div>
- <div class="panel-body">
- <a href="${rootUrl }app/zfdorg/add"
- class="taiji_modal taiji_acl btn btn-success m-r-10"><i
- class="fa fa-plus m-r-5"></i>添加组织</a>
- <form:form modelAttribute="queryModel"
- cssClass="taiji_search_form form-inline m-t-5 " id="listForm"
- name="listForm" action="${rootUrl}app/zfdorg/manage"
- method="post">
- <div class="form-group">
- <form:input path="orgName" maxlength="100"
- cssClass="form-control" placeholder="组织名称" />
- </div>
- <div class="form-group">
- <form:label path="orgLevel" class="col-sm-2 control-label" >级别:</form:label>
- <div class="col-sm-10" >
- <form:select path="orgLevel" cssClass="form-control"
- maxlength="100" >
- <form:option value=""></form:option>
- <form:options items="${orgLevels}" itemLabel="value" />
- </form:select>
- </div>
- </div>
- <div class="form-group">
- <form:input path="orgSuperiorName" maxlength="100"
- cssClass="form-control" placeholder="上级组织" />
- </div>
- <div class="form-group">
- <%@ include file="/WEB-INF/jsp/pagesize.jsp"%>
- </div>
- <button class="taiji_search_submit btn btn-md btn-success m-r-5"
- type="button">
- <i class="fa fa-search m-r-10 "></i>查询
- </button>
- </form:form>
- </div>
- <div class="taiji_search_result table-responsive">
- <table id="my-table" class="table table-bordered table-hover">
- <thead>
- <tr>
- <th>组织名称</th>
- <th>组织级别</th>
- <th>上级组织</th>
- <th>添加时间</th>
- <th>更新时间</th>
- <th>操作</th>
- </tr>
- </thead>
- <tbody>
- </tbody>
- </table>
- </div>
- <div class="panel-footer text-right">
- <div class="pageturn taiji_pager"></div>
-
- </div>
- </div>
- <!-- end panel -->
- </div>
- <!-- end col-12 -->
- </div>
- <!-- end row -->
- </div>
- <!-- end #content -->
-
-
- <!-- begin scroll to top btn -->
- <a href="javascript:;"
- class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade"
- data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
- <!-- end scroll to top btn -->
- </div>
- <!-- end page container -->
-
- </body>
- </html>
|