Current Bill Cancellation UI Flow
Frontend Repo
Last updated
Was this helpful?
Frontend Repo
Last updated
Was this helpful?
Once the user login with WS_CEMP or SW_CEMP Roles, then the User will get the BillGenie tree option on the left side.
on click on BillGenie will get two options like below
on clicking on bill Cancellation, it will route to the search bill screen.
Provide Employee to search active bill, download bill and Cancel bill.
if tax head information can be wrong in a bill. So the bill needs to be cancelled.
Initial MDMS call is being made on page load
example:
Table Structure
MUIDataTable is used to implement the Table component
Every column entry is given as an Object
Any customizations at column level are by customBodyRender hook available in all the columns ‘option’ property.
Once the data is fetched using egov-searcher/bill-genie/billswithaddranduser/_get API, the returned data is formatted and dispatched to redux
As we can see from the image above, the data is put to a specific path inside props.
The table component now fetches the data from its props as shown below.
egov-mdms-service/v1/_search,
egov-searcher/bill-genie/billswithaddranduser/_get
API
ROLES
ACTION ID
1
egov-mdms-service/v1/_search
954
2
egov-searcher/bill-genie/billswithaddranduser/_get
SUPERUSER , EMPLOYEE
1804
Route -
Initial page -
Form rendering is taken care of in
Table rendering is taken care of in
The Bill search API and formatting data is in done in
For employee Action as “cancel bill “ so that employee can cancel the active bill on click of cancel bill, it will navigate to the Bill details page where we can see the bill amount and other details from there we can do the Cancel.
Bill details document is available here
