数据可视化大屏
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

23 lines
1.2KB

  1. <div nz-row [nzGutter]="[12, 12]">
  2. <data-v-card nz-col nzSpan="12" title="待办任务">
  3. <ag-grid-angular (paginationChanged)="onPaginationChanged($event)" [pagination]="true"
  4. [paginationAutoPageSize]="true" [defaultColDef]="defaultColDef" [rowData]="rowData" [columnDefs]="colDefs1"
  5. class="ag-theme-quartz ag-theme-datav">
  6. </ag-grid-angular>
  7. </data-v-card>
  8. <data-v-card nz-col nzSpan="12" title="已办任务">
  9. <ag-grid-angular [pagination]="true" [paginationAutoPageSize]="true" [defaultColDef]="defaultColDef"
  10. [rowData]="rowData" [columnDefs]="colDefs2" class="ag-theme-quartz ag-theme-datav">
  11. </ag-grid-angular>
  12. </data-v-card>
  13. <data-v-card nz-col nzSpan="12" title="报警信息">
  14. <ag-grid-angular [pagination]="true" [paginationAutoPageSize]="true" [defaultColDef]="defaultColDef"
  15. [rowData]="rowData" [columnDefs]="colDefs3" class="ag-theme-quartz ag-theme-datav">
  16. </ag-grid-angular>
  17. </data-v-card>
  18. <data-v-card nz-col nzSpan="12" title="通知">
  19. <ag-grid-angular [pagination]="true" [paginationAutoPageSize]="true" [defaultColDef]="defaultColDef"
  20. [rowData]="rowData" [columnDefs]="colDefs4" class="ag-theme-quartz ag-theme-datav">
  21. </ag-grid-angular>
  22. </data-v-card>
  23. </div>