@{
    ViewData["TitleController"] = "系统管理";
    ViewData["TitleAction"] = "用户管理";
    ViewData["TitleActionDescription"] = "用户配置管理";
    ViewData["Title"] = "用户管理";
}

@section header{
    <link href="~/lib/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
}

    <div class="row">
        <div class="col-md-11">
            <div class="box box-primary">
                <div class="box-header">
                    <div class="row">
                    <div class="col-md-3" style="padding-left: 5px">
                            <input id="keyword" type="text" class="form-control" placeholder="工号姓名模糊查询 例: 2200205 李文健">
                        </div>
                        <div class="col-md-1">
                            <div class="btn-group">
                                <button type="button" class="btn btn-block btn-default" onclick="refreshUserTable()">
                                    <i class="fa fa-search"></i> 查询
                                </button>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="btn-group">
                                <button class="btn btn-block btn-primary" onclick="modelCreateUser()"><i class="fa fa-plus"></i> 新增</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <table id="user_table" class="table table-condensed"></table>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modal_user_add" tabindex="-1" role="dialog" aria-labelledby="modal_user_add_label" data-backdrop="static">
        <div class="modal-dialog" role="document" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">添加 / 修改 用户信息</h4>
                </div>
                <div class="modal-body">
                    <form id="form" role="form" action="" class="form-horizontal">
                        <input id="Id" name="Id" value="" type="hidden" />
                        <div class="form-group">
                            <label for="FormJobNo" class="col-sm-2 control-label">工号</label>
                            <div class="col-sm-10">
                                <input id="FormJobNo" type="text" name="FormJobNo" data-msg-required="必须填写工号" placeholder="例:2200205"
                                   class="form-control" data-rule-required="true" value="" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="Name" class="col-sm-2 control-label">名称</label>
                            <div class="col-sm-10">
                                <input id="Name" type="text" name="Name" data-msg-required="必须填写名称" placeholder="例:李文健"
                                   class="form-control" data-rule-required="true" value="" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="Role" class="col-sm-2 control-label">角色</label>
                            <div class="col-sm-10">
                                <select id="Role" name="Role" data-msg-required="必须选择线别" data-rule-required="true" class="form-control">
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" data-loading-text="正在处理..." onclick="saveUser()" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>

    @section footer{
    <script src="~/lib/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="~/lib/bootstrap-table/locale/bootstrap-table-zh-cn.min.js"></script>
    <script src="~/js/admin/user.js"></script>
    }