Bill Amendment

Search Receipt

Objective

Provide Employee to search Amendment Applications.

Route - https://egov-micro-dev.egovernments.org/employee/bill-amend/search

Open

Technical Implementation Details

• Initial page.https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-billamend-dev/src/ui-config/screens/specs/bill-amend/search.js

• Initial MDMS call is being made on page load.

  Open

  

   

  billGineiURL: "egov-searcher/bill-genie/waterbills/_get" businessService: "ws-services-calculation" code: "WS" collectionModesNotAllowed: ["DD"] demandUpdateTime: 86400000 isAdvanceAllowed: true isBillAmendmentEnabled: true isVoucherCreationEnabled: false partPaymentAllowed: true

• Service Category In Amendment screen is shown Based on the isBillAmendmentEnabled flag present in the MDMS moduleName: "BillingService" , masterDetails:  name: "BusinessService".

• All the Forms and its functionality are in https://github.com/egovernments/frontend/tree/master/web/rainmaker/dev-packages/egov-billamend-dev/src/ui-config/screens/specs/bill-amend/searchResources path.

• Table rendering is taken care in https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-billamend-dev/src/ui-config/screens/specs/bill-amend/searchResources/searchResults.js

• The BillAMD search API and formatting data is in done in https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-billamend-dev/src/ui-config/screens/specs/bill-amend/searchResources/searchResults.js

• In Bill Amendment search happens based on the results from the Amendment search and Individual Module search details based on the given search criteria. https://github.com/egovernments/frontend/blob/develop/web/rainmaker/dev-packages/egov-billamend-dev/src/ui-config/screens/specs/bill-amend/searchResources/function.js

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 API, the returned data is formatted and dispatched to redux

https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-billamend-dev/src/ui-config/screens/specs/bill-amend/searchResources/function.js

As we can see from the image above, the data is put to specific path inside props.

https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-billamend-dev/src/ui-config/screens/specs/bill-amend/searchResources/searchResults.js

Table component now fetches the data from its props as shown below.

Api Used :

1. egov-mdms-service/v1/_search

2. /billing-service/amendment/_search
   
   

ROLE ACTION MAPPING