Bill Details

Objective

To provide users the details of the Bills and options to cancel the bill.

Implementation Details:

This screen is developed under the egov-abg-dev folder in the below file:

https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/bills/viewBill.js

The details of the Bill is fetched by calling BillingService fetchBill API and the Consumer.No is used to in the query param.

FetchBill API returns the Bill Object which contains all the details about the bill including Billing Period, Due Amount, Due Date, and information about the Tax, Cess, Rebate, Penalty applied in this bill.

NextStep:

On click on next step, it will go to cancel bill screen, there we need to select the options for reason for bill cancellation. find here for cancel bill screen Cancel Bill

next step button file present in the below file path:

https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/bills/viewBillResource/viewBillFooter.js

Localisation:

Localisation keys used in the ViewBill page are added under “rainmaker-ws” locale module and the same should be used if any new keys are added in this page.

API Call Role Action mapping: