| @@ -1,7 +1,7 @@ | |||||
| <div nz-row [nzGutter]="[12, 12]"> | <div nz-row [nzGutter]="[12, 12]"> | ||||
| <lj-app-ag-grid-component | <lj-app-ag-grid-component | ||||
| style="width: 50%" | style="width: 50%" | ||||
| title="代办任务" | |||||
| title="待办任务" | |||||
| [defaultColDef]="defaultColDef" | [defaultColDef]="defaultColDef" | ||||
| [rowData]="rowData" | [rowData]="rowData" | ||||
| [columnDefs]="colDefs1" | [columnDefs]="colDefs1" | ||||
| @@ -16,7 +16,7 @@ | |||||
| <!-- <app-data-v-lj-table [columns]="tableColumns" [data]="tableData" /> --> | <!-- <app-data-v-lj-table [columns]="tableColumns" [data]="tableData" /> --> | ||||
| <br /> | <br /> | ||||
| <!-- 分页 --> | <!-- 分页 --> | ||||
| <!-- <div class="grid-pagination"> | |||||
| <div class="grid-pagination"> | |||||
| <div class="page-total-style">共 {{ pageRowTotal }} 项数据</div> | <div class="page-total-style">共 {{ pageRowTotal }} 项数据</div> | ||||
| <nz-pagination | <nz-pagination | ||||
| [nzPageIndex]="pageIndex" | [nzPageIndex]="pageIndex" | ||||
| @@ -27,5 +27,5 @@ | |||||
| [className]="paginationThemeClass" | [className]="paginationThemeClass" | ||||
| nzShowSizeChanger | nzShowSizeChanger | ||||
| /> | /> | ||||
| </div> --> | |||||
| </div> | |||||
| </lj-data-v-card> | </lj-data-v-card> | ||||
| @@ -10,31 +10,31 @@ | |||||
| /> | /> | ||||
| <!-- </data-v-card> --> | <!-- </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> | |||||
| <lj-app-ag-grid-component | |||||
| style="width: 50%" | |||||
| [title]="'已办任务'" | |||||
| [defaultColDef]="defaultColDef" | |||||
| [rowData]="rowData" | |||||
| [columnDefs]="colDefs2" | |||||
| [gridThemeClass]="gridThemedClass" | |||||
| /> | |||||
| <lj-app-ag-grid-component | |||||
| style="width: 50%" | |||||
| [title]="'报警信息'" | |||||
| [defaultColDef]="defaultColDef" | |||||
| [rowData]="rowData" | |||||
| [columnDefs]="colDefs3" | |||||
| [gridThemeClass]="gridThemedClass" | |||||
| /> | |||||
| <lj-app-ag-grid-component | |||||
| style="width: 50%" | |||||
| [title]="'通知'" | |||||
| [defaultColDef]="defaultColDef" | |||||
| [rowData]="rowData" | |||||
| [columnDefs]="colDefs4" | |||||
| [gridThemeClass]="gridThemedClass" | |||||
| /> | |||||
| </div> | </div> | ||||
| @@ -45,27 +45,47 @@ export class DataVWorkstationComponent implements OnInit, AfterViewInit { | |||||
| rowData: object[] = []; | rowData: object[] = []; | ||||
| // colDefs1: ColDef[] = [ | |||||
| // { | |||||
| // headerName: '序号', | |||||
| // valueGetter: function (params: any) { | |||||
| // return parseInt(params.node.id) + 1; | |||||
| // }, | |||||
| // width: 90, | |||||
| // // flex: 2, | |||||
| // sortable: true, | |||||
| // unSortIcon: true, | |||||
| // field: 'xh' | |||||
| // }, | |||||
| // { headerName: '任务名称', unSortIcon: true, width: 120, field: 'rwmc' }, | |||||
| // { headerName: '任务描述', unSortIcon: true, field: 'rwms', width: 120 }, | |||||
| // { headerName: '开始时间', headerClass: 'ag-header-center', unSortIcon: true, field: 'kssj', width: 180 }, | |||||
| // { headerName: '计划完成时间', unSortIcon: true, field: 'jhwcsj', width: 180 }, | |||||
| // { headerName: '超期', width: 70, field: 'sfcq' }, | |||||
| // { headerName: '操作', width: 90, autoHeaderHeight: true, field: 'cz', cellRenderer: GridButtonValueRenderer } | |||||
| // ]; | |||||
| colDefs1: ColDef[] = [ | colDefs1: ColDef[] = [ | ||||
| { | { | ||||
| headerName: '序号', | headerName: '序号', | ||||
| valueGetter: function (params: any) { | valueGetter: function (params: any) { | ||||
| return parseInt(params.node.id) + 1; | return parseInt(params.node.id) + 1; | ||||
| }, | }, | ||||
| width: 90, | |||||
| // width: 90, | |||||
| // flex: 2, | // flex: 2, | ||||
| sortable: true, | sortable: true, | ||||
| unSortIcon: true, | unSortIcon: true, | ||||
| field: 'xh' | field: 'xh' | ||||
| }, | }, | ||||
| { headerName: '任务名称', unSortIcon: true, width: 120, field: 'rwmc' }, | |||||
| { headerName: '任务描述', unSortIcon: true, field: 'rwms', width: 120 }, | |||||
| { headerName: '开始时间', headerClass: 'ag-header-center', unSortIcon: true, field: 'kssj', width: 180 }, | |||||
| { headerName: '计划完成时间', unSortIcon: true, field: 'jhwcsj', width: 180 }, | |||||
| { headerName: '超期', width: 70, field: 'sfcq' }, | |||||
| { headerName: '操作', width: 90, autoHeaderHeight: true, field: 'cz', cellRenderer: GridButtonValueRenderer } | |||||
| { headerName: '任务名称', unSortIcon: true, field: 'rwmc' }, | |||||
| { headerName: '任务描述', unSortIcon: true, field: 'rwms' }, | |||||
| { headerName: '开始时间', headerClass: 'ag-header-center', unSortIcon: true, field: 'kssj' }, | |||||
| { headerName: '计划完成时间', unSortIcon: true, field: 'jhwcsj' }, | |||||
| { headerName: '超期', field: 'sfcq' }, | |||||
| { headerName: '操作', autoHeaderHeight: true, field: 'cz', cellRenderer: GridButtonValueRenderer } | |||||
| ]; | ]; | ||||
| colDefs2: ColDef[] = [ | colDefs2: ColDef[] = [ | ||||
| { | { | ||||
| headerName: '序号', | headerName: '序号', | ||||