Major Refactor
This commit is contained in:
602
src/pages/customer/profile/profile.vue
Executable file
602
src/pages/customer/profile/profile.vue
Executable file
@@ -0,0 +1,602 @@
|
||||
<!-- src/views/Profile.vue -->
|
||||
<template>
|
||||
<div class="w-full min-h-screen bg-base-200 px-4 md:px-10">
|
||||
<!-- ... breadcrumbs ... -->
|
||||
|
||||
<div v-if="customer && customer.id" class="bg-neutral rounded-lg p-4 sm:p-6 mt-6">
|
||||
|
||||
<!-- FIX: Changed `lg:` to `xl:` for a later breakpoint -->
|
||||
<div class="grid grid-cols-1 xl:grid-cols-12 gap-6">
|
||||
|
||||
<!-- FIX: Changed `lg:` to `xl:` -->
|
||||
<div class="xl:col-span-8 space-y-6">
|
||||
|
||||
<div class="grid grid-cols-1 xl:grid-cols-12 gap-6">
|
||||
<ProfileMap
|
||||
class="xl:col-span-7"
|
||||
:customer="customer"
|
||||
/>
|
||||
<ProfileSummary
|
||||
class="xl:col-span-5"
|
||||
:customer="customer"
|
||||
:automatic_status="automatic_status"
|
||||
@toggle-automatic="userAutomatic"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<AutomaticDeliveries v-if="automatic_status === 1 && autodeliveries.length > 0" :deliveries="autodeliveries" />
|
||||
|
||||
<HistoryTabs
|
||||
:deliveries="deliveries"
|
||||
:service-calls="serviceCalls"
|
||||
@open-service-modal="openEditModal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- FIX: Changed `lg:` to `xl:` -->
|
||||
<div class="xl:col-span-4 space-y-6">
|
||||
<CustomerComments
|
||||
:comments="comments"
|
||||
@add-comment="onSubmitSocial"
|
||||
@delete-comment="deleteCustomerSocial"
|
||||
/>
|
||||
<CustomerStats :stats="customer_stats" :last_delivery="customer_last_delivery" />
|
||||
<TankInfo :customer_id="customer.id" :tank="customer_tank" :description="customer_description" />
|
||||
<EquipmentParts :parts="currentParts" @open-parts-modal="openPartsModal" />
|
||||
<CreditCards
|
||||
:cards="credit_cards"
|
||||
:count="credit_cards_count"
|
||||
:user_id="customer.user_id"
|
||||
@edit-card="editCard"
|
||||
@remove-card="removeCard"
|
||||
/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- A loading indicator is shown while the API call is in progress -->
|
||||
<div v-else class="flex justify-center items-center mt-20">
|
||||
<span class="loading loading-spinner loading-lg"></span>
|
||||
</div>
|
||||
|
||||
<!-- The Footer can be placed here if it's specific to this page -->
|
||||
<Footer />
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Modals remain at the root of the template for proper display -->
|
||||
<ServiceEditModal
|
||||
v-if="selectedServiceForEdit"
|
||||
:service="selectedServiceForEdit"
|
||||
@close-modal="closeEditModal"
|
||||
@save-changes="handleSaveChanges"
|
||||
@delete-service="handleDeleteService"
|
||||
/>
|
||||
<PartsEditModal
|
||||
v-if="isPartsModalOpen && currentParts"
|
||||
:customer-id="customer.id"
|
||||
:existing-parts="currentParts"
|
||||
@close-modal="closePartsModal"
|
||||
@save-parts="handleSaveParts"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
// --- SCRIPT REMAINS EXACTLY THE SAME AS YOUR ORIGINAL FILE ---
|
||||
// All data properties, computed, methods, and imports are kept here.
|
||||
// No changes are needed in the script block.
|
||||
import { defineComponent } from 'vue'
|
||||
import axios from 'axios'
|
||||
import authHeader from '../../../services/auth.header'
|
||||
import Header from '../../../layouts/headers/headerauth.vue'
|
||||
import SideBar from '../../../layouts/sidebar/sidebar.vue'
|
||||
import Footer from '../../../layouts/footers/footer.vue'
|
||||
import { notify } from "@kyvg/vue3-notification";
|
||||
import "leaflet/dist/leaflet.css";
|
||||
import L from 'leaflet';
|
||||
import iconUrl from 'leaflet/dist/images/marker-icon.png';
|
||||
import shadowUrl from 'leaflet/dist/images/marker-shadow.png';
|
||||
import { LMap, LTileLayer } from "@vue-leaflet/vue-leaflet";
|
||||
import dayjs from 'dayjs';
|
||||
import ServiceEditModal from '../../service/ServiceEditModal.vue';
|
||||
import PartsEditModal from '../service/PartsEditModal.vue';
|
||||
|
||||
// Import new child components
|
||||
import ProfileMap from './profile/ProfileMap.vue';
|
||||
import ProfileSummary from './profile/ProfileSummary.vue';
|
||||
import CustomerStats from './profile/CustomerStats.vue';
|
||||
import TankInfo from './profile/TankInfo.vue';
|
||||
import EquipmentParts from './profile/EquipmentParts.vue';
|
||||
import CreditCards from './profile/CreditCards.vue';
|
||||
import CustomerComments from './profile/CustomerComments.vue';
|
||||
import AutomaticDeliveries from './profile/AutomaticDeliveries.vue';
|
||||
import HistoryTabs from './profile/HistoryTabs.vue';
|
||||
|
||||
|
||||
L.Icon.Default.mergeOptions({
|
||||
iconUrl: iconUrl,
|
||||
shadowUrl: shadowUrl,
|
||||
});
|
||||
|
||||
interface Delivery {
|
||||
id: number;
|
||||
delivery_status: number;
|
||||
customer_name: string;
|
||||
customer_asked_for_fill: number | boolean;
|
||||
gallons_ordered: number | string;
|
||||
gallons_delivered: number | string | null;
|
||||
expected_delivery_date: string;
|
||||
}
|
||||
|
||||
interface AutomaticDelivery {
|
||||
id: number;
|
||||
customer_full_name: string;
|
||||
gallons_delivered: number | string;
|
||||
fill_date: string;
|
||||
}
|
||||
|
||||
interface CreditCard {
|
||||
id: number;
|
||||
main_card: boolean;
|
||||
type_of_card: string;
|
||||
name_on_card: string;
|
||||
card_number: string;
|
||||
expiration_month: number;
|
||||
expiration_year: string | number;
|
||||
zip_code: string;
|
||||
security_number: string;
|
||||
}
|
||||
|
||||
// You already have these, just make sure they exist
|
||||
interface ServiceCall {
|
||||
id: number;
|
||||
scheduled_date: string;
|
||||
customer_name: string;
|
||||
customer_address: string;
|
||||
customer_town: string;
|
||||
type_service_call: number;
|
||||
description: string;
|
||||
}
|
||||
|
||||
interface ServiceParts {
|
||||
id?: number;
|
||||
customer_id: number;
|
||||
oil_filter: string;
|
||||
oil_filter_2: string;
|
||||
oil_nozzle: string;
|
||||
oil_nozzle_2: string;
|
||||
}
|
||||
|
||||
|
||||
|
||||
export default defineComponent({
|
||||
name: 'CustomerProfile',
|
||||
components: {
|
||||
Header,
|
||||
SideBar,
|
||||
Footer,
|
||||
LMap,
|
||||
LTileLayer,
|
||||
ServiceEditModal,
|
||||
PartsEditModal,
|
||||
// Register new components
|
||||
ProfileMap,
|
||||
ProfileSummary,
|
||||
CustomerStats,
|
||||
TankInfo,
|
||||
EquipmentParts,
|
||||
CreditCards,
|
||||
CustomerComments,
|
||||
AutomaticDeliveries,
|
||||
HistoryTabs,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
zoom: 14,
|
||||
user: null as { user_id: number; user_name: string; confirmed: string; } | null,
|
||||
automatic_status: 0,
|
||||
customer_last_delivery: '',
|
||||
comments: [ { id: 0, created: '', customer_id: 0, poster_employee_id: 0, comment: '' } ],
|
||||
CreateSocialForm: { basicInfo: { comment: '' } },
|
||||
|
||||
// --- UPDATE THESE LINES ---
|
||||
credit_cards: [] as CreditCard[],
|
||||
deliveries: [] as Delivery[],
|
||||
autodeliveries: [] as AutomaticDelivery[],
|
||||
serviceCalls: [] as ServiceCall[],
|
||||
// --- END OF UPDATES ---
|
||||
automatic_response: 0,
|
||||
credit_cards_count: 0,
|
||||
customer: { id: 0, user_id: 0, customer_first_name: '', customer_last_name: '', customer_town: '', customer_address: '', customer_state: 0, customer_zip: '', customer_apt: '', customer_home_type: 0, customer_phone_number: '', customer_latitude: 0, customer_longitude: 0, correct_address: true, account_number: '' },
|
||||
customer_description: { id: 0, customer_id: 0, account_number: '', company_id: '', fill_location: 0, description: '' },
|
||||
customer_tank: { id: 0, last_tank_inspection: null, tank_status: false, outside_or_inside: false, tank_size: 0 },
|
||||
customer_stats: { id: 0, customer_id: 0, total_calls: 0, service_calls_total: 0, service_calls_total_spent: 0, service_calls_total_profit: 0, oil_deliveries: 0, oil_total_gallons: 0, oil_total_spent: 0, oil_total_profit: 0 },
|
||||
delivery_page: 1,
|
||||
selectedServiceForEdit: null as ServiceCall | null,
|
||||
isPartsModalOpen: false,
|
||||
currentParts: null as ServiceParts | null,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
hasPartsData() {
|
||||
if (!this.currentParts) return false;
|
||||
return !!(this.currentParts.oil_filter || this.currentParts.oil_filter_2 || this.currentParts.oil_nozzle || this.currentParts.oil_nozzle_2);
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getCustomer(this.$route.params.id);
|
||||
},
|
||||
mounted() {
|
||||
// getPage is now called from within getCustomer, so this can be removed if it's redundant
|
||||
},
|
||||
watch: {
|
||||
'$route.params.id'(newId) {
|
||||
if (newId) {
|
||||
this.getCustomer(newId);
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// ALL YOUR METHODS from the original file go here without any changes.
|
||||
// getCustomer, userStatus, userAutomatic, etc...
|
||||
getPage: function (page: any) {
|
||||
if (this.customer && this.customer.id) {
|
||||
this.getCustomerDelivery(this.customer.id, page);
|
||||
}
|
||||
},
|
||||
getCustomer(userid: any) {
|
||||
if (!userid) return;
|
||||
let path = import.meta.env.VITE_BASE_URL + '/customer/' + userid;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.customer = response.data;
|
||||
|
||||
// --- DEPENDENT API CALLS ---
|
||||
this.userStatus();
|
||||
|
||||
// FIX: Pass the correct ID for payment-related calls
|
||||
this.getCreditCards(this.customer.id);
|
||||
this.getCreditCardsCount(this.customer.id);
|
||||
|
||||
// These other calls are likely correct as they are customer-specific
|
||||
this.getCustomerSocial(this.customer.id, 1);
|
||||
this.getPage(this.delivery_page);
|
||||
this.checktotalOil(this.customer.id);
|
||||
this.getCustomerTank(this.customer.id);
|
||||
this.userAutomaticStatus(this.customer.id);
|
||||
this.getCustomerDescription(this.customer.id);
|
||||
this.getCustomerStats(this.customer.id);
|
||||
this.getCustomerLastDelivery(this.customer.id);
|
||||
this.getServiceCalls(this.customer.id);
|
||||
this.fetchCustomerParts(this.customer.id);
|
||||
|
||||
}).catch((error: any) => {
|
||||
console.error("CRITICAL: Failed to fetch main customer data. Aborting other calls.", error);
|
||||
});
|
||||
},
|
||||
userStatus() {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/auth/whoami';
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
withCredentials: true,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
if (response.data.ok) {
|
||||
this.user = response.data.user;
|
||||
}
|
||||
}).catch(() => { this.user = null });
|
||||
},
|
||||
userAutomaticStatus(userid: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/customer/automatic/status/' + userid;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.automatic_status = response.data.status
|
||||
if (this.automatic_status === 1){
|
||||
this.getCustomerAutoDelivery(this.customer.id)
|
||||
}
|
||||
this.checktotalOil(this.customer.id)
|
||||
})
|
||||
},
|
||||
userAutomatic(userid: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/customer/automatic/assign/' + userid;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.automatic_response = response.data.status
|
||||
if (this.automatic_response == 1) {
|
||||
this.$notify({ title: "Automatic Status", text: 'Customer is now Automatic Customer', type: 'Success' });
|
||||
} else if (this.automatic_response == 2) {
|
||||
this.$notify({ title: "Automatic Status", text: 'Customer does not have a main credit card. Can not make automatic.', type: 'Error' });
|
||||
} else if (this.automatic_response == 3) {
|
||||
this.$notify({ title: "Automatic Status", text: 'Customer is now a Call in ', type: 'Info' });
|
||||
} else {
|
||||
this.$notify({ title: "Automatic Status", text: 'Customer is now Manual Customer', type: 'Warning' });
|
||||
}
|
||||
this.getCustomer(this.$route.params.id);
|
||||
})
|
||||
},
|
||||
getNozzleColor(nozzleString: string): string {
|
||||
if (!nozzleString || typeof nozzleString !== 'string') return '';
|
||||
const firstChar = nozzleString.trim().toLowerCase().charAt(0);
|
||||
switch (firstChar) {
|
||||
case 'a': return '#EF4444';
|
||||
case 'b': return '#3B82F6';
|
||||
case 'w': return '#16a34a';
|
||||
default: return 'inherit';
|
||||
}
|
||||
},
|
||||
getCustomerLastDelivery(userid: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/stats/user/lastdelivery/' + userid;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.customer_last_delivery = response.data.date
|
||||
})
|
||||
},
|
||||
getCustomerStats(userid: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/stats/user/' + userid;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.customer_stats = response.data
|
||||
})
|
||||
},
|
||||
checktotalOil(userid: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/stats/gallons/check/total/' + userid;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
})
|
||||
},
|
||||
getCustomerDescription(userid: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/customer/description/' + userid;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.customer_description = response.data
|
||||
})
|
||||
},
|
||||
getCustomerTank(userid: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/customer/tank/' + userid;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.customer_tank = response.data
|
||||
})
|
||||
},
|
||||
getCreditCards(user_id: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/payment/cards/' + user_id;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.credit_cards = response.data
|
||||
})
|
||||
},
|
||||
getCreditCardsCount(user_id: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/payment/cards/onfile/' + user_id;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.credit_cards_count = response.data.cards
|
||||
})
|
||||
},
|
||||
getCustomerAutoDelivery(userid: any) {
|
||||
let path = import.meta.env.VITE_AUTO_URL + '/delivery/all/profile/' + userid ;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.autodeliveries = response.data
|
||||
})
|
||||
},
|
||||
getCustomerDelivery(userid: any, delivery_page: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/delivery/customer/' + userid + '/' + delivery_page;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.deliveries = response.data
|
||||
})
|
||||
},
|
||||
editCard(card_id: any) {
|
||||
this.$router.push({ name: "cardedit", params: { id: card_id } });
|
||||
},
|
||||
removeCard(card_id: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/payment/card/remove/' + card_id;
|
||||
axios({
|
||||
method: 'delete',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then(() => {
|
||||
this.getCreditCards(this.customer.user_id)
|
||||
this.getCreditCardsCount(this.customer.user_id)
|
||||
notify({ title: "Card Status", text: "Card Removed", type: "Success" });
|
||||
})
|
||||
},
|
||||
deleteCall(delivery_id: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/delivery/delete/' + delivery_id;
|
||||
axios({
|
||||
method: 'delete',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
if (response.data.ok) {
|
||||
notify({ title: "Success", text: "deleted delivery", type: "success" });
|
||||
this.getPage(1)
|
||||
} else {
|
||||
notify({ title: "Failure", text: "error deleting delivery", type: "success" });
|
||||
}
|
||||
})
|
||||
},
|
||||
deleteCustomerSocial(comment_id: number) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/social/delete/' + comment_id;
|
||||
axios({
|
||||
method: 'delete',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
console.log(response)
|
||||
this.getCustomerSocial(this.customer.id, 1)
|
||||
})
|
||||
},
|
||||
getCustomerSocial(userid: any, delivery_page: any) {
|
||||
let path = import.meta.env.VITE_BASE_URL + '/social/posts/' + userid + '/' + delivery_page;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
}).then((response: any) => {
|
||||
this.comments = response.data
|
||||
})
|
||||
},
|
||||
CreateSocialComment(payload: { comment: string; poster_employee_id: number }) {
|
||||
let path = import.meta.env.VITE_BASE_URL + "/social/create/" + this.customer.id;
|
||||
axios({
|
||||
method: "post",
|
||||
url: path,
|
||||
data: payload,
|
||||
withCredentials: true,
|
||||
headers: authHeader(),
|
||||
})
|
||||
.then((response: any) => {
|
||||
if (response.data.ok) {
|
||||
this.getCustomerSocial(this.customer.id, 1)
|
||||
}
|
||||
if (response.data.error) {
|
||||
this.$router.push("/");
|
||||
}
|
||||
})
|
||||
},
|
||||
onSubmitSocial(commentText: string) {
|
||||
if (!this.user) {
|
||||
console.error("Cannot submit comment: user is not logged in.");
|
||||
return;
|
||||
}
|
||||
|
||||
let payload = { comment: commentText, poster_employee_id: this.user.user_id };
|
||||
this.CreateSocialComment(payload);
|
||||
},
|
||||
getServiceCalls(customerId: number) {
|
||||
let path = `${import.meta.env.VITE_BASE_URL}/service/for-customer/${customerId}`;
|
||||
axios({
|
||||
method: 'get',
|
||||
url: path,
|
||||
headers: authHeader(),
|
||||
withCredentials: true,
|
||||
}).then((response: any) => {
|
||||
this.serviceCalls = response.data;
|
||||
}).catch((error: any) => {
|
||||
console.error("Failed to get customer service calls:", error);
|
||||
});
|
||||
},
|
||||
openEditModal(service: ServiceCall) {
|
||||
this.selectedServiceForEdit = service;
|
||||
},
|
||||
closeEditModal() {
|
||||
this.selectedServiceForEdit = null;
|
||||
},
|
||||
async handleSaveChanges(updatedService: ServiceCall) {
|
||||
try {
|
||||
const path = `${import.meta.env.VITE_BASE_URL}/service/update/${updatedService.id}`;
|
||||
await axios.put(path, updatedService, { headers: authHeader(), withCredentials: true });
|
||||
this.getServiceCalls(this.customer.id);
|
||||
this.closeEditModal();
|
||||
} catch (error) {
|
||||
console.error("Failed to save service call changes:", error);
|
||||
}
|
||||
},
|
||||
async handleDeleteService(serviceId: number) {
|
||||
if (!window.confirm("Are you sure you want to delete this service call?")) return;
|
||||
try {
|
||||
const path = `${import.meta.env.VITE_BASE_URL}/service/delete/${serviceId}`;
|
||||
const response = await axios.delete(path, { headers: authHeader(), withCredentials: true });
|
||||
if(response.data.ok) {
|
||||
this.getServiceCalls(this.customer.id);
|
||||
this.closeEditModal();
|
||||
notify({ title: "Success", text: "Service call deleted!", type: "success" });
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Failed to delete service call:", error);
|
||||
}
|
||||
},
|
||||
async fetchCustomerParts(customerId: number) {
|
||||
try {
|
||||
const path = `${import.meta.env.VITE_BASE_URL}/service/parts/customer/${customerId}`;
|
||||
const response = await axios.get(path, { headers: authHeader() });
|
||||
this.currentParts = response.data;
|
||||
} catch (error) {
|
||||
console.error("Failed to fetch customer parts:", error);
|
||||
notify({ title: "Error", text: "Could not fetch equipment parts.", type: "error" });
|
||||
}
|
||||
},
|
||||
openPartsModal() {
|
||||
if (this.currentParts) {
|
||||
this.isPartsModalOpen = true;
|
||||
} else {
|
||||
notify({ title: "Info", text: "Parts data still loading, please wait.", type: "info" });
|
||||
}
|
||||
},
|
||||
closePartsModal() {
|
||||
this.isPartsModalOpen = false;
|
||||
},
|
||||
async handleSaveParts(partsToSave: ServiceParts) {
|
||||
try {
|
||||
const path = `${import.meta.env.VITE_BASE_URL}/service/parts/update/${partsToSave.customer_id}`;
|
||||
const response = await axios.post(path, partsToSave, { headers: authHeader() });
|
||||
|
||||
if(response.data.ok) {
|
||||
this.currentParts = partsToSave;
|
||||
notify({ title: "Success", text: "Equipment parts saved successfully!", type: "success" });
|
||||
}
|
||||
this.closePartsModal();
|
||||
} catch (error) {
|
||||
console.error("Failed to save parts:", error);
|
||||
notify({ title: "Error", text: "Failed to save equipment parts.", type: "error" });
|
||||
}
|
||||
},
|
||||
formatDate(dateString: string): string {
|
||||
if (!dateString) return 'N/A';
|
||||
return dayjs(dateString).format('MMMM D, YYYY');
|
||||
},
|
||||
formatTime(dateString: string): string {
|
||||
if (!dateString) return 'N/A';
|
||||
return dayjs(dateString).format('h:mm A');
|
||||
},
|
||||
getServiceTypeName(typeId: number): string {
|
||||
const typeMap: { [key: number]: string } = { 0: 'Tune-up', 1: 'No Heat', 2: 'Fix', 3: 'Tank Install', 4: 'Other' };
|
||||
return typeMap[typeId] || 'Unknown Service';
|
||||
},
|
||||
getServiceTypeColor(typeId: number): string {
|
||||
const colorMap: { [key: number]: string } = { 0: 'blue', 1: 'red', 2: 'green', 3: '#B58900', 4: 'black' };
|
||||
return colorMap[typeId] || 'gray';
|
||||
}
|
||||
},
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user