scd_tools_go/service/static/module/childmodule/select_user.html

<link rel="stylesheet" href="/static/layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="/static/css/zTreeStyle/zTreeStyle.css">

<script type="text/javascript" src="/static/layui/layui.js"></script>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/global.js"></script>
<script type="text/javascript" src="/static/js/SystemUser.js"></script>
<style type="text/css">
    .layui-form-radio{line-height: 30px !important;}
</style>
<div class="main-body" style="width: 100%;height: 100%;">
    <div>
        <table id="table-node" lay-filter="oparation-data">
        </table>
    </div>
    <div class="layui-layer-btn layui-layer-btn" style="text-align: center;">
        <button id="ok" class="layui-btn layui-btn-normal cloud_button_ok">确定</button>
        <a class="layui-layer-btn1" style="margin-right:0px;" onclick="parent.layer.closeAll();">取消</a>
    </div>
</div>
<script type="text/html" id="table-tools-bar" style="width:100%;">
    <span style="float:left;margin-left:2rem;">姓名：</span>
    <input type="text" id="text_name" style="margin-top:0rem;float: left;width: 100px;height: 30px;margin-right: 10px;" autoComplete="off" class="layui-input layui-form-danger">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" onclick="FastSeachUser();">查询</button>
    </div>
</script>
<script type="text/javascript">
    var saveing = 0;
    var userAdminArealist = [];
    $(document).ready(function () {
        var columns = [
                [{
                    title: '选择',
                    field: "",
                    templet:function(data){
                        if(parent.ParentPage!=null &&parent.ParentPage.CurrentUserIds!=null && parent.ParentPage.CurrentUserIds[data.id]!=null){
                            return "<span style='color: green;'>已选择</span>";
                        }
                        return "<input class='layui-input' name='selectedUser' type=checkbox value='"+data.id+"'>";
                        /*
                        if(data.id==$.trim(parent.CurrentUserId)){
                            return "<input class='layui-input' name='selectedUser' checked type=radio value='"+data.id+"'>";
                        }
                        return "<input class='layui-input' name='selectedUser' type=radio value='"+data.id+"'>";
                        */
                    }
                }, {
                    field: 'name',
                    title: '名称'
                }, {
                    field: 'account',
                    title: "用户帐号"
                }, {
                    field: 'rolename',
                    title: "用户角色",
                    align: "center"
                }, {
                    field: 'mobilephone',
                    title: "手机号码",
                    align: "center",
                    sort: false
                }]
            ];
        var parameter = {
                elem: "#table-node",
                url: Global.AccessUrl + "/api/searchUserInfo?area_id="+parent.ParentPage.StationID,
                toolbar: "#table-tools-bar",
                id: "user_list",
                cols: columns,
                height: $(".main-body").height() - 85
        }
        Tools.BindTable(parameter);
        $("#ok").on("click", function () {
            if (saveing == 1) return;
            saveing = 1;
            var selected_user=[];
            if( parent.ParentPage!=null && parent.ParentPage.SaveSelectedUser!=null){                
                $(".layui-table-main input[name='selectedUser']").each(function(){
                    var t=$(this);
                    if(t.is(":checked")){
                        selected_user.push({"userid":t.val(),"username":t.parent().parent().next().text()});
                    }
                });
                if(selected_user.length==0){
                    parent.layer.msg("请至少选择一个用户！");
                    return;
                }
                parent.ParentPage.SaveSelectedUser(selected_user);
            }
            saveing = 0;
            parent.layer.closeAll();
        });
    });

    function FastSeachUser(){
        var name = $("#text_name").val();
        //执行重载
        layui.table.reload('user_list', {
            page: {
                pageIndex: 1,
            },
            where: {
                name: name
            }
        });
    }
</script>