123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168 |
- <!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/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet" />
- <script src="${rootUrl }plugins/bootstrap-editable/js/bootstrap-editable.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function(){
- $("#myManage").taiji({
- enableAclCheck:true
- }).editable({
- selector:".editable",//元素选择器,对目标元素启用编辑
- url:"editGrid",//编辑提交的url
- success: editGridSuccess//服务器返回成功的回调方法
- }).on("taijiSearchSuccess",function(event,result){
- /*
- 单独设置性别参数
- $(".editable.male").editable({
- url:"editGrid",//编辑提交的url
- source: [
- {"value": '0', "text": '女'},
- {"value": '1', "text": '男'}
- ],
- success: editGridSuccess//服务器返回成功的回调方法
- }); */
- }).on("taijiEditSuccess",function(event,result){
-
- });
-
- $("#addBtn").click(function(){
- $(this).showModal({size:"modal-lg",backdrop:false,data:{loginName:"sample"}});
- return false;
- });
-
- function editGridSuccess(response, newValue) {
- if($.isPlainObject(response)&&response.success===true){
- $.Taiji.showNote(response.msg);
- }else{
- var result=$.parseJSON($(response).find("#taiji_note").text());
- if(result&&result.success===false){
- return $.Taiji.base64.decode(result.msg);
- }
- }
- }
- });
-
-
- </script>
- </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-toolbar ">
- <a href="${rootUrl }app/acl/user/add" class="taiji_modal taiji_acl btn btn-success m-5"><i class="fa fa-plus m-r-5"></i>添加</a>
- <a href="${rootUrl }app/acl/user/add" class="taiji_modal_lg taiji_acl btn btn-success m-5"><i class="fa fa-plus m-r-5"></i>添加(大)</a>
- <a href="${rootUrl }app/acl/user/openAdd" class="taiji_acl btn btn-success m-5" target="_blank"><i class="fa fa-plus m-r-5"></i>添加(open)</a>
- <a href="${rootUrl }app/acl/user/addPost" class="taiji_modal btn btn-success m-5" data-selector="#userName"><i class="fa fa-plus m-r-5"></i>添加(POST)</a>
- <a href="${rootUrl }app/acl/user/addPost" id="addBtn" class="btn btn-success m-5" data-selector="#userName"><i class="fa fa-plus m-r-5"></i>添加(手动)</a>
- </div>
-
- <div class="panel-body">
- <form:form cssClass="taiji_search_form form-inline m-t-5 " modelAttribute="queryModel" id="listForm" name="listForm" action="${rootUrl}app/acl/user/manage" method="post">
- <div class="form-group m-5">
- <form:input path="userName" size="25" maxlength="50" placeholder="用户(姓名|登录名|拼音)" cssClass="form-control"/>
- </div>
- <div class="form-group m-5">
- <form:input path="unitName" size="25" maxlength="50" placeholder="单位名称模糊查找" cssClass="form-control"/>
- </div>
- <div class="form-group m-5">
- <label class="control-label">状态</label>
- <form:select path="status" cssClass="selectpicker" data-style="btn-white" data-width="80px">
- <form:option value="">全部</form:option>
- <form:options items="${statuses}" itemLabel="value"/>
- </form:select>
- </div>
- <div class="form-group m-5">
- <label class="control-label">每页条数</label>
- <form:select path="pageSize" cssClass="selectpicker" data-style="btn-white" data-width="80px">
- <form:option value="2">2</form:option>
- <form:option value="10">10</form:option>
- <form:option value="16">16</form:option>
- <form:option value="20">20</form:option>
- <form:option value="50">50</form:option>
- <form:option value="100">100</form:option>
- </form:select>
- </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>
- <button class="taiji_search_reset btn btn-md btn-default" type="button"><i class="fa fa-refresh m-r-10 "></i>重置</button>
- </form:form>
- </div>
- <div class="taiji_search_result taiji_table_float table-responsive">
- <table class="table table-striped table-bordered table-hover">
- <thead>
- <tr>
- <th class="taiji_sortable {orderBy:'loginName',desc:true}">登录名</th>
- <th class="taiji_column_compress"><span>名字</span></th>
- <th class="taiji_column_compress"><span>单位</span></th>
- <th width="60px">性别</th>
- <th width="60px">状态</th>
- <th width="200px">角色</th>
- <th width="130px">操作</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>
|