thmz/src/main/resources/templates/role_manage.html

<link rel="stylesheet" href="/thmz/css/bootstrap/css/bootstrap-select.css"/>
<link rel="stylesheet" href="/thmz/css/bootstrap/css/daterangepicker.css"/>
<link rel="stylesheet" href="/thmz/css/custom.min.css">
<link rel="stylesheet" href="/thmz/css/toll_administration.css">
<link rel="stylesheet" href="/thmz/zTree_v3/css/zTreeStyle/zTreeStyle.css"/>
<script src="/thmz/js/dependent/bootstrap-select.js"></script>
<script src="/thmz/js/common/date-util.js"></script>
<script src="/thmz/zTree_v3/js/jquery.ztree.all.js" type="text/javascript" charset="utf-8"></script>
<script src="/thmz/js/role_manage.js"></script>
<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
            <div class="panel-body">
                <form id="formSearch" class="form-horizontal" autocomplete="off">
                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                        <button type="button" id="btn_add" class="btn btn-primary"
                                title="新增角色"><i class="fa fa-plus"></i>
                        </button>
                    </div>
                </form>
            </div>
            <table id="tb_table"></table>
        </div>
    </div>
</div>

<!--新增或者编辑菜单信息弹窗开始-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="editModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="width: 520px;margin-left: 250px;margin-top: 120px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">角色管理【<span id="classTitle">新增</span>】</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-label-left" novalidate id="editUserForm" autocomplete="off">
                    <div class="item form-group thmz_alert">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="roleName">角色名称 <span
                                class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="id" type="hidden"/>
                            <input id="roleName" class="form-control optional" type="text"
                                   data-validate-length-range="0,10"
                                   placeholder="请输入">
                        </div>
                    </div>
                    <div class="item form-group thmz_alert">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="relationTypeId">菜单权限
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <!--  select用于存放值，后台等获取用  -->
                            <select id="relationTypeId" name="relationTypeId" style="display: none" multiple="multiple">
                            </select>
                            <div class="form-group form-group-sm" style="position: relative;">
                                <!-- 点击显示按钮 -->
                                <button id="relationBtn" type="button" class="form-control btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="role" title="请选择" style="position: relative;text-align: left;">
                                    <span class="filter-option pull-left pull-left1" style="width: 80%;overflow: hidden;">请选择</span>&nbsp;
                                    <span class="caret" style="position: absolute;top: 12px;right: 10px;"></span>
                                </button>
                                <!-- 列表panel -->
                                <div id="relationPanel" class="tree-panel" style="z-index: 9999;display: none;width: 100%;height:180px;position: absolute;left: 0px;border: 1px solid #d2d6de;border-radius: 4px;background-color: #fff;padding: 10px 5px;">
                                    <!-- ztree列表 -->
                                    <ul id="relationTree" class="ztree" style="height:160px;overflow-y:auto;"></ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item form-group thmz_alert">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="remark">备注
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <textarea  id="remark" class="form-control optional"
                                   data-validate-length-range="0,255" rows="3" />
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <input id="requestId" type="hidden"/>
                <button type="button" class="btn btn-primary" id="btn_save">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!--新增或者编辑菜单信息弹窗结尾-->