工作流程元件模組 (@standard/workflow)

工作流程卡片元件 (WorkflowCardComponent)

<st-workflow-card [flow]="flow" [actionType]="actionType">
  <ng-container content>內容資訊</ng-container>
</st-workflow-card>

import { WebFlow } from '@standard/workflow.model';

@Component({...})
export class xxxComponent {
  flow = new WebFlow({ no: 'TestProcess', name: '測試流程', description: '測試流程的描述' });
  actionType: 'view' | 'edit' | 'none' = 'view';
}

工作流程卡片清單元件 (WorkflowCardListComponent)

<st-workflow-card-list [flows]="flows" [totalCount]="1" [page]="page" [actionType]="actionType" (pageChange)="onPageChange($event)">
  <ng-container content>內容資訊</ng-container>
</st-workflow-card-list>

import { PageEvent } from '@angular/material/paginator';
import { WebFlow } from '@standard/workflow.model';
import { Pager } from '@tsa/cdk/search';

@Component({...})
export class xxxComponent {
  flows = [new WebFlow({ no: 'TestProcess', name: '測試流程', description: '測試流程的描述' })];
  page = new Pager({ Index: 1, Size: 5 });
  actionType: 'view' | 'edit' | 'none' = 'view';
  onPageChange(page: PageEvent): void {}
}

工作流程查詢元件 (WorkflowSearchComponent)

<tsa-search-bar (conditionChanges)="onConditionChanges()">
  <st-workflow-search name="simple"></st-workflow-search>
</tsa-search-bar>

@Component({...})
export class xxxComponent {
  onConditionChanges(): void {
    return;
  }
}