Skip to end of banner Go to start of banner

Universal Collection

Skip to end of metadata

Created by jk, last modified on Jul 02, 2020

Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

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

Initial page.https://github.com/egovernments/frontend/blob/80c5bff5b0869ba44f1626fabe4a5a6133afa558/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/search.js
Initial MDMS call is being made on page load.
All the Forms and its functionality are in https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources path.
Table rendering is taken care in https://github.com/egovernments/frontend/blob/80c5bff5b0869ba44f1626fabe4a5a6133afa558/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/searchResults.js
The Bill search API and formatting data is in done in https://github.com/egovernments/frontend/blob/35489dff247d10ea90fbf6eb69b116f638c36102/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/function.js

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 :

egov-mdms-service/v1/_search,
collection-services/payments/_search

ROLES To Access :

EMPLOYEE
CITIZEN

No labels