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

<div nz-row [nzGutter]="[12, 12]">
  <data-v-card nz-col nzSpan="24" nzXs="24" nzSm="24" nzMd="12" nzLg="12" nzXl="12" nzXXl="12" title="待办任务">
    <app-ag-grid-component style="width: 100%;" [defaultColDef]="defaultColDef" [rowData]="rowData"
      [columnDefs]="colDefs1" [gridThemeClass]="gridThemedClass">
    </app-ag-grid-component>
  </data-v-card>
  <data-v-card nz-col nzSpan="24" nzXs="24" nzSm="24" nzMd="12" nzLg="12" nzXl="12" nzXXl="12" title="已办任务">

    <app-ag-grid-component style="width: 100%;" [defaultColDef]="defaultColDef" [rowData]="rowData"
      [columnDefs]="colDefs2" gridThemeClass="ag-theme-quartz ag-theme-datav">
    </app-ag-grid-component>
  </data-v-card>
  <data-v-card nz-col nzSpan="24" nzXs="24" nzSm="24" nzMd="12" nzLg="12" nzXl="12" nzXXl="12" title="报警信息">
    <app-ag-grid-component style="width: 100%;" [defaultColDef]="defaultColDef" [rowData]="rowData"
      [columnDefs]="colDefs3" gridThemeClass="ag-theme-quartz ag-theme-datav">
    </app-ag-grid-component>
  </data-v-card>
  <data-v-card nz-col nzSpan="24" nzXs="24" nzSm="24" nzMd="12" nzLg="12" nzXl="12" nzXXl="12" title="通知">
    <app-ag-grid-component style="width: 100%;" [defaultColDef]="defaultColDef" [rowData]="rowData"
      [columnDefs]="colDefs4" gridThemeClass="ag-theme-quartz ag-theme-datav">
    </app-ag-grid-component>
  </data-v-card>
</div>