@@ -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: '序号', | ||||