auseft.platform.datav/src/app/routes/data-v/workstation/workstation.component.html

<div nz-row [nzGutter]="[12, 12]">
  <data-v-card nz-col nzSpan="12" title="待办任务">
    <ag-grid-angular (paginationChanged)="onPaginationChanged($event)" [pagination]="true"
      [paginationAutoPageSize]="true" [defaultColDef]="defaultColDef" [rowData]="rowData" [columnDefs]="colDefs1"
      class="ag-theme-quartz ag-theme-datav">
    </ag-grid-angular>
  </data-v-card>
  <data-v-card nz-col nzSpan="12" title="已办任务">
    <ag-grid-angular [pagination]="true" [paginationAutoPageSize]="true" [defaultColDef]="defaultColDef"
      [rowData]="rowData" [columnDefs]="colDefs2" class="ag-theme-quartz ag-theme-datav">
    </ag-grid-angular>
  </data-v-card>
  <data-v-card nz-col nzSpan="12" title="报警信息">
    <ag-grid-angular [pagination]="true" [paginationAutoPageSize]="true" [defaultColDef]="defaultColDef"
      [rowData]="rowData" [columnDefs]="colDefs3" class="ag-theme-quartz ag-theme-datav">
    </ag-grid-angular>
  </data-v-card>
  <data-v-card nz-col nzSpan="12" title="通知">
    <ag-grid-angular [pagination]="true" [paginationAutoPageSize]="true" [defaultColDef]="defaultColDef"
      [rowData]="rowData" [columnDefs]="colDefs4" class="ag-theme-quartz ag-theme-datav">
    </ag-grid-angular>
  </data-v-card>
</div>