{extend name="layout/content"}
{block name="content"}
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="roleInfoForm">
            <input type="hidden" id="id" value="{$role.id}">
            <div class="row">                
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">角色名称</label>
                        <div class="col-sm-9">
                            <input class="form-control" id="name" name="name" value="{$role.name}" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">上级名称</label>
                        <div class="col-sm-9">
                            <input class="form-control" id="pName" name="pName" value="{$role.pName}" type="text" style="background-color: #ffffff !important;" onclick="RolInfoDlg.showPNameSelectTree(); return false;" readonly="">
                            <input id="pid" type="hidden"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">部门名称</label>
                        <div class="col-sm-9">
                            <input class="form-control" id="deptName" name="deptName" value="{$role.deptName}" type="text" style="background-color: #ffffff !important;" onclick="RolInfoDlg.showDeptSelectTree(); return false;" readonly="">
                            <input id="deptid" type="hidden"/>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">别名</label>
                        <div class="col-sm-9">
                            <input class="form-control" id="tips" name="tips" value="{$role.tips}" type="text" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">排序</label>
                        <div class="col-sm-9">
                            <input class="form-control" id="num" name="num" value="{$role.num}" type="text">
                        </div>
                    </div>
                </div>
            </div>

            <!-- 这是部门下拉框 -->
            <div id="deptContent" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="deptTree" class="ztree tree-box" style="width: 250px !important;"></ul>
            </div>

            <!-- 这是父级菜单下拉框 -->
            <div id="pNameContent" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="pNameTree" class="ztree tree-box" style="width: 250px !important;"></ul>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-12" style="text-align: center">
                    <button type="button" class="btn btn-sm btn-info" onclick="RolInfoDlg.editSubmit()" id="ensure">
                        <i class="fa fa-check"></i>&nbsp;提交
                    </button>
                    <button type="button" class="btn btn-sm btn-danger" onclick="RolInfoDlg.close()" id="cancel">
                        <i class="fa fa-eraser"></i>&nbsp;取消
                    </button>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="/static/modular/system/role/role_info.js"></script>
{/block}