fix: 监控页任务概况去掉「编辑/删除」,只留执行/停用 + 显示覆盖设备

监控页的任务卡片原来带「编辑」,但 openTaskModal 依赖 _taskTypes/_groupsList/
_devicesList,这三个列表只在任务 Tab 的 loadTasks() 里加载——从监控页直接点编辑,
下拉框是空的(这就是"编辑有问题")。按需求把编辑/删除从监控页移除(编辑统一去任务 Tab),
每张卡片只留:执行任务 + 停用任务/启用任务。

并给卡片加「覆盖设备」一行:
- 后端 /api/jobs(含 POST/PUT 返回的 job)新增 coverage = {mode, serials, total}:
  按 target 定义解析(all=设备池全量 / group=分组∩设备池 / serial=该设备),
  不做离线过滤、不写调度日志(该接口每 5s 轮询),与调度用的 resolve_serials 口径差异已写入文档
- 前端用已在手的 /api/status 标注在线状态,渲染成彩色 chip:
  在线=蓝、运行中=黄+⏳、离线或不在池=灰划线+✕,完整 serial/型号放 tooltip
- 文档:API.md §5 补 coverage 字段与三种模式口径、ARCHITECTURE §5.1 补卡片说明

自测:coverage 三种模式端到端(含分组过滤池外 serial)全通过;Edge headless 验卡片
(2 个按钮、无编辑/删除、chip 文案/样式/tooltip)全通过;离线分支与任务 Tab 编辑器回归通过
This commit is contained in:
2026-09-10 21:15:23 +08:00
parent d40c867d6f
commit 86c65236a2
5 changed files with 98 additions and 5 deletions
+31 -4
View File
@@ -445,6 +445,34 @@ function fmtParams(params){
return parts.join('');
}
// 任务覆盖的设备:后端给 serial 清单(coverage),这里用实时状态标注在线/运行中
function _jobCoverageHtml(j){
const cov=j.coverage||{}, serials=cov.serials||[];
const st={};
if(_statusData)for(const d of (_statusData.devices||[]))st[d.serial]=d;
if(!serials.length){
return '<div class="job-cov"><span class="kv">覆盖设备 0 台</span>'
+'<span class="cov-note">该目标下暂无可调度设备(检查设备池/分组)</span></div>';
}
let onlineN=0,busyN=0;
const chips=serials.map(s=>{
const d=st[s]||{};
const online=!!d.present;
const busy=(d.worker_status==='running'||d.worker_status==='connecting');
if(online)onlineN++;
if(busy)busyN++;
const cls=busy?'running':(online?'online':'offline');
const title=s+(d.model?' · '+d.model:'')
+(busy?' · 任务中:'+(d.task_job||''):'')
+(online?'':' · 离线或不在设备池');
return '<span class="cov-chip '+cls+'" title="'+esc(title)+'">'
+esc(s.replace(/:5555$/,''))+(busy?' ⏳':'')+(online?'':' ✕')+'</span>';
}).join('');
return '<div class="job-cov"><span class="kv">覆盖 '+serials.length+' 台 · 在线 '+onlineN
+(busyN?' · 运行中 '+busyN:'')+'</span>'
+'<div class="cov-chips">'+chips+'</div></div>';
}
function renderJobCards(){
const jobs=_jobsData||[];
const running={};
@@ -470,12 +498,11 @@ function renderJobCards(){
'<span class="kv">调度:'+esc(sched)+'</span>'+
'<span class="kv">重试:'+esc(retry)+'</span></div>'+
'<div style="margin-top:4px">'+fmtParams(j.params)+'</div>'+
_jobCoverageHtml(j)+
'</div>'+
'<div class="job-actions">'+
'<button class="btn btn-primary btn-xs" onclick="apiAction(\'/api/jobs/'+j.id+'/run\')">立即执行</button>'+
'<button class="btn btn-xs" onclick="apiAction(\'/api/jobs/'+j.id+'/toggle\',{enabled:'+(!j.enabled)+'})">'+(j.enabled?'停用':'启用')+'</button>'+
'<button class="btn btn-xs" onclick="openTaskModal(\''+j.id+'\')">编辑</button>'+
'<button class="btn btn-danger btn-xs" onclick="deleteTask(\''+j.id+'\')">删除</button>'+
'<button class="btn btn-primary btn-xs" onclick="apiAction(\'/api/jobs/'+j.id+'/run\')">执行任务</button>'+
'<button class="btn btn-xs" onclick="apiAction(\'/api/jobs/'+j.id+'/toggle\',{enabled:'+(!j.enabled)+'})">'+(j.enabled?'停用任务':'启用任务')+'</button>'+
'</div>'+
'</div>';
}).join(''):'<div class="empty">暂无任务,到"任务"Tab 新建</div>';