feat:去除等待进度条
This commit is contained in:
parent
9ef443f1a1
commit
8ff575c9b5
@ -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);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user