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:600
, 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: 150, align: 'center'}
, {field: 'source', title: '来源', align: 'center'}
// ,{field: 'name', title: '姓名',width:100,align:'center'}
, {field: 'mobile', title: '手机号码', width: 150, align: 'center'}
, {
field: 'city_name', title: '区域', width: 150, 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: 200, 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: 150, 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: 150, 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');
})
})
}
});
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;
},
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,
state: form.state
},
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) : '';
});
});