refactor(frontend): migrate Customer domain to centralized API services
- Replaced all direct axios imports with service layer calls across 8 customer files - Migrated core pages: home.vue, create.vue, edit.vue - Migrated profile pages: profile.vue (1100+ lines), TankEstimation.vue - Migrated supporting pages: ServicePlanEdit.vue, tank/edit.vue, list.vue Services integrated: - customerService: CRUD, descriptions, tank info, automatic status - authService: authentication and Authorize.net account management - paymentService: credit cards, transactions, payment authorization - deliveryService: delivery records and automatic delivery data - serviceService: service calls, parts, and service plans - adminService: statistics, social comments, and reports - queryService: dropdown data (customer types, states) Type safety improvements: - Updated paymentService.ts with accurate AxiosResponse types - Fixed response unwrapping to match api.ts interceptor behavior - Resolved all TypeScript errors in customer domain (0 errors) Benefits: - Consistent authentication via centralized interceptors - Standardized error handling across all API calls - Improved type safety with proper TypeScript interfaces - Single source of truth for API endpoints - Better testability through mockable services Verified with vue-tsc --noEmit - all customer domain files pass type checking
This commit is contained in:
@@ -469,8 +469,8 @@ const getServicePartsForCustomer = () => {
|
||||
|
||||
let path = `${import.meta.env.VITE_BASE_URL}/service/parts/customer/${service.value.customer_id}`;
|
||||
axios.get(path, { headers: authHeader() })
|
||||
.then((response: AxiosResponse<ServicePart[]>) => {
|
||||
serviceParts.value = response.data;
|
||||
.then((response: AxiosResponse<{ ok?: boolean; parts?: ServicePart[] }>) => {
|
||||
serviceParts.value = response.data?.parts || response.data;
|
||||
})
|
||||
.catch((error: Error) => {
|
||||
console.error("Failed to fetch service parts:", error);
|
||||
@@ -484,8 +484,8 @@ const getCreditCards = (user_id: number) => {
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: AxiosResponse<CreditCard[]>) => {
|
||||
credit_cards.value = response.data
|
||||
}).then((response: AxiosResponse<{ ok?: boolean; cards?: CreditCard[] }>) => {
|
||||
credit_cards.value = response.data?.cards || []
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user