纯前端上位机界面 + esp32_server.py 静态服务/桌面窗口外壳, 不含固件、 不直接访问硬件; 业务 API 由 ESP32_COMM 固件 80 端口跨域提供。 - tabs.html 单窗口多标签外壳, iframe 承载各功能页 - index.html OTA 中继(ESP32 WiFi / GD32 relay / BLE), js/ota + js/ble - can.html / can_monitor.html CAN 通信与接收监控, js/can - motor.html 电机 CAN FD 控制台, js/motor - continuity_test.html LAN9252 通断测试, spi_test.html SPI 测速(临时, 自包含) - 三入口: esp32_app.vbs 桌面窗口 / esp32_web.vbs 浏览器 / serve.bat 控制台调试 - 补 README(页面与目录约定、?v= 缓存版本等改动须知)、.gitignore、 .gitattributes(* -text 保持 Windows 换行原样)
45 lines
1.8 KiB
JavaScript
45 lines
1.8 KiB
JavaScript
/**
|
||
* toast.js - Toast 提示组件
|
||
*
|
||
* showToast 函数,操作 DOM 元素 #toast / #toastIco / #toastMsg。
|
||
* 支持 success / error / warning 三类;info 走 warning 同款样式(历史兼容,无专属配色)。
|
||
* 内置 5s 去重防抖,相同 (type|message) 5s 内不重复弹出。
|
||
*/
|
||
/** @description 显示 Toast 提示消息,支持 success/error/warning(info 同 warning)。 */
|
||
const TOAST_DEDUPE_MS = 5000;
|
||
const TOAST_AUTOHIDE_MS = 3000;
|
||
|
||
var _toastHideTimer = null;
|
||
var _toastLastKey = '';
|
||
var _toastLastAt = 0;
|
||
/**
|
||
* @param {string} message
|
||
* @param {string} [type] success/error/warning
|
||
* @param {{ force?: boolean }} [opts] force=true 时跳过 5s 去重,
|
||
* 用于用户主动操作(如批量发送完成)的反馈,避免 alert 阻塞后时间漂移导致被去重吞掉。
|
||
*/
|
||
export function showToast(message, type, opts) {
|
||
type = type || 'success';
|
||
var toast = document.getElementById('toast');
|
||
if (!toast) return;
|
||
// 相同文案 5s 内不重复弹,避免轮询把 ✓ 刷成「疯狂跳」
|
||
var key = type + '|' + message;
|
||
var now = Date.now();
|
||
if (!(opts && opts.force) && key === _toastLastKey && (now - _toastLastAt) < TOAST_DEDUPE_MS) {
|
||
return;
|
||
}
|
||
_toastLastKey = key;
|
||
_toastLastAt = now;
|
||
|
||
var ico = document.getElementById('toastIco');
|
||
var msg = document.getElementById('toastMsg');
|
||
toast.className = 'toast ' + (type === 'success' ? 'ok' : type === 'error' ? 'err' : 'warn') + ' show';
|
||
if (ico) ico.textContent = type === 'success' ? '\u2713' : type === 'error' ? '\u2715' : '\u26A0';
|
||
if (msg) msg.textContent = message;
|
||
if (_toastHideTimer) clearTimeout(_toastHideTimer);
|
||
_toastHideTimer = setTimeout(function () {
|
||
toast.classList.remove('show');
|
||
_toastHideTimer = null;
|
||
}, TOAST_AUTOHIDE_MS);
|
||
}
|