feat:去除等待进度条
This commit is contained in:
parent
9ef443f1a1
commit
8ff575c9b5
@ -119,29 +119,6 @@
|
|||||||
border-top: 1px solid #ddd;
|
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) {
|
@media (max-width: 768px) {
|
||||||
.controls {
|
.controls {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -808,9 +785,9 @@
|
|||||||
|
|
||||||
latestDataElement.style.opacity = 0.6;
|
latestDataElement.style.opacity = 0.6;
|
||||||
|
|
||||||
// 添加加载动画和倒计时
|
// 显示查询状态
|
||||||
const originalText = queryBtn.innerHTML;
|
const originalText = queryBtn.innerHTML;
|
||||||
queryBtn.innerHTML = '查询中<span class="loading-spinner"></span>';
|
queryBtn.textContent = '查询中...';
|
||||||
queryBtn.disabled = true;
|
queryBtn.disabled = true;
|
||||||
|
|
||||||
// 先获取一次当前最新数据
|
// 先获取一次当前最新数据
|
||||||
@ -837,20 +814,6 @@
|
|||||||
return;
|
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秒后获取最新数据(给设备响应时间)
|
// 等待10秒后获取最新数据(给设备响应时间)
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
fetchLatestData();
|
fetchLatestData();
|
||||||
@ -858,7 +821,6 @@
|
|||||||
latestDataElement.style.opacity = 1;
|
latestDataElement.style.opacity = 1;
|
||||||
queryBtn.innerHTML = originalText;
|
queryBtn.innerHTML = originalText;
|
||||||
queryBtn.disabled = false;
|
queryBtn.disabled = false;
|
||||||
clearInterval(countdownTimer);
|
|
||||||
}, 10000);
|
}, 10000);
|
||||||
} else {
|
} else {
|
||||||
console.error('发送查询指令失败:', data.message);
|
console.error('发送查询指令失败:', data.message);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user