BillGenie

Search Bill

Objective

Provide Citizen/Employee to search existing Bill , generate expired bill ,

pay for the active bill, download bill , download receipt (if paid ) and its current status.

Route - https://egov-micro-dev.egovernments.org/employee/abg/billSearch

Open

Technical Implementation Details

• Initial page.https://github.com/egovernments/frontend/blob/17a8ece5cfae9e21f9b8fbfa37ad0f2c3983bfb9/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/billSearch.js

• Initial MDMS call is being made on page load.

  Open

  

   

• 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/billSearchResources path.

• Table rendering is taken care in https://github.com/egovernments/frontend/blob/80c5bff5b0869ba44f1626fabe4a5a6133afa558/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/billSearchResources/searchResults.js

• The Bill search API and formatting data is in done in

Table Structure

• MUIDataTable is used to implement Table component.

• Every columns are entry given as an Object

,

• Any customizations at column level is by customBodyRender hook 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.

Api Used :

1.   egov-mdms-service/v1/_search,

2. egov-searcher/bill-genie/billswithaddranduser/_get

ROLE ACTION MAPPING