> For the complete documentation index, see [llms.txt](https://docs.digit.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digit.org/public-finance/v2.3/exemplar/mgramseva/user-manual/tech-user-manual/expenses/add-expenses.md). # Add Expenses ## **Link** → {base url}/mgramseva/home/addExpense ![](/files/-MkMn8a0yZhpxleB8UrD) Enables employees to add expenses - the process of onboarding the end-users. Add Expenses card is available on the home screen for defined user roles having the EXPENSE PROCESSING permission. Clicking the Add Expense Record tile/card on the home screen navigates the user to Add Expenses screen. The user enters the required details to add the expenses for the vendors. If a user logs in for the first time then a walkthrough is populated following the same logic as in the home screen. Clicking on the Submit button navigates the user to the Expenditure Added Successful acknowledgement screen. ![](/files/-MkMnGWlwI2lX-bY3HA9) ## **Logic Implemented for Date Validation and File Attachments** ### **File Attachments** This feature allows the user to take a picture or choose a single file. The [Image Picker](https://pub.dev/packages/image_picker) plugin is used to implement this. Whenever this application is used on mobile, it prompts the user with two options - Camera and File Picker. If the application is opened on desktop or laptop browsers, the camera option is not available. The user has to select an image from the folder. The maximum supported file size is 5 MB. ### **Date Validation** For validating the form we use the Form widget. Once the user selects a bill date the Bill Pay option is enabled. Else, the auto validation process is enabled. Based on the bill date, the party selection date is enabled. If the user selects the party selection date first, the bill date can be selected only after entering the party date. Whenever the bill paid option is true, the paid date field is enabled and mandatory. The date selection range allows date input only after the bill date and before the current date. ## **File Path** Primary Files - [ punjab-mgramseva/ExpenseDetails.dart at develop · egovernments/punjab-mgramseva](https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/AddExpense/ExpenseDetails.dart) [punjab-mgramseva/WalkThroughContainer.dart at develop · egovernments/punjab-mgramseva](https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/AddExpense/AddExpenseWalkThrough/WalkThroughContainer.dart) [punjab-mgramseva/expenseWalkThrough.dart at develop · egovernments/punjab-mgramseva](https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/AddExpense/AddExpenseWalkThrough/expenseWalkThrough.dart) | **Fields** | **Validations** | | ----------------- | ---------------------------------------------------------------------------------- | | Vendor Name\* | `[A-Za-z ]` | | Mobile Number\* | `[0-9] & is mandatory only if a new vendor is added` | | Type of Expense\* | None | | Amount\* | `[0-9]` | | Bill Date\* | Before Current Date and after party Bill Date. | | Party Bill Date | `Should be before the Bill Date` | | Bill Paid | None | | Paid Date | After Bill date and less than current Date. | | Attach Documents | Option to upload a single document, Supported files - PDF, JPEG, PNG (maximum 5MB) | {% hint style="info" %} **Note:** All fields are validated on Submit apart from the Mobile number which gets validated on change. {% endhint %} ## **API Details** | **API** | **Params** | **Description** | | ------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | | `/egov-mdms-service/v1/_search` | `[{"moduleName": "Expense", "masterDetails": [{"name": "ExpenseType"},]}, {"moduleName": "BillingService", "masterDetails": [{"name": "BusinessService"}, {"name": "TaxHeadMaster"},]}]` | To get the Expense Type for the Dropdown | | `egov.org.in/vendor/v1/_search` | `tenantId: {}` | To get the list of vendors in the selected tenant for the suggestion text box - Vendor Name | ### Stack 1 → Home Screen. + Add Expense Screen Pop → Home Screen Widgets Utilised from Library | **Widgets** | **File Path** | **Description** | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | | `BuildTextField` | [punjab-mgramseva/TextFieldBuilder.dart at develop · egovernments/punjab-mgramseva](https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/TextFieldBuilder.dart) | Text Field | | `AutoCompleteView` | [punjab-mgramseva/auto\_complete.dart at develop · egovernments/punjab-mgramseva](https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/auto_complete.dart) | Suggestion Text Field | |

(Primary File)

(Secondary File)

|

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

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

| Searchable Drop down | | `DatePickerFieldBulder` | [punjab-mgramseva/DatePickerFieldBuilder.dart at develop · egovernments/punjab-mgramseva](https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/DatePickerFieldBuilder.dart) | Date Picker | | `CommonSuccessPage` | [punjab-mgramseva/CommonSuccessPage.dart at develop · egovernments/punjab-mgramseva](https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/CommonSuccessPage.dart) | Success Screen | | `BottomButtonBar` | [punjab-mgramseva/BottonButtonBar.dart at develop · egovernments/punjab-mgramseva](https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/BottonButtonBar.dart) | Button | > [![Creative Commons License](https://i.creativecommons.org/l/by/4.0/80x15.png)*​*](http://creativecommons.org/licenses/by/4.0/)*All content on this page by* [*eGov Foundation*](https://egov.org.in/) *is licensed under a* [*Creative Commons Attribution 4.0 International License*](http://creativecommons.org/licenses/by/4.0/)*.* --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.digit.org/public-finance/v2.3/exemplar/mgramseva/user-manual/tech-user-manual/expenses/add-expenses.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.