js代码

版权声明：本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Stubborn_Cow/article/details/81301932

var userList = (function(){
    // 表单
    var form=layui.form;
    // 日期
    var laydate=layui.laydate;
    // 表格
    var table=layui.table;
    // 部门树选中项
    var selectedTreeId;

    var method={
        initForm:function(){
            //执行一个laydate实例
            laydate.render({
                elem: '#sdate'
                ,zIndex: 99999999
                ,showBottom: false
            });
            //执行一个laydate实例
            laydate.render({
                elem: '#sdate2'
                ,zIndex: 99999999
                ,showBottom: false
            });
        },
        initSelect:function(){
            // 初始化下拉 
            page.dataFactory.call(api.name.userType.get,"",function success(result){
                page.initSelect("#utype",result.data,form);
            });
        },
        initTable:function(){
            var url =page.dataFactory.getTableUrl(api.name.users.get);
            // 初始化table
            table.render({
                elem: '#userTable'
                ,id: 'optUserTable'
                ,url: url
                ,page: {
                    layout: curPage.table.layout
                }
                ,limit:curPage.table.limit
                ,cols: [[
                    {type:'checkbox'}
                    ,{field:'id',}
                    ,{field:'username', width:80, title: '用户名'}
                    ,{field:'sex', width:80, title: '性别'}
                    ,{field:'city', width:80, title: '城市'}
                    ,{field:'sign', title: '签名', minWidth: 150}
                    ,{field:'experience', width:80, title: '积分'}
                    ,{field:'score', width:80, title: '评分'}
                    ,{field:'classify', width:80, title: '职业'}
                    ,{field:'wealth', width:135, title: '财富'}
                ]]
                ,height:curPage.table.Height
                ,done:function(res,curr,count) {
                    // 隐藏列
                    $("[data-field='id']").css('display','none');
                }
            });

        },
        zTreeOnClick:function(event, treeId, treeNode){
            selectedTreeId = treeNode.id;
            method.reloadTableData();
        },
        initTreeData:function(){
            // 添加tree数据
            page.ajax.call.(api.name.treeDepartment, "", function success(data) {
                selectedTreeId = "";
                // 初始化树结构
                curPage.obj.treeSetting.callback.onClick=method.zTreeOnClick ;
                $.fn.zTree.init($("#treeDemo"), curPage.obj.treeSetting, data);
            });
        },
        reloadTableData:function (){
            // 查询条件
            var searchCond =$("#searchForm").serializeFormObject();
            // 选中部门
            searchCond.departmentId = selectedTreeId;
            // 重载table
            page.reloadTable(table,"optUserTable",searchCond);
        },
    };

    var bind={
        event:{
            search :function(){
                $("#search").on('click', function(){
                    method.reloadTableData();
                });
            },
            add : function(){
                $('#add').on('click', function(){
                    page.showForm({
                        url:"user/userForm.html",
                        type:"add",
                        submit:function(iframeWin,index){
                            if(iframeWin.userForm.save()){
                                page.closeForm(index);
                                method.reloadTableData();
                            }
                        }
                    })
                });
            },
            update:function(){
                $('#update').on('click', function() {
                    // 获取选中数据
                    var data = page.getTableRowByChoose(table, "optUserTable");
                    // 选中判断
                    if(page.checkUpdateByChoose(data)) {
                        page.showForm({
                            url: "user/userForm.html",
                            type: "update",
                            param: {
                                id: data[0].id
                            },
                            submit: function (iframeWin, index) {
                                if (iframeWin.userForm.save()) {
                                    page.closeForm(index);
                                    method.reloadTableData();
                                }
                            }
                        });
                    }
                });
            },
            delete : function(){
                $('#delete').on('click', function(){
                    // 获取选中数据
                    var data = page.getTableRowByChoose(table,"optUserTable");
                    // 选中判断
                    if(page.checkDeleteByChoose(data)) {
                        // 执行删除
                        page.showConfirm("确认删除？", function () {
                            method.reloadTableData();
                        })
                    }
                });
            },
            detail :function(){
                $(document).on("dblclick",".layui-table-view tbody tr", function () {
                    var rowObj = page.getTableRowByDblClick(this);
                    page.showForm({
                        url:"user/userForm.html",
                        type:"detail",
                        param:{
                            id:rowObj.id
                        }
                    })
                });
            }
        }
    };

    var init =function(){
        // 初始化表单
        method.initForm();
        // 初始化树数据
        method.initTreeData();
        //初始化下拉
        method.initSelect();
        //初始化table
        method.initTable();
        // 绑定事件
        bind.event.add();
        bind.event.update();
        bind.event.delete();
        bind.event.detail();
        bind.event.search();
    };

    init();
})();