wangfq
ee136cc707
- 新增 /device-logs 设备事件日志管理页 (admin 权限) - 支持按设备序列号/事件类型筛选查询 - 支持 admin 按条件删除日志 - 不同事件类型彩色标识 (在线=绿, 离线=红, 通信不良=橙) - 新增 /api/devices/<id>/status 设备状态 API - 设备列表页：每 5s 异步刷新所有设备在线状态 - 测试操作页：顶部显示设备状态，每 5s 异步刷新 - dnt_info state 支持三态显示 (在线/离线/通信不良) - 导航栏增加「设备日志」入口 (admin only)
106 lines
5.1 KiB
HTML
106 lines
5.1 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}测试操作 - {{ device.serial }} - EDC 工装管理系统{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="test-page">
|
|
<div class="test-header">
|
|
<a href="/">← 返回设备列表</a>
|
|
<h2>测试操作 — {{ device.serial }} ({{ device.name or '未命名' }})</h2>
|
|
<div id="device-status-bar" style="margin-top:4px;font-size:14px;">
|
|
设备状态：<span id="device-status-text" class="{% if device.state == 1 %}status-online{% elif device.state == 2 %}status-poor{% else %}status-offline{% endif %}">加载中…</span>
|
|
</div>
|
|
<div id="test-mode-indicator" style="margin-top:4px;font-size:14px;color:#888;">加载中…</div>
|
|
</div>
|
|
|
|
<div class="test-layout">
|
|
<!-- 左侧：测试操作区 -->
|
|
<div class="test-control">
|
|
<h3>手动指令</h3>
|
|
<div class="cmd-buttons">
|
|
<button onclick="sendCmd('B0')" class="btn-cmd">开始测试 (0xB0)</button>
|
|
<button onclick="sendCmd('B1')" class="btn-cmd">测试复原 (0xB1)</button>
|
|
<button onclick="sendCmd('BA')" class="btn-cmd">电机前进 (0xBA)</button>
|
|
<button onclick="sendCmd('BB')" class="btn-cmd">电机后退 (0xBB)</button>
|
|
<button onclick="sendCmd('BC')" class="btn-cmd">电机停止 (0xBC)</button>
|
|
</div>
|
|
|
|
<h3>自动化测试</h3>
|
|
<div class="automation">
|
|
<label>
|
|
测试次数：
|
|
<input type="number" id="test-count" value="10" min="1" max="9999">
|
|
</label>
|
|
<label style="margin-left:16px;">
|
|
间隔时间(秒)：
|
|
<input type="number" id="interval-sec" value="10" min="0" max="300" style="width:60px;">
|
|
</label>
|
|
<label style="margin-left:16px;">
|
|
超时时间(秒)：
|
|
<input type="number" id="timeout-sec" value="5" min="1" max="600" style="width:60px;">
|
|
</label>
|
|
<button id="btn-auto" class="btn-start" onclick="toggleAuto()">开始</button>
|
|
<div class="progress-container">
|
|
<div class="progress-bar" id="progress-bar"></div>
|
|
<div class="progress-text" id="progress-text">等待开始...</div>
|
|
</div>
|
|
<div class="stats" id="stats">
|
|
<span>完成：<strong id="stat-done">0</strong></span>
|
|
<span>失败：<strong id="stat-failed">0</strong></span>
|
|
<span>剩余：<strong id="stat-remaining">0</strong></span>
|
|
</div>
|
|
<div class="auto-status" id="auto-status" style="font-size:12px;color:#888;margin-top:4px;"></div>
|
|
<div class="auto-time" id="auto-time" style="display:none;margin-top:8px;font-size:12px;color:#888;">
|
|
开始：<span id="time-start">-</span> 结束：<span id="time-end">-</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 右侧：测试信息显示区 -->
|
|
<div class="test-info">
|
|
<h3>当前测试数据</h3>
|
|
<div id="latest-result">
|
|
<p class="placeholder">等待设备上报...</p>
|
|
</div>
|
|
|
|
<div id="wave-section">
|
|
<h3>波动测试数据</h3>
|
|
<div id="latest-wave">
|
|
<p class="placeholder">暂无波动数据...</p>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>自动化平均值</h3>
|
|
<table id="avg-table">
|
|
<tr><td>平均峰峰值</td><td id="avg-ppvalue">-</td><td>V</td></tr>
|
|
<tr><td>平均开始工作频率</td><td id="avg-idle-freq">-</td><td>Hz</td></tr>
|
|
<tr><td>平均进入工作频率</td><td id="avg-enter-freq">-</td><td>Hz</td></tr>
|
|
<tr><td>平均进入距离</td><td id="avg-enter-dist">-</td><td>mm</td></tr>
|
|
<tr><td>平均离开距离</td><td id="avg-exit-dist">-</td><td>mm</td></tr>
|
|
<tr><td>平均进入速度</td><td id="avg-enter-speed">-</td><td>m/s</td></tr>
|
|
<tr><td>平均离开速度</td><td id="avg-exit-speed">-</td><td>m/s</td></tr>
|
|
</table>
|
|
|
|
<h3 style="margin-top:20px;">本轮测试明细</h3>
|
|
<div id="records-container" style="max-height:400px;overflow-y:auto;">
|
|
<table id="records-table" style="font-size:11px;">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th><th>串口状态</th><th>模式</th><th>峰峰值(V)</th><th>开始频率</th><th>进入距离</th><th>离开距离</th><th>速度(m/s)</th><th>时间</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
<p id="records-empty" class="placeholder">暂无记录</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script>
|
|
const DNT_ID = {{ device.id }};
|
|
</script>
|
|
<script src="{{ url_for('static', filename='js/test_op.js') }}"></script>
|
|
{% endblock %}
|