feat:去除等待进度条

This commit is contained in:
fengyarnom 2025-05-24 13:45:59 +08:00
parent 9ef443f1a1
commit 8ff575c9b5

View File

@ -119,29 +119,6 @@
border-top: 1px solid #ddd;
}
/* 加载动画样式 */
.loading-spinner {
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #f3f3f3;
border-top: 2px solid #007bff;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-left: 8px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.countdown {
font-size: 14px;
color: #666;
margin-left: 10px;
}
@media (max-width: 768px) {
.controls {
flex-direction: column;
@ -808,9 +785,9 @@
latestDataElement.style.opacity = 0.6;
// 添加加载动画和倒计时
// 显示查询状态
const originalText = queryBtn.innerHTML;
queryBtn.innerHTML = '查询中<span class="loading-spinner"></span>';
queryBtn.textContent = '查询中...';
queryBtn.disabled = true;
// 先获取一次当前最新数据
@ -837,20 +814,6 @@
return;
}
// 开始10秒倒计时
let countdown = 10;
queryBtn.innerHTML = `等待设备响应<span class="loading-spinner"></span><span class="countdown">${countdown}秒</span>`;
const countdownTimer = setInterval(() => {
countdown--;
if (countdown > 0) {
queryBtn.innerHTML = `等待设备响应<span class="loading-spinner"></span><span class="countdown">${countdown}秒</span>`;
} else {
clearInterval(countdownTimer);
queryBtn.innerHTML = '获取最新数据中<span class="loading-spinner"></span>';
}
}, 1000);
// 等待10秒后获取最新数据给设备响应时间
setTimeout(() => {
fetchLatestData();
@ -858,7 +821,6 @@
latestDataElement.style.opacity = 1;
queryBtn.innerHTML = originalText;
queryBtn.disabled = false;
clearInterval(countdownTimer);
}, 10000);
} else {
console.error('发送查询指令失败:', data.message);