Expenditure Dashboard

Users are redirected to this screen when they select the GPWSC Dashboard option on the home screen.

Link → {base url}/mgramseva/home/dashboard?tab=1

User Interaction On Screen

• Users can select the year from the drop-down which contains the list of financial years.

• From the text field, users can search for the expenses using Bill ID or vendor name.

• Users can see the expense data for paid and pending with respective tabs.

• Initially, only 10 expenses are loaded for the selected tab. The pagination dropdown and right arrow click enable the user to load and view more expense records.

• Selecting any Bill ID navigates the users to the Expense update screen.

Files Path

Primary Files:

punjab-mgramseva/Dashboard.dart at develop · egovernments/punjab-mgramseva

​punjab-mgramseva/search_expense.dart at develop · egovernments/punjab-mgramseva

API Details

Stack

1 → Home Screen. + Dashboard expenditure screen + update expense screen

Pop → Dashboard expenditure screen → Home Screen

2 → Home Screen. + Dashboard expenditure screen + update expense screen + expense update success

Pop → Home Screen

Widgets utilised from the Library

Role Access Mapping

case Routes.DASHBOARD:
  return ['SUPERUSER', 'DASHBOARD_VIEWER'];

Files Path

Model →

View →

Controller →