let form, layer, table, laydate, tableIns, user = getUser(), tableHeight; let pageNum = 1, limitSize = 10; // 默认第一页,分页数量为10 layui.use(['form', 'layer', 'table', 'laydate'], function () { form = layui.form; layer = layui.layer; table = layui.table; laydate = layui.laydate; pages(1, 10, 1); }) /* 加载表格 */ function pages(pageNum, pageSize, typeNum) { let params = getReqParams(pageNum, pageSize, typeNum); let url = dataUrl + "proteam/pot/proVio/getProVioList"; ajaxRequest(url, "POST", params, true, function () { }, function (result) { if (result.code === 200) { initTable(result.data, result.limit, result.curr) laypages(result.count, result.curr, result.limit) } else if (result.code === 500) { layer.alert(result.msg, { icon: 2 }) } }, function (xhr, status, error) { errorFn(xhr, status, error) }, null); } function laypages(total, page, limit) { layui.use(['laypage'], function () { let laypage = layui.laypage; laypage.render({ elem: 'voi-page', count: total, curr: page, limit: limit, limits: [10, 20, 50, 100, 200, 500], layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'], groups: 5, jump: function (obj, first) { if (!first) { pageNum = obj.curr, limitSize = obj.limit; pages(obj.curr, obj.limit, null); } } }); }) } /*初始化表格*/ function initTable(dataList, limit, page) { let loadingMsg = layer.msg("数据加载中,请稍候...", { icon: 16, scrollbar: false, time: 0, }); tableIns = table.render({ id: 'currTable', elem: "#currTable", height: 'full-130', data: dataList, limit: limit, cols: [ [ { title: "序号", width: '5%', unresize: true, align: "center", templet: function (d) { return (page - 1) * limit + d.LAY_NUM; } }, { field: "ticketNo", title: "作业票编号", width: '10%', unresize: true, align: "center", style: 'word-break: break-all' }, { field: "proName", title: "工程名称", width: '15%', unresize: true, align: "center", style: 'word-break: break-all' }, { field: "workManager", title: "班组长", width: '10%', unresize: true, align: "center", templet: function (d) { return '

' + transformNull(d.workManager) + '

' + transformNull(d.workManagerPhone) + '

'; } }, { field: "riskLevel", title: "风险等级", width: '10%', unresize: true, align: "center", templet: function (d) { return setRiskLevelColor(d.riskLevel); } }, { field: "org", title: "违章单位", width: '10%', unresize: true, align: "center", }, { field: "type", title: "违章类型", width: '10%', unresize: true, align: "center", }, { field: "childType", title: "违章子类型", width: '10%', unresize: true, align: "center", }, { field: "levelId", title: "违章等级", width: '10%', unresize: true, align: "center", templet: function (d) { if (d.levelId === '严重违章') { return '' + d.levelId + ''; } return '' + d.levelId + ''; } }, { field: "content", title: "违章内容", width: '10%', unresize: true, align: "center", templet: function (d) { if (d.content) { if (d.content.length > 60) { return '' + d.content.substring(0, 60) + '...' } else { return '' + d.content + '' } } else { return ''; } } } ], ], done: function (res, curr, count) { layer.close(loadingMsg); table.resize("currTable"); count || this.elem.next(".layui-table-view").find(".layui-table-header").css("display", "inline-block"); count || this.elem.next(".layui-table-view").find(".layui-table-box").css("overflow", "auto"); }, }); } // 获取参数 function getReqParams(page, limit, type) { let obj = {}; if (!type) { obj = { page: page + "", limit: limit + "", proName: $('#proName').val(), currentUserId: user.userId + '', isSup: user.isSup, currentUserOrgId: user.orgId }; } else { obj = { page: '1', limit: '10', proName: '', currentUserId: user.userId + '', isSup: user.isSup, currentUserOrgId: user.orgId }; } return obj; } // 查询/重置 function queryTable(type) { if (type === 2) { $('#proName').val(''); } let pattern = new RegExp("[%_<>]"); if (pattern.test($("#proName").val())) { $("#proName").val(''); return layer.msg('工程名称查询包含特殊字符,请重新输入', { icon: 2, time: 2000 //2秒关闭(如果不配置,默认是3秒) }); } pageNum = 1; pages(1, limitSize) }