|
layui.use('table', function(){
|
var table = layui.table;
|
var layer = layui.layer;
|
var form = layui.form;
|
//基站设备
|
table.render({
|
elem: '#bumen'
|
,url: '/hxzkuwb/findbumen'
|
,page: true //开启分页
|
,size:'sm'
|
,toolbar:'#toolbarDemo' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档
|
,cols: [[ //表头
|
{type:'checkbox',sort: true,fixed: "left"}
|
,{field: 'id', title: '序号', sort: true}
|
,{ field: 'departmentname', title: '部门名称'}
|
,{ field: 'baoliu1', title: '部门主管'}
|
,{ field: 'baoliu2', title: '主管姓名'}
|
,{ field: 'baoliu3', title: '主管电话'}
|
,{ field: 'baoliu4', title: '主管邮箱'}
|
,{ field: 'iconadress', title: '部门图标',templet: '#titleTpl'}
|
,{ field: 'baoliu5', title: '部门背景颜色',templet: '#titleTpl1'}
|
,{field: 'addtime', title: '添加时间'}
|
]]
|
,limits: [10, 20, 30, 40, 50,60,70,80,90,100,100000]
|
,limit: 20,
|
});
|
table.on('tool(bumen)', function(obj){
|
var data = obj.data;
|
console.log(data.id)
|
})
|
table.on('toolbar(bumen)', function(obj) {
|
var checkStatus = table.checkStatus(obj.config.id);
|
switch(obj.event) {
|
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].id)
|
$("#up2").val(data[0].departmentname)
|
$("#up3").val(data[0].baoliu1)
|
$("#up4").val(data[0].baoliu2)
|
$("#up5").val(data[0].baoliu3)
|
$("#up6").val(data[0].baoliu4)
|
$("#xg1").val(data[0].baoliu5)
|
var iconvalue = data[0].iconadress;
|
var icon = data[0].iconadress.split('.');
|
|
|
$("#iconadress1").empty();
|
$.get("/hxzkuwb/findImage", function (data) {
|
var selectData = [];
|
var icontitle = icon[0]
|
var option1 = {
|
value: iconvalue,
|
title: '图标名称:'+icon+''
|
};
|
selectData.push(option1);
|
for (var i = 0; i < data.data.length; i++) {
|
var option = {
|
value: data.data[i].image,
|
title: '图标名称:'+data.data[i].name+''
|
};
|
selectData.push(option);
|
}
|
// 动态生成下拉框选项
|
var selectElem1 = document.getElementById('iconadress1');
|
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 'getdelete':
|
var data = checkStatus.data;
|
if(data<1){
|
layer.alert("请选中一条数据")
|
}else{
|
for (var i = 0; i<data.length;i++){
|
var ds = "name="+data[i].departmentname
|
$.post("/hxzkuwb/deleteBuMen",ds,function (data){
|
table.reload('bumen', {
|
url: "/hxzkuwb/findbumen",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
});
|
})
|
}
|
layer.msg('操作成功')
|
}
|
break;
|
case 'getsearch':
|
var seah = $("#seah").val();
|
var whereParams = {
|
departmentname: seah
|
};
|
table.reload('bumen', {
|
url: "/hxzkuwb/findBuMenSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: whereParams
|
});
|
layer.msg('搜索成功')
|
break;
|
}
|
})
|
|
|
$.get("/hxzkuwb/findImage", function (data) {
|
var selectData = [];
|
|
for (var i = 0; i < data.data.length; i++) {
|
var option = {
|
value: data.data[i].image,
|
title: '<img width="40" src="../../Icon/' + data.data[i].image + '"/>图标名称:'+data.data[i].name+''
|
};
|
selectData.push(option);
|
}
|
|
// 动态生成下拉框选项
|
var selectElem = document.getElementById('iconadress');
|
var selectElem1 = document.getElementById('iconadress1');
|
|
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);
|
}
|
|
// 重新渲染下拉框
|
form.render('select');
|
});
|
|
|
|
});
|
function quxiao(){
|
layer.msg('操作成功')
|
setTimeout(function() {
|
$(".add").hide();
|
$(".update").hide();
|
$(".heimu").hide();
|
}, 500);
|
|
}
|