lxh/wechat-robot
lxh/wechat-robot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 更新机器人状态统计逻辑，调整前端显示信息，优化删除确认交互
All checks were successful
BuildImage / build-image (push) Successful in 1m52s
Details

Browse Source
This commit is contained in:
李寻欢 2025-04-07 16:55:43 +08:00
parent 0bd777d959
commit e91c9ec94b
2 changed files with 45 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
internal/handler/robot.go
View File

@ -25,9 +25,25 @@ func ListRobots(c *fiber.Ctx) error {
return fiber.NewError(fiber.StatusInternalServerError, "获取机器人列表失败")
}
total := len(robots)
online := 0
offline := 0
for _, robot := range robots {
if robot.Status == model.RobotStatusOnline {
online++
} else {
offline++
}
}
return c.Render("robot/index", fiber.Map{
"Title": "机器人列表",
"Robots": robots,
"Status": map[string]int{
"Total": total,
"Online": online,
"Offline": offline,
},
})
}

73
internal/view/robot/index.html
View File

@ -37,23 +37,23 @@
<!-- 统计信息 -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="clean-card px-6 py-4 flex items-center">
<div class="w-12 h-12 rounded-full bg-emerald-50 border border-emerald-100 flex items-center justify-center text-emerald-500 mr-4">
<i class="fas fa-check-circle text-xl"></i>
</div>
<div>
<p class="text-sm text-gray-600">在线机器人</p>
<p class="text-2xl font-semibold text-gray-800" id="online-count">{{.OnlineCount}}</p>
</div>
</div>
<div class="clean-card px-6 py-4 flex items-center">
<div class="w-12 h-12 rounded-full bg-blue-50 border border-blue-100 flex items-center justify-center text-blue-500 mr-4">
<i class="fas fa-robot text-xl"></i>
</div>
<div>
<p class="text-sm text-gray-600">总机器人</p>
<p class="text-2xl font-semibold text-gray-800" id="filtered-count">{{len .Robots}}</p>
<p class="text-2xl font-semibold text-gray-800" id="filtered-count">{{.Status.Total}}</p>
</div>
</div>
<div class="clean-card px-6 py-4 flex items-center">
<div class="w-12 h-12 rounded-full bg-emerald-50 border border-emerald-100 flex items-center justify-center text-emerald-500 mr-4">
<i class="fas fa-check-circle text-xl"></i>
</div>
<div>
<p class="text-sm text-gray-600">在线机器人</p>
<p class="text-2xl font-semibold text-gray-800" id="online-count">{{.Status.Online}}</p>
</div>
</div>
@ -63,7 +63,7 @@
</div>
<div>
<p class="text-sm text-gray-600">离线机器人</p>
<p class="text-2xl font-semibold text-gray-800" id="offline-count">{{.OfflineCount}}</p>
<p class="text-2xl font-semibold text-gray-800" id="offline-count">{{.Status.Offline}}</p>
</div>
</div>
</div>
@ -150,55 +150,6 @@
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
// 计算不同状态机器人数量
let onlineCount = 0;
let offlineCount = 0;
let errorCount = 0;
document.querySelectorAll('.robot-card').forEach(card => {
const status = card.dataset.status;
if (status === 'online') {
onlineCount++;
} else if (status === 'error') {
errorCount++;
} else {
offlineCount++;
}
});
// 更新统计数字
document.getElementById('online-count').textContent = onlineCount;
document.getElementById('offline-count').textContent = offlineCount;
document.getElementById('error-count').textContent = errorCount;
// 删除机器人确认
document.querySelectorAll('.delete-robot').forEach(btn => {
btn.addEventListener('click', async function(e) {
e.preventDefault();
const robotId = this.dataset.id;
const robotName = this.dataset.robotName || '此机器人';
if (window.confirm(`确定要删除 ${robotName} 吗？此操作不可恢复！`)) {
// 使用fetch API发送DELETE请求
fetch(`/admin/robots/${robotId}`, { method: 'DELETE' })
.then(response => {
if (response.ok) {
window.location.reload();
} else {
throw new Error('删除失败');
}
})
.catch(error => {
console.error('Error:', error);
alert('删除失败: ' + error.message);
});
}
});
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {