feat(pricing): introduce real-time budget estimator

This commit introduces a real-time budget estimator for event services. A new summary sidebar now displays a live,
itemized breakdown of costs as the user selects options in the order form.

Key changes include:
- A new `OrderSummary` component to display the price breakdown and total.
- Comprehensive pricing logic implemented in the `useEventOrder` composable.
- A responsive two-column layout on the main page to accommodate the summary.
- UI/UX improvements across the form, including clearer labels and subtle transition animations for conditional fields.
This commit is contained in:
xiaomai
2025-10-16 21:14:44 +08:00
parent eb69f6c48e
commit a5ac00baa1
12 changed files with 449 additions and 136 deletions

11
pnpm-lock.yaml generated
View File

@@ -23,6 +23,10 @@ importers:
vue-router:
specifier: ^4.5.1
version: 4.6.0(vue@3.5.22(typescript@5.9.3))
devDependencies:
'@iconify-json/lucide':
specifier: ^1.2.69
version: 1.2.69
packages:
@@ -368,6 +372,9 @@ packages:
'@floating-ui/vue@1.1.9':
resolution: {integrity: sha512-BfNqNW6KA83Nexspgb9DZuz578R7HT8MZw1CfK9I6Ah4QReNWEJsXWHN+SdmOVLNGmTPDi+fDT535Df5PzMLbQ==}
'@iconify-json/lucide@1.2.69':
resolution: {integrity: sha512-xOhNf74m+C+nSCObfEqYi34dXk1GMfMUcOB+gfqKY/bn0RcsPLinGfgouOvrUFEreDEFbCti7sdheTf5HESLTA==}
'@iconify/collections@1.0.605':
resolution: {integrity: sha512-1bZnGya+UpCWtMBvZbopsNr5ktnQquwPl01yjwSF5b09sU2rgNIPpEBJPQuNJp5oB6fwqZs/h1Q3/cGsB9SecQ==}
@@ -4084,6 +4091,10 @@ snapshots:
- '@vue/composition-api'
- vue
'@iconify-json/lucide@1.2.69':
dependencies:
'@iconify/types': 2.0.0
'@iconify/collections@1.0.605':
dependencies:
'@iconify/types': 2.0.0