Universal Collection

Search Receipt

Objective

Provide Citizen/Employee to search Receipt , download receipt and its current status.

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

https://egov-micro-dev.egovernments.org/citizen/uc-citizen/search

Technical Implementation Details

 

Table Structure

  • MUIDataTable is used to implement Table component.

  • Every columns are entry given as an Object

{   labelName: "Receipt No.", labelKey: "UC_COMMON_TABLE_COL_RECEIPT_NO", }

,

  • 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 collection-services/payments/_search API, the returned data is formatted and dispatched to redux

https://github.com/egovernments/frontend/blob/35489dff247d10ea90fbf6eb69b116f638c36102/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/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/80c5bff5b0869ba44f1626fabe4a5a6133afa558/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/searchResults.js

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

 

 

 

Api Used :

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

  2. collection-services/payments/{BUSINESSSERVICE}/_search in case of employee

 

ROLE ACTION MAPPING

API

ROLES

ACTION ID

API

ROLES

ACTION ID

1

egov-mdms-service/v1/_search

SUPERUSER , LOA_CREATOR , WO_CREATOR , AE_CREATOR , WORKS_MASTER_CREATOR

954

2

collection-services/payments/_search

CITIZEN

1864

3

collection-services/payments/ADVT.Hoardings/_search

EMPLOYEE

2048