BootstrapAdmin/Bootstrap.Admin/Views/Admin/Users.cshtml

@model NavigatorBarModel
@{
    ViewBag.Title = "用户管理";
    Layout = "_Default";
}
@section javascript {
    <script src="~/js/users.js" asp-append-version="true"></script>
}
@section query {
    <form class="form-inline">
        <div class="row">
            <div class="form-group col-sm-5 col-md-auto">
                <label class="control-label" for="txt_search_name">登陆名称</label>
                <input type="text" class="form-control" id="txt_search_name" />
            </div>
            <div class="form-group col-sm-5 col-md-auto">
                <label class="control-label" for="txt_display_name">显示名称</label>
                <input type="text" class="form-control" id="txt_display_name" />
            </div>
            <div class="form-group col-sm-2 col-md-auto flex-md-fill justify-content-md-end">
                <button type="button" id="btn_query" class="btn btn-primary btn-fill align-self-sm-end align-self-md-auto"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
            </div>
        </div>
    </form>
}
@section toolbar {
    <button id="btn_assignGroup" type="button" class="btn btn-info">
        <span class="fa fa-bank" aria-hidden="true"></span><span>分配部门</span>
    </button>
    <button id="btn_assignRole" type="button" class="btn btn-warning">
        <span class="fa fa-sitemap" aria-hidden="true"></span><span>分配角色</span>
    </button>
    <div class="toolbar btn-group">
        <button class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
        <div class="dropdown-menu">
            @await Html.PartialAsync("_ButtonBarGroup")
            <a id="tb_assignRole" href="#" title="分配角色"><i class="fa fa-sitemap"></i></a>
            <a id="tb_assignGroup" href="#" title="分配部门"><i class="fa fa-bank"></i></a>
        </div>
    </div>
}
@section modal {
    <div class="modal-header">
        <h5 class="modal-title" id="myModalLabel">用户编辑窗口</h5>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    </div>
    <div class="modal-body">
        <form class="form-inline">
            <input type="hidden" id="userID" />
            <div class="row">
                <div class="form-group col-sm-6">
                    <label class="control-label" for="userName">登陆名称</label>
                    <input type="text" class="form-control" id="userName" placeholder="不可为空，50字以内" minlength="4" maxlength="50" remote="api/Register" data-remote-msg="此用户已存在" data-valid="true" />
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label" for="displayName">显示名称</label>
                    <input type="text" class="form-control" id="displayName" placeholder="不可为空，50字以内" maxlength="50" data-valid="true" />
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label" for="password">登录密码</label>
                    <input type="password" class="form-control" id="password" placeholder="不可为空，50字以内" maxlength="50" data-valid="true" />
                </div>
                <div class="form-group col-sm-6">
                    <label class="control-label" for="confirm">确认密码</label>
                    <input type="password" class="form-control" id="confirm" placeholder="与登陆密码一致，50字以内" maxlength="50" equalTo="#password" data-valid="true" />
                </div>
            </div>
        </form>
    </div>
}
@section customModal {
    @await Html.PartialAsync("RoleConfig")
    @await Html.PartialAsync("GroupConfig")
    <div class="modal fade" id="dialogReset" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myResetModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content" data-toggle="LgbValidate" data-valid-button="#btnReset" data-valid-modal="#dialogReset">
                <div class="modal-header">
                    <h5 class="modal-title" id="myResetModalLabel">重置密码窗口</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    <form class="form-inline">
                        <div class="form-row" id="resetForm">
                            <div class="form-group col-sm-6">
                                <label class="control-label" for="password">登录密码</label>
                                <input type="password" class="form-control" id="resetPassword" placeholder="不可为空，50字以内" maxlength="50" data-valid="true" />
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="control-label" for="confirm">确认密码</label>
                                <input type="password" class="form-control" id="resetConfirm" placeholder="与登陆密码一致，50字以内" maxlength="50" equalTo="#resetPassword" data-valid="true" />
                            </div>
                            <div class="form-group col-sm-12">
                                <label class="control-label" for="resetReason">重置原因</label>
                                <textarea class="form-control flex-sm-fill" id="resetReason" rows="3" readonly="readonly"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        <i class="fa fa-times"></i>
                        <span>关闭</span>
                    </button>
                    <button type="button" class="btn btn-primary" id="btnReset">
                        <i class="fa fa-save"></i>
                        <span>保存</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
}