AMAZEHOME/monitor
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

实现设备管理功能

Browse Source
This commit is contained in:
Alex Yang
2025-12-03 00:46:46 +08:00
parent a7d794405c
commit c8cdd09455
4 changed files with 185 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
backend/static/index.html
View File

@@ -340,11 +340,29 @@
<!-- 设备管理 -->
<div id="devicesContent" class="hidden">
<div class="bg-white rounded-xl shadow-md p-6">
<div class="flex justify-between items-center mb-6">
<h2 class="text-xl font-bold text-gray-900">设备管理</h2>
<button id="addDeviceBtn" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-all duration-200">
添加设备
</button>
<div class="mb-6">
<div class="flex justify-between items-center mb-4">
<h2 class="text-xl font-bold text-gray-900">设备管理</h2>
<button id="addDeviceBtn" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-all duration-200">
添加设备
</button>
</div>
<div class="flex gap-4">
<div class="flex-1">
<input type="text" id="deviceSearch" placeholder="搜索设备名称、ID或IP..." class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<select id="deviceStatusFilter" class="px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
<option value="all">所有状态</option>
<option value="active">活跃</option>
<option value="inactive">非活跃</option>
<option value="offline">离线</option>
</select>
</div>
<button id="clearFilterBtn" class="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors">
清除筛选
</button>
</div>
</div>
<!-- 设备列表 -->