@layout("/common/_container.html",{plugins:["table","ztree","layer","sweet-alert","laydate"],js:["/assets/modular/system/user/user.js"]}){
<div class="row">
    <div class="col-lg-2 col-sm-3 p-r-0">
        <div class="card card-outline-info m-b-10">
            <div class="card-header">
                <h5 class="m-b-0 text-white">部门选择</h5>
            </div>
            <div class="card-block">
                <ul id="deptTree" class="ztree"></ul>
            </div>
        </div>
    </div>
    <div class="col-lg-10 col-sm-9" id="userManagerPage">
        <div class="row">
            <div class="col-lg-12">
                <div class="card card-outline-info m-b-10">
                    <div class="card-header">
                        <h5 class="m-b-0 text-white">用户管理</h5>
                    </div>
                    <div class="card-block">
                        <div class="form-horizontal">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="input-group condition-button">
                                            <span class="input-group-addon">用户名称</span>
                                            <input v-model="name" type="text" class="form-control" placeholder="账号/姓名/手机号" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="input-group condition-button">
                                            <span class="input-group-addon">注册日期</span>
                                            <input type="text" class="form-control" id="timeLimit" placeholder="注册日期" autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="input-group condition-button">
                                            <div class="input-group-btn condition-button">
                                                <button type="button" id="check-minutes"
                                                        class="btn btn-info waves-effect waves-light condition-button-width" onclick="MgrUser.search()">查询</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="card card-outline-info m-b-0">
                    <div class="card-block p-t-0 p-b-0">
                        <div class="form-horizontal">
                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card m-b-0 p-b-0">
                                            <div class="hidden-xs" id="managerTableToolbar" role="group">
                                                @if(shiro.hasPermission("/mgr/add")){
                                                <button type="button" class="btn btn-primary waves-effect" onclick="MgrUser.openAddMgr()">
                                                    <i class="fa fa-plus"></i>&nbsp;添加
                                                </button>
                                                @}
                                                @if(shiro.hasPermission("/mgr/edit")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="MgrUser.openChangeUser()">
                                                    <i class="fa fa-edit"></i>&nbsp;修改
                                                </button>
                                                @}
                                                @if(shiro.hasPermission("/mgr/delete")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="MgrUser.delMgrUser()">
                                                    <i class="fa fa-remove"></i>&nbsp;删除
                                                </button>
                                                @}
                                                @if(shiro.hasPermission("/mgr/reset")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="MgrUser.resetPwd()">
                                                    <i class="fa fa-refresh"></i>&nbsp;重置密码
                                                </button>
                                                @}
                                                @if(shiro.hasPermission("/mgr/freeze")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="MgrUser.freezeAccount()">
                                                    <i class="fa fa-warning"></i>&nbsp;冻结
                                                </button>
                                                @}
                                                @if(shiro.hasPermission("/mgr/unfreeze")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="MgrUser.unfreeze()">
                                                    <i class="fa fa-check-circle"></i>&nbsp;解除冻结
                                                </button>
                                                @}
                                                @if(shiro.hasPermission("/mgr/setRole")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="MgrUser.roleAssign()">
                                                    <i class="fa fa-user-secret"></i>&nbsp;角色分配
                                                </button>
                                                @}
                                            </div>
                                            <#table id="managerTable"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@}