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

<div nz-row [nzGutter]="[12, 12]">
  <lj-app-ag-grid-component
    style="width: 50%"
    title="代办任务"
    [defaultColDef]="defaultColDef"
    [rowData]="rowData"
    [columnDefs]="colDefs1"
    [gridThemeClass]="gridThemedClass"
  />

  <!-- </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"
    />
  </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"
    />
  </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"
    />
  </data-v-card>
</div>