4 changed files with 229 additions and 38 deletions
@ -0,0 +1,67 @@ |
|||||||
|
import { ElMessage } from 'element-plus' // 引入 ElMessage 组件
|
||||||
|
export function popmsg(res) { |
||||||
|
// 显示成功消息
|
||||||
|
if (res.msg == '导入成功') { |
||||||
|
ElMessage({ |
||||||
|
message: res.msg, |
||||||
|
type: 'success', |
||||||
|
}); |
||||||
|
return; |
||||||
|
}else{ |
||||||
|
|
||||||
|
|
||||||
|
// 创建包含 p 标签的内容的 div 元素
|
||||||
|
var fragment = document.createDocumentFragment(); |
||||||
|
var div = document.createElement('div'); |
||||||
|
div.id = 'createdDiv'; |
||||||
|
var timeout; // 用于设置定时器
|
||||||
|
// 设置 div 样式
|
||||||
|
div.style.zIndex = '9999'; |
||||||
|
div.style.position = 'fixed'; |
||||||
|
div.style.fontSize = '16px'; |
||||||
|
div.style.top = '50%'; |
||||||
|
div.style.left = '50%'; |
||||||
|
div.style.transform = 'translate(-50%, -50%)'; |
||||||
|
div.style.width = '50%'; |
||||||
|
div.style.height = '200px'; |
||||||
|
div.style.backgroundColor = '#ffffff'; |
||||||
|
div.style.borderRadius = '4px'; |
||||||
|
div.style.overflow = 'scroll'; |
||||||
|
div.style.border = '1px solid #ccc'; |
||||||
|
div.style.padding = '10px'; |
||||||
|
// 将后端返回的内容作为 HTML 插入到 div 中
|
||||||
|
div.innerHTML = res.msg; |
||||||
|
// 遍历所有的 <p> 标签并设置首行缩进
|
||||||
|
var pTags = div.querySelectorAll('p'); |
||||||
|
pTags.forEach(function (pTag) { |
||||||
|
pTag.style.textIndent = '2em'; |
||||||
|
}); |
||||||
|
fragment.appendChild(div); |
||||||
|
// 添加鼠标事件监听
|
||||||
|
// div.addEventListener('mouseover', function () {
|
||||||
|
// clearTimeout(timeout); // 清除自动消失的定时器
|
||||||
|
// });
|
||||||
|
|
||||||
|
// div.addEventListener('mouseout', function () {
|
||||||
|
// timeout = setTimeout(function () {
|
||||||
|
// div.remove(); // 3 秒后自动消失
|
||||||
|
// }, 3000);
|
||||||
|
// });
|
||||||
|
|
||||||
|
document.body.appendChild(fragment); |
||||||
|
|
||||||
|
// 初始化定时器
|
||||||
|
// timeout = setTimeout(function () {
|
||||||
|
// div.remove(); // 自动消失
|
||||||
|
// }, 3000);
|
||||||
|
function closePopupOnClickOutside(event) { |
||||||
|
if (div && !div.contains(event.target)) { |
||||||
|
div.remove(); // 点击弹窗之外的地方，移除弹窗
|
||||||
|
document.removeEventListener('click', closePopupOnClickOutside); // 移除监听器
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// 添加点击事件监听
|
||||||
|
document.addEventListener('click', closePopupOnClickOutside); |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue