Universal Collection

Owned by jk

Last updated: Jan 15, 2021

2 min read

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.frontend/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/search.js at 80c5bff5b0869ba44f1626fabe4a5a6133afa558 · egovernments/frontend
Initial MDMS call is being made on page load.
All the Forms and its functionality are in frontend/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources at master · egovernments/frontend path.
Table rendering is taken care in frontend/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/searchResults.js at 80c5bff5b0869ba44f1626fabe4a5a6133afa558 · egovernments/frontend
The Bill search API and formatting data is in done in frontend/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/function.js at 35489dff247d10ea90fbf6eb69b116f638c36102 · egovernments/frontend

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

frontend/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/function.js at 35489dff247d10ea90fbf6eb69b116f638c36102 · egovernments/frontend

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

frontend/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/searchResults.js at 80c5bff5b0869ba44f1626fabe4a5a6133afa558 · egovernments/frontend

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

Api Used :

egov-mdms-service/v1/_search,
collection-services/payments/{BUSINESSSERVICE}/_search in case of employee

ROLE ACTION MAPPING

S.NO	API	ROLES	ACTION ID

S.NO	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`