|
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: 'paddtiem', title: '时间'}
|
]]
|
,limits: [10, 20, 30, 40, 50,60,70,80,90,100,100000]
|
,limit: 20,
|
});
|
|
table.render({
|
elem: '#renyuan1'
|
,url: '/hxzkuwb/findrenyuan'
|
,page: true //开启分页
|
,size:'sm'
|
,toolbar:'#toolbarDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
|
,cols: [[ //表头
|
{type:'checkbox',sort: true,fixed: "left"}
|
,{field: 'id', title: 'ID', sort: true}
|
,{ field: 'ptagid', title: '标签ID'}
|
,{field: 'pname', title: '人员名称'}
|
,{field: 'psex', title: '性别'}
|
,{field: 'pphone', title: '电话'}
|
,{field: 'pidcardnum', title: '身份证'}
|
,{field: 'pdepartment', title: '部门'}
|
,{field: 'pzu', title: '岗位'}
|
,{field: 'ppower', title: '电量%',sort: true}
|
,{field: 'ponline', title: '在线状态' ,templet: '#titleTpl11s'}
|
,{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);
|
switch(obj.event) {
|
case 'export':
|
var data = table.cache['renyuan'];
|
table.exportFile('renyuan', data, 'xls'); // 也可导出为 csv 格式
|
break
|
case 'getadd' :
|
$(".add").show();
|
$(".heimu").show();
|
break;
|
case 'getUpdate':
|
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);
|
}
|
