Group Bills
Objective
Provide Citizen/Employee to search existing Bill ,its current status , merge bills and download.
Route - https://egov-micro-dev.egovernments.org/employee/abg/groupBills
Technical Implementation Details
Initial MDMS call is being made on page load.
All the Forms and its functionality are in https://github.com/egovernments/frontend/blob/5ceee04b53b41eb9d76c5f9914589f8428f689f3/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBillResource path.
Table rendering is taken care in https://github.com/egovernments/frontend/blob/d97c0c2cd92fb0dfbe68a048be49193c1e988232/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBillResource/searchResults.js
The Group Bill search API and formatting data is in done in https://github.com/egovernments/frontend/blob/80c5bff5b0869ba44f1626fabe4a5a6133afa558/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBillResource/functions.js
Table Structure
MUIDataTableis used to implement Table component.Every columns are entry given as an Object
{
labelName: "Bill No.",
labelKey: "ABG_COMMON_TABLE_COL_BILL_NO"
}
,
Any customizations at column level is by
customBodyRenderhook available in all the colums ‘option’ property.
Data fetch,load and render :
Once the data is fetched using egov-searcher/bill-genie/billswithaddranduser/_get API, the returned data is formatted and dispatched to redux
As we can see from the image above, the data is put to specific path inside props.
Table component now fetches the data from its props as shown below.
