list.vm 9.09 KB
#set($page_title="列表")
#set($crumbs="首页:/home,角色列表")

##详情
#set($url_show = "/role/show.do")
##查询地址
#set($url_list = "/role/list.do")
##添加
#set($url_save = "/role/preSave.do")
#set($url_authority = "/role/preAuthority.do")
#set($url_role_user = "/role/roleUser.do")
##删除
#set($url_del = "/role/del.do")
##菜单权限
#set($url_role_menu = "/role/preRoleMenu.do")
##资源权限
#set($url_role_resource = "/role/preRoleResource.do")

<div class="row">
    <div class="col-xs-12">

        <div class="table-header">
          	  角色列表
        </div>

        <div class="table-responsive">
            <div id="sample-table-2_wrapper" class="dataTables_wrapper" role="grid">
                <div class="row">
                    <div class="col-sm-6" style="width:100%">
                        <div id="sample-table-2_length" class="dataTables_length">
                            <form action="$url_list" id="form" method="post">
                                <input type="hidden" name="currPage" value="0" />
                                <div class="row">
	                                <div class="col-xs-4">
	                                    <div class="form-group">
	                                        <label class="col-xs-3 control-label text-right">显示数量: </label>
	                                        <div class="col-xs-9">
	                                            #selectCount($!{model.query.pageSize})
	                                        </div>
	                                    </div>
	                                </div>
	                                <div class="col-xs-4">
										<div class="form-group">
											<label class="col-xs-3 control-label text-right">角色名:
											</label>
											<div class="col-xs-9">
												<input type="text" name="param[roleName]"
													value="$!{model.query.param.roleName}" class="form-control" />
											</div>
										</div>
									</div>
                                    <div class="col-xs-4">
                                        <div class="form-group">
                                            <label class="col-xs-3 control-label text-right">ID: </label>
                                            <div class="col-xs-9">
                                                <input type="text" name="param[id]" value="$!{model.query.param.id}" class="form-control"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>

									<!-- <div class="col-xs-4">
										<div class="form-group">
											<label class="col-xs-3 control-label text-right">角色描述:
											</label>
											<div class="col-xs-9">
												<input type="text" name="param[description]"
													value="$!{model.query.param.description}"
													class="form-control" />
											</div>
										</div>
									</div> -->
								<!-- <div class="row">

									<div class="col-xs-4">
										<div class="form-group">
											<label class="col-xs-3 control-label text-right">创建时间:
											</label>
											<div class="col-xs-9">
												<input type="text" name="param[created]" readonly="readonly"
													class="form-control  form-time"
													onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
													value="$!{model.query.param.created}" id="created" />

											</div>
										</div>
									</div>

									<div class="col-xs-4">
										<div class="form-group">
											<label class="col-xs-3 control-label text-right">修改时间:
											</label>
											<div class="col-xs-9">
												<input type="text" name="param[modified]"
													readonly="readonly" class="form-control  form-time"
													onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"
													value="$!{model.query.param.modified}" id="modified" />


											</div>
										</div>
									</div>

								</div> -->

								<div class="clearfix">
                                    <span class="pull-right">
                                        <input type="submit" value="查询结果" />
                                        <input type="button" value="重置条件" onclick="cleanForm('form');">
                                    </span>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
                <table id="sample-table-2" class="table table-striped table-bordered table-hover dataTable" aria-describedby="sample-table-2_info">
                    <thead>
                    <tr role="row">
                            <th>ID</th>
                            <th>角色名</th>
                            <th>角色描述</th>
                            <th>创建时间</th>
                            <th>修改时间</th>
                        <th><i class="icon-time bigger-110 hidden-480"></i>操作</th>
                    </tr>
                    </thead>


                    <tbody role="alert" aria-live="polite" aria-relevant="all">
                    #foreach($obj in $!{model.list})
                    <tr>
                        <td>
                            $!{obj.id}
                        </td>
                        <td>
                            $!{obj.roleName}
                        </td>
                        <td>
                            $!{obj.description}
                        </td>
                        <td>
                           $!{dateFormatUtils.format($!{obj.created},"yyyy-MM-dd HH:mm:ss")}
                        </td>
                        <td>
                           $!{dateFormatUtils.format($!{obj.modified},"yyyy-MM-dd HH:mm:ss")}
                        </td>
                        <td>
                            <div class="action-buttons">
                                <a class="green" href="${url_authority}?id=${obj.id}">
                                    <i class="fa fa-pencil "></i>权限
                                </a>
##                                <a class="green" href="${url_role_menu}?id=${obj.id}">
##                                    <i class="fa fa-pencil "></i>菜单
##                                </a>
##                                <a class="green" href="${url_role_resource}?id=${obj.id}">
##                                    <i class="fa fa-pencil "></i>资源
##                                </a>
                                <a class="green" href="${url_role_user}?id=${obj.id}">
                                    <i class="fa fa-pencil "></i>用户列表
                                </a>
                                <a class="green" href="${url_save}?id=${obj.id}">
                                    <i class="fa fa-pencil "></i>修改
                                </a>
                                <a class="red" href="${url_del}?id=${obj.id}" onclick="return confirm('确定要删除!');">
                                    <i class="fa fa-trash  "></i>删除
                                </a>
                            </div>
                        </td>

                    </tr>
                    #end
                    </tbody>
                </table>
                <div class="row">
                    <div class="col-sm-6">
                        <a href="$url_save" class="btn btn-success btn-sm ">添加</a>
                    </div>
                    <div class="col-sm-6">
                        <div class="dataTables_paginate paging_bootstrap">
                            <div class="pull-right">
                                #page($!{model.totalPage},$!{model.currPage})
                            </div>
                            <span class="pull-right" style="line-height: 33px;">
                                #set($tmpPage = $model.currPage + 1)
                                查询出$!{model.totalSize}条数据,共$!{model.totalPage}页,当前第$!{tmpPage}页
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    jQuery(function($) {

        $('table th input:checkbox').on('click' , function(){
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                    .each(function(){
                        this.checked = that.checked;
                        $(this).closest('tr').toggleClass('selected');
                    });

        });
    })
    
    function cleanForm(id) {
		var form = $("#" + id);
		
		form.find("input[type=text]").each(function() {
			var obj = $(this);
			obj.val("");
		});
		
		form.find("select").each(function() {
			var obj = $(this);
			obj.val("20");
		});
		
		
		$("input[class='form-control  form-time']").each(function() {
			var obj = $(this);
			obj.val("");
		});
	}
	
</script>

<script src="$!{webUtils.getAssetsPath("/ace1.3/assets/js/diligrp.form.js")}"></script>
<script src="$!{webUtils.getAssetsPath('/date/WdatePicker.js')}"></script>