|
layui.use('table', function(){
|
var table = layui.table;
|
var layer = layui.layer;
|
var laytpl = layui.laytpl;
|
var form = layui.form;
|
//告警汇总
|
table.render({
|
elem: '#systemIcon'
|
,url: '/hxzkuwb/findHomeIcon'
|
,size:'sm'
|
,height:700
|
,toolbar:'#toolbarDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
|
,cols: [[ //表头
|
{type:'checkbox',sort: true,fixed: "left"}
|
,{field: 'id', title: '序号'}
|
,{field: 'name', title: '图标名称' }
|
,{ field: 'icon', title: '默认图标',templet: '#titleTpl1'}
|
,{field: 'hvoer', title: '选中图标',templet: '#titleTpl2'}
|
,{field: 'namecolor', title: '名称颜色',templet: '#titleTplcolor' }
|
]]
|
});
|
|
$.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('mrimg');
|
var selectElem1 = document.getElementById('xzimg');
|
|
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');
|
});
|
|
|
|
|
table.on('toolbar(systemIcon)', function(obj) {
|
var checkStatus = table.checkStatus(obj.config.id);
|
switch(obj.event) {
|
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)
|
$(".update").show();
|
$(".heimu").show();
|
}
|
break;
|
}
|
})
|
});
|
|
function quxiao(){
|
layer.msg('操作成功')
|
setTimeout(function() {
|
$(".add").hide();
|
$(".update").hide()
|
$(".heimu").hide();
|
}, 500);
|
}
|
