clawdbot / moltbot-relay-php · Commits

Commit 28dc84a3462ae45fdb2841f44897c1a55f935f0b

Authored by 谭苏航
1 parent b2a37eb2
build: skipped

feat: add device list to admin portal for easy binding

Inline Side-by-side
Showing 1 changed file with 89 additions and 20 deletions
... ... @@ -65,7 +65,23 @@ if ($pdo && $_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) &&
65 65 }
66 66 }
67 67
68   -// 获取设备列表
  68 +// 获取所有设备列表 (含绑定信息)
  69 +$devices = [];
  70 +if ($pdo) {
  71 + try {
  72 + $devices = $pdo->query("
  73 + SELECT d.id, d.name, d.status, d.last_seen, u.phone AS bound_phone, u.nickname AS bound_user
  74 + FROM devices d
  75 + LEFT JOIN user_device_bindings b ON d.id = b.device_id
  76 + LEFT JOIN users u ON b.user_id = u.id
  77 + ORDER BY d.created_at DESC
  78 + ")->fetchAll(PDO::FETCH_ASSOC);
  79 + } catch (Exception $e) {
  80 + // Silent fail or log
  81 + }
  82 +}
  83 +
  84 +// 获取绑定历史 (已有的逻辑)
69 85 $bindings = [];
70 86 if ($pdo) {
71 87 try {
... ... @@ -92,6 +108,12 @@ if ($pdo) {
92 108 <title>Moltbot 管理后台</title>
93 109 <link rel="stylesheet" href="style.css">
94 110 <link rel="icon" href="data:,">
  111 + <script>
  112 + function fillBind(deviceId) {
  113 + document.querySelector('input[name="device_id"]').value = deviceId;
  114 + document.querySelector('input[name="phone"]').focus();
  115 + }
  116 + </script>
95 117 </head>
96 118
97 119 <body>
... ... @@ -120,8 +142,7 @@ if ($pdo) {
120 142 <div style="display: flex; gap: 20px;">
121 143 <div class="form-group" style="flex: 1;">
122 144 <label class="form-label">设备 ID</label>
123   - <input type="text" name="device_id" class="form-control" placeholder="例如: dev_test_001"
124   - required>
  145 + <input type="text" name="device_id" class="form-control" placeholder="点击下方列表选择或手动输入" required>
125 146 </div>
126 147 <div class="form-group" style="flex: 1;">
127 148 <label class="form-label">用户手机号</label>
... ... @@ -137,18 +158,79 @@ if ($pdo) {
137 158 </form>
138 159 </div>
139 160
140   - <!-- 绑定列表卡片 -->
  161 + <!-- 设备列表 (Auto-Registered Devices) -->
141 162 <div class="card">
142   - <div class="title">绑定记录 (<?php echo count($bindings); ?>)</div>
  163 + <div class="title">所有设备 (<?php echo count($devices); ?>)</div>
  164 + <table style="width: 100%; border-collapse: collapse;">
  165 + <thead>
  166 + <tr style="background: #f8f9fa;">
  167 + <th style="padding: 10px; text-align: left;">设备 ID</th>
  168 + <th style="padding: 10px; text-align: left;">状态</th>
  169 + <th style="padding: 10px; text-align: left;">绑定情况</th>
  170 + <th style="padding: 10px; text-align: left;">最后在线</th>
  171 + <th style="padding: 10px; text-align: left;">操作</th>
  172 + </tr>
  173 + </thead>
  174 + <tbody>
  175 + <?php foreach ($devices as $dev): ?>
  176 + <tr style="border-bottom: 1px solid #eee;">
  177 + <td style="padding: 10px; font-family: monospace;"><?php echo htmlspecialchars($dev['id']); ?>
  178 + </td>
  179 + <td style="padding: 10px;">
  180 + <?php if ($dev['status'] === 'online'): ?>
  181 + <span style="color: green;">● 在线</span>
  182 + <?php else: ?>
  183 + <span style="color: gray;">● 离线</span>
  184 + <?php endif; ?>
  185 + </td>
  186 + <td style="padding: 10px;">
  187 + <?php if ($dev['bound_phone']): ?>
  188 + <span style="color: #666;">
  189 + 已绑: <?php echo htmlspecialchars($dev['bound_user']); ?>
  190 + (<?php echo htmlspecialchars($dev['bound_phone']); ?>)
  191 + </span>
  192 + <?php else: ?>
  193 + <span
  194 + style="color: #ff9800; background: #fff3e0; padding: 2px 6px; border-radius: 4px; font-size: 12px;">未绑定</span>
  195 + <?php endif; ?>
  196 + </td>
  197 + <td style="padding: 10px; font-size: 12px; color: #999;">
  198 + <?php echo $dev['last_seen'] ? date('H:i:s', strtotime($dev['last_seen'])) : '-'; ?>
  199 + </td>
  200 + <td style="padding: 10px;">
  201 + <?php if (!$dev['bound_phone']): ?>
  202 + <button onclick="fillBind('<?php echo htmlspecialchars($dev['id']); ?>')"
  203 + style="cursor: pointer; background: #007bff; color: white; border: none; padding: 4px 8px; border-radius: 4px; font-size: 12px;">选择绑定</button>
  204 + <?php else: ?>
  205 + <button disabled
  206 + style="background: #eee; color: #999; border: none; padding: 4px 8px; border-radius: 4px; font-size: 12px;">已占用</button>
  207 + <?php endif; ?>
  208 + </td>
  209 + </tr>
  210 + <?php endforeach; ?>
  211 + <?php if (empty($devices)): ?>
  212 + <tr>
  213 + <td colspan="5" style="text-align: center; color: #999; padding: 20px;">
  214 + 暂无设备。请启动 Moltbot 客户端并连接服务器以自动注册。
  215 + </td>
  216 + </tr>
  217 + <?php endif; ?>
  218 + </tbody>
  219 + </table>
  220 + </div>
  221 +
  222 + <!-- 绑定历史列表 (已有的) -->
  223 + <div class="card">
  224 + <div class="title" style="color: #666; font-size: 14px;">绑定历史记录</div>
  225 + <!-- ... existing table code ... -->
143 226 <table>
  227 + <!-- ... existing table content ... -->
144 228 <thead>
145 229 <tr>
146 230 <th>用户</th>
147 231 <th>手机号</th>
148 232 <th>设备 ID</th>
149   - <th>主设备</th>
150 233 <th>绑定时间</th>
151   - <th>操作</th>
152 234 </tr>
153 235 </thead>
154 236 <tbody>
... ... @@ -157,22 +239,9 @@ if ($pdo) {
157 239 <td><?php echo htmlspecialchars($row['nickname']); ?></td>
158 240 <td><?php echo htmlspecialchars($row['phone']); ?></td>
159 241 <td><?php echo htmlspecialchars($row['device_id']); ?></td>
160   - <td>
161   - <?php if ($row['is_primary']): ?>
162   - <span style="color: var(--primary-color);">✔</span>
163   - <?php endif; ?>
164   - </td>
165 242 <td><?php echo $row['bound_at']; ?></td>
166   - <td>
167   - <a href="#" style="color: red; font-size: 12px; text-decoration: none;">解绑</a>
168   - </td>
169 243 </tr>
170 244 <?php endforeach; ?>
171   - <?php if (empty($bindings)): ?>
172   - <tr>
173   - <td colspan="6" style="text-align: center; color: #999;">暂无数据</td>
174   - </tr>
175   - <?php endif; ?>
176 245 </tbody>
177 246 </table>
178 247 </div>
... ...
Please register or login to post a comment