Bill Amendment

Search Receipt

Objective

Provide Employee to search Amendment Applications.

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

Technical Implementation Details

 

Table Structure

  • MUIDataTable is used to implement Table component.

  • Every columns are entry given as an Object

{ labelName: "Bill No.", labelKey: "BILL_COMMON_SERVICE_TYPE", }

,

  • 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

API

ROLES

ACTION ID

API

ROLES

ACTION ID

1

egov-mdms-service/v1/_search

954

 

2

/billing-service/amendment/_search

2060

WS_CEMP , SW_CEMP ,WS_APPROVER, SW_APPROVER

3


/ws-services/wc/_search

1900

WS_CEMP,WS_APPROVER

4

/sw-services/swc/_search

1919

SW_CEMP,SW_APPROVER

 

Â