layui.use('table', function(){ var table = layui.table; var layer = layui.layer; var form = layui.form; //基站设备 table.render({ elem: '#renyuan' ,url: '/hxzkuwb/findrenyuan' ,page: true //开启分页 ,toolbar:'#toolbarDemo' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档 ,cols: [[ //表头 {type:'checkbox',sort: true,fixed: "left"} ,{field: 'id', title: 'ID', sort: true,width:60} ,{ field: 'ptagid', title: '标签ID',width:80} ,{field: 'pname', title: '人员名称',width:90} ,{field: 'psex', title: '性别',width:70} ,{field: 'pphone', title: '电话',width:120} ,{field: 'pidcardnum', title: '身份证',width:130} ,{field: 'pdepartment', title: '部门',width:120} ,{field: 'pzu', title: '岗位',width:120} ,{field: 'ppower', title: '电量%',sort: true,width:90} ,{field: 'ponline', title: '状态' ,templet: '#titleTpl11s',width:80} ,{field: 'pimage', title: '图标',templet: '#titleTpl1',width:80} ,{field: 'baoliu38', title: '照片',templet: '#titleTpl2',width:80} ,{field: 'baoliu40', title: '卡号'} ,{field: 'paddtiem', title: '时间'} ]] ,limits: [10, 20, 30, 40, 50,60,70,80,90,100,100000] ,limit: 20, }); table.on('tool(renyuan)', function(obj){ var data = obj.data; console.log(data.id) }) table.on('toolbar(renyuan)', function(obj) { var checkStatus = table.checkStatus(obj.config.id); var add = "Yes"; var udelete = "Yes"; var uupdate = "Yes"; $.ajax({ url: "/hxzkuwb/findUserRole", type: "GET", data:ds, dataType: "json", async: false, // 设置为同步 success: function(data) { if (data.uadd == "No") { add = "No"; } if (data.udelete == "No") { udelete = "No"; } if (data.uupdate == "No") { uupdate = "No"; } } }); switch(obj.event) { case 'export': var data = table.cache['renyuan']; table.exportFile('renyuan', data, 'xls'); // 也可导出为 csv 格式 break case 'getadd' : if (add == "Yes") { $(".add").show(); $(".heimu").show(); } break; case 'getUpdate': if (uupdate == "Yes") { var data = checkStatus.data; if (data.length > 1) { layer.alert("一次只能选中一个进行修改") } else if (data.length == 0) { layer.alert("请选中一条数据") } else { $("#up1").val(data[0].ptagid) $("#up2").val(data[0].pname) $("#up5").val(data[0].pphone) $("#up6").val(data[0].pidcardnum) $("#up8").val(data[0].pzu) var hx = data[0].pdepartment; $("#bumen1").empty(); $.get("/hxzkuwb/getbumen", function (data) { var selectData = []; for (var i = 0; i < data.length; i++) { var option = { value: data[i].departmentname, title: data[i].departmentname }; selectData.push(option); } // 动态生成下拉框选项 var selectElem1 = document.getElementById('bumen1'); var optionElem = document.createElement('option'); optionElem.value = hx; optionElem.innerHTML = hx; // 使用 innerHTML 属性来设置 HTML 内容 selectElem1.appendChild(optionElem); for (var i = 0; i < selectData.length; i++) { var optionElem = document.createElement('option'); optionElem.value = selectData[i].value; optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容 selectElem1.appendChild(optionElem); } form.render('select'); }); $(".update").show(); $(".heimu").show(); } } break; case 'getshuaxin': layer.msg('刷新成功') setTimeout(function (){ location.reload(); },500) break; case 'getsearch': var seah = $("#seah").val(); var whereParams = { pTagid: seah }; table.reload('renyuan', { url: "/hxzkuwb/findpersonSearch", method:'get', page: { curr: 1 // 重新从第 1 页开始 } ,where: whereParams }); layer.msg('搜索成功') break case 'getstate': var state = $("#states").text(); if (state == "只看在线"){ //只搜索在线 table.reload('renyuan', { url: "/hxzkuwb/findpersonSearchState", method:'get', page: { curr: 1 // 重新从第 1 页开始 } }); $("#states").text("查看所有"); $("#states").css("background-color","#52C41A") $("#states").css("color","white") }else{ //刷新 $("#states").text("只看在线"); $("#states").css("background-color","rgba(0, 0, 0, 0)") $("#states").css("color","black") location.reload(); } break; } }) $.get("/hxzkuwb/getbumen", function (data) { var selectData = []; for (var i = 0; i < data.length; i++) { var option = { value: data[i].departmentname, title: data[i].departmentname }; selectData.push(option); } // 动态生成下拉框选项 var selectElem = document.getElementById('bumen'); var selectElem1 = document.getElementById('bumen1'); var selectElem2 = document.getElementById('XzBumen'); for (var i = 0; i < selectData.length; i++) { var optionElem = document.createElement('option'); optionElem.value = selectData[i].value; optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容 selectElem.appendChild(optionElem); } for (var i = 0; i < selectData.length; i++) { var optionElem = document.createElement('option'); optionElem.value = selectData[i].value; optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容 selectElem1.appendChild(optionElem); } for (var i = 0; i < selectData.length; i++) { var optionElem = document.createElement('option'); optionElem.value = selectData[i].value; optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容 selectElem2.appendChild(optionElem); } // 重新渲染下拉框 form.render('select'); }); form.on('select(filterSelect)', function(data){ var filterValue = data; var seah = filterValue.value var whereParams = { pTagid: seah }; table.reload('renyuan', { url: "/hxzkuwb/findpersonDepartSearch", method:'get', page: { curr: 1 // 重新从第 1 页开始 } ,where: whereParams }); var dts = "pTagid="+seah $.get("/hxzkuwb/findpersonDepartSearch",dts,function (data){ layer.alert("当前部门在线人员:" + data.count, { offset: '100px' // 设置偏移量,可以是像素值或者百分比 }); }) layer.msg('搜索成功'); return false; // 阻止默认 form 跳转 }); }); function quxiao(){ layer.msg('操作成功') setTimeout(function() { $(".add").hide(); $(".update").hide(); $(".heimu").hide(); }, 500); }