baklist.vm 9.02 KB
#set($page_title="菜单列表")
#set($crumbs="首页:/home,菜单列表")
##查询地址
#set($url_list = "/menu/list.do")
##详情
#set($url_show = "/menu/show.do")
##添加
#set($url_save = "/menu/preSave.do")
##删除
#set($url_del = "/menu/del.do")
##排序
#set($url_sort = "/menu/sort.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" />
                                <input type="hidden" name="param[parentId]" value="$!{parentId}" />
                                <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[label]" value="$!{model.query.param.label}" class="form-control"/>
                                                </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>
                                <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>父级id</th>
                        <th>根节点</th>
                        <th>菜单url</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.label}
                            </td>
                            <td>
                                $!{obj.parentId}
                            </td>
                            <td>
                                #if($!{obj.isRoot} == 1)

                                #else

                                #end
                            </td>
                            <td>
                                $!{obj.menuUrl}
                            </td>
                            <td>
                                $!{obj.navbar.projectName}
                            </td>
                            <td>
                                $!{obj.description}
                            </td>
                            <td>
                                #set($plus = ${obj.sort} + 1)
                                #set($cat = ${obj.sort} - 1)
                                <a href="${url_sort}?id=${obj.id}&sort=${plus}">
                                    <i class="fa fa-arrow-up"></i>
                                </a>
                                #if($cat != -1)
                                <a href="${url_sort}?id=${obj.id}&sort=${cat}">
                                    <i class="fa fa-arrow-down"></i>
                                </a>
                                #else
                                #end
                            </td>
                            <td>
                                <div class="action-buttons">
                                    <a class="green" href="${url_show}?id=${obj.id}">
                                        <i class="fa fa-pencil "></i>查看
                                    </a>
                                    #if(${obj.type} == 0)
                                    <a class="green" href="${url_list}?param[parentId]=${obj.id}">
                                        <i class="fa fa-pencil "></i>子菜单
                                    </a>
                                    #end

                                    <a class="green" href="${url_save}?id=${obj.id}">
                                        <i class="fa fa-pencil "></i>修改
                                    </a>
                                    <a class="red" href="${url_del}?param[parentId]=${parentId}&param[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">
                        #if(${model.query.param.parentId})
                        <a href="$url_save?parentId=${model.query.param.parentId}" class="btn btn-success btn-sm ">添加</a>
                        #else
                        <a href="$url_save" class="btn btn-success btn-sm ">添加</a>
                        #end

                    </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");
		});
		
	}
    
</script>

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