thmz/src/main/resources/templates/user_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/user_manage.js"></script>
<div class="row" style="height: calc(100% - 60px);overflow-y: auto;">
    <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="item form-group ">
                        <label class="control-label col-md-1 col-sm-1 col-xs-12" for="userCodeSearch">工号
                        </label>
                        <div class="col-md-2 col-sm-2 col-xs-12">
                            <input id="userCodeSearch" class="form-control optional" type="text">
                        </div>
                        <label class="control-label col-md-1 col-sm-1 col-xs-12" for="userCodeSearch">姓名
                        </label>
                        <div class="col-md-2 col-sm-2 col-xs-12">
                            <input id="userNameSearch" class="form-control optional" type="text">
                        </div>
                        <button type="button" id="btn_search" class="btn btn-primary"
                                title="查询用户" onclick="getAllUser()"><i class="glyphicon glyphicon-search"></i>
                        </button>
                        <button type="button" id="btn_reset" class="btn btn-primary"
                                title="重置" onclick="resetSearch()"><i class="fa fa-rotate-left"></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 modal-title-thmz">用户管理【<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 ">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="userCode">工号 <span
                                class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="id" type="hidden"/>
                            <input id="userCode" class="form-control optional" type="text" required="required"
                                   readonly="readonly">
                        </div>
                    </div>
                    <div class="item form-group ">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="userName">姓名 <span
                                class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="userName" class="form-control optional" type="text" required="required"
                                   readonly="readonly">
                        </div>
                    </div>
                    <div class="item form-group ">
                        <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">
                            <select class="form-control selectpicker show-tick" required="required" title="请选择"
                                    id="roleName" multiple>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <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>
<!--新增或者编辑菜单信息弹窗结尾-->




<!--设置工作照弹窗开始-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="clientImageModal">
    <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" onclick="dropzoneDestroy()"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title modal-title-thmz">工作照管理【<span>上传</span>】</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-label-left" novalidate  autocomplete="off">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>请将需要上传的文件拖动到框内</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <div id="commonFile" class="dropzone" style="min-height: 150px;"></div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <input id="userId" type="hidden"/>
                <input id="fileIds" type="hidden"/>
                <button type="button" class="btn btn-primary" id="btn_save_client_image">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="dropzoneDestroy()">取消</button>
            </div>
        </div>
    </div>
</div>
<!--设置工作照弹窗结尾-->




<!--查看工作照弹窗开始-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="showClientImageModal">
    <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 modal-title-thmz">工作照管理【<span>预览</span>】</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-label-left" novalidate  autocomplete="off">
                    <div class="col-md-12 col-sm-12 col-xs-12" style="text-align: center;">
                        <img id="clientProfileImage" style="width: 100px;">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!--查看工作照弹窗结尾-->