@layout("/common/_container.html",{plugins:["table","layer","sweet-alert","treeview"],js:["/assets/modular/system/dept/dept.js"]}){
<div class="row">
    <div class="col-lg-2 col-sm-3 p-r-0">
        <div class="card card-outline-theme">
            <div class="card-header">
                <h5 class="m-b-0 text-white">部门树列表</h5>
            </div>
            <div class="card-body">
                <ul id="deptTree" class="p-l-0"></ul>
            </div>
        </div>
    </div>
    <div class="col-lg-10 col-sm-9" id="deptPage">
        <div class="row">
            <div class="col-lg-12">
                <div class="card card-outline-theme m-b-10">
                    <div class="card-body">
                        <div class="form-horizontal">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <div class="input-group-text">部门名称</div>
                                            </div>
                                            <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">
                                            <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="Dept.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-theme m-b-0">
                    <div class="card-body 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="DeptTableToolbar" role="group">
                                                @if(shiro.hasPermission("/dept/add")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="Dept.openAddDept()">
                                                    <i class="fa fa-check-circle"></i>&nbsp;添加
                                                </button>
                                                @}
                                                @if(shiro.hasPermission("/dept/update")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="Dept.openDeptDetail()">
                                                    <i class="fa fa-check-circle"></i>&nbsp;修改
                                                </button>
                                                @}
                                                @if(shiro.hasPermission("/dept/delete")){
                                                <button type="button" class="btn btn-primary waves-effect m-l-5" onclick="Dept.delete()">
                                                    <i class="fa fa-check-circle"></i>&nbsp;删除
                                                </button>
                                                @}
                                            </div>
                                            <#table id="DeptTable"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@}