lsh
/
log-search-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化弹出框V1

master
shihua.lei 2025-04-15 17:10:47 +08:00
parent fb5640e093
commit 6c2a92977d
1 changed files with 35 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
index.html
View File

@ -63,7 +63,7 @@
} }
</style> </style>
</head> </head>
<body onload="init()" style="background-color: #fbfbfb;"> <body onload="init()" style="background-color: #fbfbfb;" >
<div class="layui-fluid" style="padding-top: 5px;"> <div class="layui-fluid" style="padding-top: 5px;">
<div class="layui-panel" id="headContent" > <div class="layui-panel" id="headContent" >
<form class="layui-form " style="background-color: #ebebeb7a;" lay-size="xs" action="" lay-filter="search-form" id="search-form"> <form class="layui-form " style="background-color: #ebebeb7a;" lay-size="xs" action="" lay-filter="search-form" id="search-form">
@ -262,8 +262,9 @@
var scrollTop = 0; var scrollTop = 0;
var click = false; var click = false;
var size = 100;// 每次加载数量 var size = 100;// 每次加载数量
var tipsIndex = null;
// 添加窗口大小变化的事件监听器 // 添加窗口大小变化的事件监听器
window.addEventListener('resize', function() { window.addEventListener('resize', function() {
var headContent = document.getElementById("headContent"); var headContent = document.getElementById("headContent");
var bottomContent = document.getElementById("bottomContent"); var bottomContent = document.getElementById("bottomContent");
@ -670,13 +671,34 @@
var msgHistory = window.localStorage ? window.localStorage.getItem('msgHistory') : undefined; var msgHistory = window.localStorage ? window.localStorage.getItem('msgHistory') : undefined;
if(msgHistory){ if(msgHistory){
var items = JSON.parse(msgHistory); var items = JSON.parse(msgHistory);
var lis = ''; var lis = '<input id="666" style="display: block;width:0;height:0;" >';
for (var msgHistoryKey in items) { for (var msgHistoryKey in items) {
var item = items[msgHistoryKey]; var item = items[msgHistoryKey];
lis += '<div onclick="setMsgHistory('+msgHistoryKey+')" class="single-line" style="width:240px;color:black;overflow: hidden;">'+item+'</div>'; lis += '<div onclick="setMsgHistory(\'msg\','+msgHistoryKey+')" class="single-line" style="width:240px;color:black;overflow: hidden;">'+item+'</div>';
} }
console.log(lis) console.log(lis)
layer.tips(lis, '#msg',{tips:[3, '#ffffff']}); var tipsIndex1 = layer.tips(lis, '#msg',{tips:[3, '#ffffff']});
$("#666").focus();
$("#666").blur(function() {
layer.close(tipsIndex1);
});
}
});
// 消息历史记录单机显示
$('#msgAdd').on('click', function(){
var msgHistory = window.localStorage ? window.localStorage.getItem('msgHistory') : undefined;
if(msgHistory){
var items = JSON.parse(msgHistory);
var lis = '<input id="666777" style="display: block;width:0;height:0;" >';
for (var msgHistoryKey in items) {
var item = items[msgHistoryKey];
lis += '<div onclick="setMsgHistory(\'msgAdd\','+msgHistoryKey+')" class="single-line" style="width:240px;color:black;overflow: hidden;">'+item+'</div>';
}
var tipsIndex2 = layer.tips(lis, '#msgAdd',{tips:[3, '#ffffff']});
$("#666777").focus();
$("#666777").blur(function() {
layer.close(tipsIndex2);
});
} }
}); });
// 线程历史记录单机显示 // 线程历史记录单机显示
@ -684,12 +706,16 @@
var threadHistory = window.localStorage ? window.localStorage.getItem('threadHistory') : undefined; var threadHistory = window.localStorage ? window.localStorage.getItem('threadHistory') : undefined;
if(threadHistory){ if(threadHistory){
var items = JSON.parse(threadHistory); var items = JSON.parse(threadHistory);
var lis = ''; var lis = '<input id="666777888" style="display: block;width:0;height:0;" >';
for (var msgHistoryKey in items) { for (var msgHistoryKey in items) {
var item = items[msgHistoryKey]; var item = items[msgHistoryKey];
lis += '<div onclick="setThreadHistory('+msgHistoryKey+')" class="single-line" style="width:240px;color:black;overflow: hidden;">'+item+'</div>'; lis += '<div onclick="setThreadHistory('+msgHistoryKey+')" class="single-line" style="width:240px;color:black;overflow: hidden;">'+item+'</div>';
} }
layer.tips(lis, '#thread',{tips:[3, '#ffffff']}); var tipsIndex3 = layer.tips(lis, '#thread',{tips:[3, '#ffffff']});
$("#666777888").focus();
$("#666777888").blur(function() {
layer.close(tipsIndex3);
});
} }
}); });
} }
@ -702,11 +728,11 @@
} }
layer.closeAll(); layer.closeAll();
}; };
function setMsgHistory(index){ function setMsgHistory(id,index){
var msgHistory = window.localStorage ? window.localStorage.getItem('msgHistory') : undefined; var msgHistory = window.localStorage ? window.localStorage.getItem('msgHistory') : undefined;
if(msgHistory) { if(msgHistory) {
var items = JSON.parse(msgHistory); var items = JSON.parse(msgHistory);
$('#msg').val(items[index]+''); $('#'+id).val(items[index]+'');
} }
layer.closeAll(); layer.closeAll();
}; };