pfhwyigou/backend/web/js/usersignup/signup.js

layui.use([ 'laypage', 'layer', 'table',  'element','form','laydate'], function(){

    var laypage = layui.laypage //分页
        ,layer = layui.layer //弹层
        ,table = layui.table //表格
        ,element = layui.element //元素操作
        ,form = layui.form,
        laydate = layui.laydate;


    laydate.render({
        elem: '#date1'
    });
    laydate.render({
        elem: '#date2'
    });
    //第一个实例
    var tableIns = table.render({
        elem: '#userlist'
        ,url: '/usersignup/homeform' //数据接口
        ,where:{token:csrfToken}
        ,method:'post'
        ,id:'tablerReload'
        ,page: true //开启分页
        ,height : 580
        ,limit : 20
        ,text:'数据加载中'
        ,cols: [[ //表头
            // {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left',align:'center'},
            {type:'numbers',fixed:"left",title:'序号'},
			{type: "checkbox", width:50},
            {field: 'equipment', title: '设备',width:110, align:'center',templet:"#equipment",templet:function(d){
                    if(d.equipment == 'PC'){
                        return '<div class="layui-table-cell" style="color:red;">'+d.equipment+'</div>'
                    }else{
                        return '<div class="layui-table-cell" style="color:#009688;">'+d.equipment+'</div>'
                    }
                }}
            ,{field: 'ip', title: 'ip',width:140,align:'center'}
            ,{field: 'source', title: '来源',align:'center'}
            // ,{field: 'name', title: '姓名',width:100,align:'center'}
            ,{field: 'mobile', title: '手机号码',width:140,align:'center'}
            ,{field: 'city_name', title: '区域',width:120,align:'center',templet:function (d) {
                    if(d.city_name != null){
                        return '<div class="layui-table-cell" style="color:#c8601f;font-weight:600">'+d.city_name+'</div>'
                    }else {
                        return '<div class="layui-table-cell" style="font-weight:600">-----</div>'
                    }
                }}
            ,{field: 'house_name', title: '归属',width:180,align:'center',templet:function (d) {
                    if(d.house_name != null){
                        return '<div class="layui-table-cell" style="font-weight:600">'+d.house_name+'</div>'
                    }else {
                        return '<div class="layui-table-cell" style="font-weight:600">-----</div>'
                    }
                }}
			,{field: 'state', title: '发送状态',width:80,align:'center'}
            ,{field: 'send_email', title: '发送邮箱',width:150,align:'center'}
            ,{field: 'create_at', title: '日期',width:150,align:'center'}
            // ,{field: 'city', title: '用户区域',width:80,align:'center'}
            // ,{field: 'send_email', title: '发送邮箱',width:180,align:'center'}
            // ,{field: 'state', title: '发送状态',width:100,align:'center',templet:"#state",templet:function(d){
            //         if(d.state == '成功'){
            //             return '<div class="layui-table-cell" style="color:#00960b;font-weight:600">'+d.state+'</div>'
            //         }else {
            //             return '<div class="layui-table-cell" style="color:red;font-weight:600">'+d.state+'</div>'
            //         }
            //     }}

            ,{fixed: 'right',title:'操作', width: 180, align:'center', toolbar: '#signupBar'}

        ]]
    });

    // tableIns.reload('tablerReload');        //重新加载

    //列表操作
    table.on('tool(userlist)', function(obj){
        var layEvent = obj.event,
            data = obj.data;
        if(layEvent === 'edit'){
            layer.open({
                type: 2,
                title: '用户详情',
                area: ['600px', '500px'],
                anim: 2,
                content: '/usersignup/userdetails?id='+data.id,
                end:function () {
                    table.reload('tablerReload');
                }//iframe的url，no代表不显示滚动条
            });
        } else if(layEvent === 'del') {
            layer.confirm('您确认要删除吗？',{btn:['确认','取消']},function () {
                console.log(data.id)
                $.post('/usersignup/signupdel',{id:data.id},function (data) {
                    layer.msg(data.msg);
                    // parent.layui.
                    table.reload('tablerReload');

                })
            })
        } else if (layEvent === 'form') {
            layer.open({
                type: 2,
                title: '来源',
                area: ['80%', '80%'],
                anim: 2,
                content: '/usersignup/userform?id='+data.id,
                end:function () {
                    table.reload('tablerReload');
                }//iframe的url，no代表不显示滚动条
            });
        }

    });

    var $ = layui.$, active = {
        addData: function(){ //获取选中数据
            layer.open({
                type: 2,
                title: '添加账号',
                closeBtn: 1, //不显示关闭按钮
                shade: [0],
                area: ['600px', '500px'],
                anim: 2,
                content: ['/user/adduser', 'no'], //iframe的url，no代表不显示滚动条
            });
        },
		sendEmail:function () {
            var checkStatus = table.checkStatus('tablerReload');
            var index = layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});      //数据提交提示
            if(typeof  checkStatus.data[0] == 'object'){
                layer.confirm('确定要发送吗？',{btn:['确认','取消']},function(){
                    var formdat = new FormData();
                    $.each(checkStatus.data,function (key,val) {
                        formdat.append('hid[]',val.id);
                    })
                    $.ajax({
                        cache : true,
                        type : "post",
                        url : "/usersignup/emailsend",
                        data : formdat,  // 你的formid
                        // async : false,          //async 默认为true异步，修改为false为同步
                        contentType: false,   //jax 中 contentType 设置为 false 是为了避免 JQuery 对其操作，从而失去分界符，而使服务器不能正常解析文件
                        processData: false,   //当设置为true的时候,jquery ajax 提交的时候不会序列化 data，而是直接使用data
                        error : function(request) {
                            layer.close(index);         //关闭数据提交信息
                            layer.alert("网络超时");
                        },
                        success : function(data) {
                            if (data.code == 200) {
                                layer.msg(data.msg);
                                reloadTable(reloadId);
                            } else {
                                layer.msg(data.msg);
                            }
                        }
                    });

                })
                return false;
            }
            layer.msg('请选择需要重新发送的报名信息',{icon:5});
            return false;
        },
        reset:function(){
            // table.reload('tablerReload');
            window.location.reload();
        },
		reload:function () {
            var form = pfgs_serialize($('form'));

            var a = compareTime(form.start_time,form.end_time);
            if(a === false) {
                layer.msg('开始时间不能大于结束时间');
                return ;
            }
            table.reload('tablerReload',{
                where:{
                    equipment:form.equipment,
                    start_time:form.start_time,
                    end_time:form.end_time,
                    source_id:form.source,
                    source_mobile:form.source_mobile,
					state:form.state,
                    accurate:form.accurate
                },
                page:{      //重载分页
                    curr:1
                }
            })
        }
    };

    function compareTime(a, b) {
        var arr = a.split("-"); //log [2016,04,06]
        var start = new Date(arr[0], (arr[1] - 1), arr[2]);
        var starts = start.getTime(); //输出时间戳进行对比
        var arrs = b.split("-");
        var end = new Date(arrs[0], (arrs[1] - 1), arrs[2]);
        var ends = end.getTime();
        if (starts > ends)  return false ;
    }

    $('.demoTable .layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });




});