101 lines
7.1 KiB
TypeScript
101 lines
7.1 KiB
TypeScript
import { Component, DestroyRef, computed, effect, inject, signal } from '@angular/core';
|
|
import { CommonModule } from '@angular/common';
|
|
import { FormsModule } from '@angular/forms';
|
|
import { HttpClient } from '@angular/common/http';
|
|
import { firstValueFrom } from 'rxjs';
|
|
import { AgentService } from '../../services/agent.service';
|
|
import { SystemService } from '../../services/system.service';
|
|
import { renderMarkdownToHtml } from '../../utils/markdown-parser.util';
|
|
|
|
@Component({
|
|
selector: 'app-automation-panel', standalone: true, imports: [CommonModule, FormsModule],
|
|
templateUrl: './automation-panel.component.html', styleUrl: './automation-panel.component.scss'
|
|
})
|
|
export class AutomationPanelComponent {
|
|
agent = inject(AgentService); system = inject(SystemService); http = inject(HttpClient);
|
|
tab = signal('reports'); error = signal(''); notice = signal(''); busy = signal(false);
|
|
batches = signal<any[]>([]); preview = signal<any>(null);
|
|
batch = signal<any>(null); report = signal<any>(null);
|
|
guidance = '';
|
|
taskStatus = computed(() => {
|
|
const sid = this.agent.currentSessionId();
|
|
if (!sid) return '';
|
|
return this.agent.sessions().find(s => s.session_id === sid)?.status
|
|
|| (this.agent.runningSessionId() === sid ? this.agent.agentStatus() : '') || '';
|
|
});
|
|
liveTask = computed(() => ['running', 'paused', 'task_paused', 'resuming'].includes(this.taskStatus()));
|
|
word = true; excel = true; name = ''; device = ''; profile = 'flash'; stopOnFailure = false; timeout = 1800;
|
|
private destroyed = false;
|
|
constructor() {
|
|
const destroy = inject(DestroyRef);
|
|
this.http.get<any>('/api/automation/preferences').subscribe(p => { this.word = p.formats.includes('docx'); this.excel = p.formats.includes('xlsx'); this.timeout = p.batch_timeout_seconds || 1800; });
|
|
void this.refresh();
|
|
const timer = setInterval(() => void this.refresh(), 5000);
|
|
destroy.onDestroy(() => { this.destroyed = true; clearInterval(timer); });
|
|
effect(() => {
|
|
const sid = this.agent.currentSessionId(); this.report.set(null); this.guidance = '';
|
|
if (sid) this.http.get<any>(`/api/automation/reports/${encodeURIComponent(sid)}`).subscribe({ next: r => { if (this.agent.currentSessionId() === sid) this.report.set(r); }, error: () => {} });
|
|
});
|
|
}
|
|
formats() { return [ ...(this.word ? ['docx'] : []), ...(this.excel ? ['xlsx'] : []) ]; }
|
|
label(s: string) { return ({draft:'待开始',running:'执行中',paused:'已暂停',task_paused:'等待指导',resuming:'等待设备恢复',completed:'执行完成',failed:'失败',cancelled:'已取消',pending:'待执行',queued:'排队中',interrupted:'中断',skipped:'跳过',finalizing:'正在生成报告',deleting:'删除中，可重试清理'} as Record<string,string>)[s] || s; }
|
|
renderReport(content: string) { return renderMarkdownToHtml(content || ''); }
|
|
async action(fn: () => Promise<void>) {
|
|
if (this.busy()) return;
|
|
this.busy.set(true); this.error.set(''); this.notice.set('');
|
|
try { await fn(); } catch (e: any) { const d = e.error?.detail; this.error.set(typeof d === 'string' ? d : d ? JSON.stringify(d) : e.message || '操作失败'); }
|
|
finally { this.busy.set(false); }
|
|
}
|
|
async refresh() {
|
|
try {
|
|
const b = await firstValueFrom(this.http.get<any[]>('/api/automation/batches'));
|
|
if (this.destroyed) return;
|
|
this.batches.set(b);
|
|
const sid = this.agent.currentSessionId();
|
|
if (sid && this.tab() === 'reports') { const r = await firstValueFrom(this.http.get<any>(`/api/automation/reports/${encodeURIComponent(sid)}`)); if (this.agent.currentSessionId() === sid) this.report.set(r); }
|
|
const id = this.batch()?.id;
|
|
if (id) { const item = await firstValueFrom(this.http.get<any>(`/api/automation/batches/${id}`)); if (this.batch()?.id === id) this.batch.set(item); }
|
|
} catch { /* User initiated actions expose errors; polling retries on the next interval. */ }
|
|
}
|
|
savePreferences() { void this.action(async () => { if (!this.formats().length) throw Error('请至少选择一种报告格式'); await firstValueFrom(this.http.put('/api/automation/preferences',{formats:this.formats()})); this.notice.set('已保存，后续任务和批次使用此默认格式'); }); }
|
|
upload(event: Event) {
|
|
const file = (event.target as HTMLInputElement).files?.[0]; if (!file) return;
|
|
void this.action(async () => { this.preview.set(null); const data = new FormData(); data.append('file',file); this.preview.set(await firstValueFrom(this.http.post('/api/automation/import/preview',data))); this.name = file.name.replace(/\.xlsx$/i,''); });
|
|
}
|
|
startBatch() { void this.action(async () => {
|
|
if (!this.preview()?.valid) throw Error('请先导入并修正所有错误');
|
|
if (!this.device) throw Error('请选择执行设备');
|
|
const cases = this.preview().tasks.map(({row, ...c}: any) => c);
|
|
const created: any = await firstValueFrom(this.http.post('/api/automation/batches',{name:this.name.trim(),cases,device_serial:this.device,profile:this.profile,stop_on_failure:this.stopOnFailure,timeout_seconds:this.timeout,formats:this.formats()}));
|
|
this.batch.set(created);
|
|
await firstValueFrom(this.http.post(`/api/automation/batches/${created.id}/resume`,{}));
|
|
this.preview.set(null); this.notice.set('批次已开始，可暂停或查看每项结果'); await this.refresh();
|
|
}); }
|
|
selectBatch(id: string) { void this.action(async () => { this.batch.set(await firstValueFrom(this.http.get(`/api/automation/batches/${id}`))); }); }
|
|
deleteBatch(item: { id: string; name: string }) {
|
|
if (!window.confirm(`删除批次“${item.name}”及其全部任务记录、报告和文件？此操作无法撤销。`)) return;
|
|
void this.action(async () => {
|
|
await firstValueFrom(this.http.delete(`/api/automation/batches/${encodeURIComponent(item.id)}`));
|
|
if (this.batch()?.id === item.id) this.batch.set(null);
|
|
await this.refresh();
|
|
this.agent.fetchSessions();
|
|
this.notice.set('批次及关联任务、报告和文件已删除');
|
|
});
|
|
}
|
|
batchAction(action: string) { void this.action(async () => { this.batch.set(await firstValueFrom(this.http.post(`/api/automation/batches/${this.batch().id}/${action}`,{}))); await this.refresh(); }); }
|
|
pauseTask(id: string) { void this.action(async () => { await firstValueFrom(this.http.post(`/api/tasks/${encodeURIComponent(id)}/pause`,{})); this.notice.set('已请求暂停：当前步骤结束后释放设备'); await this.refresh(); }); }
|
|
guideTask(id: string) { void this.action(async () => {
|
|
if (!this.guidance.trim()) throw Error('请先填写指导内容');
|
|
const status = this.taskStatus();
|
|
await firstValueFrom(this.http.post(`/api/tasks/${encodeURIComponent(id)}/guide`,{instruction:this.guidance.trim()}));
|
|
this.guidance = '';
|
|
this.agent.fetchGuidance(id);
|
|
if (status === 'paused') this.notice.set('模型请求暂停，请在执行日志中恢复模型调用');
|
|
await this.refresh();
|
|
}); }
|
|
continueTask(id: string) { void this.action(async () => {
|
|
await firstValueFrom(this.http.post(`/api/tasks/${encodeURIComponent(id)}/continue`,{}));
|
|
this.notice.set('任务已申请恢复；设备忙时等待排队'); await this.refresh();
|
|
}); }
|
|
}
|