61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<div class="toolbar">
|
|
<div>
|
|
任务管理
|
|
</div>
|
|
<button mat-raised-button color="primary">新建任务</button>
|
|
</div>
|
|
<div class="table">
|
|
<table mat-table [dataSource]="task_srv.task_list().list" class="mat-elevation-z8">
|
|
<ng-container matColumnDef="id">
|
|
<th mat-header-cell *matHeaderCellDef>id</th>
|
|
<td mat-cell *matCellDef="let element"> {{ element.id }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="task_name">
|
|
<th mat-header-cell *matHeaderCellDef>task_name</th>
|
|
<td mat-cell *matCellDef="let element"> {{ element.task_name }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="task_status">
|
|
<th mat-header-cell *matHeaderCellDef>task_status</th>
|
|
<td mat-cell *matCellDef="let element"> {{ element.task_status.label }}</td>
|
|
</ng-container>
|
|
|
|
|
|
<ng-container matColumnDef="operation">
|
|
<th mat-header-cell *matHeaderCellDef>operation</th>
|
|
<td mat-cell *matCellDef="let element" style="padding-left: 4px !important;">
|
|
@switch (element.task_status.value) {
|
|
@case (0) {
|
|
<button mat-icon-button disabled matTooltip="请先完善任务信息">
|
|
<mat-icon color="">play_arrow</mat-icon>
|
|
</button>
|
|
}
|
|
@case (1) {
|
|
<button mat-icon-button (click)="update_task(element)" matTooltip="点击开始任务">
|
|
<mat-icon color="primary">play_arrow</mat-icon>
|
|
</button>
|
|
}
|
|
}
|
|
<button mat-icon-button (click)="update_task(element)">
|
|
<mat-icon color="primary">tune</mat-icon>
|
|
</button>
|
|
<button mat-icon-button (click)="delete_task(element)" color="warn">
|
|
<mat-icon color="secondary">delete</mat-icon>
|
|
</button>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
|
</table>
|
|
</div>
|
|
<div class="pager">
|
|
<mat-paginator [length]="task_srv.task_list().total"
|
|
[pageSize]="task_srv.task_list().size"
|
|
[pageSizeOptions]="[5, 10, 25, 100]"
|
|
(page)="handlePager($event)"
|
|
aria-label="Select page">
|
|
</mat-paginator>
|
|
</div>
|