Add bulk vehicle repair functionality in Falukant module
- Implemented a new repairAllVehicles method in FalukantService to handle the repair of multiple vehicles at once, including cost calculation and precondition checks. - Updated FalukantController to expose the repairAllVehicles endpoint, allowing users to initiate bulk repairs via the API. - Enhanced FalukantRouter to include a new route for bulk vehicle repairs. - Modified BranchView component to add UI elements for repairing all vehicles, including a dialog for confirmation and displaying repair details. - Updated German localization files to include translations related to bulk vehicle repair actions, improving user experience for German-speaking users.
This commit is contained in:
Torsten Schulz (local)
@@ -68,9 +68,18 @@
|
||||
<!-- Transportmittel -->
|
||||
<div v-else-if="activeTab === 'transport'" class="branch-tab-pane">
|
||||
<p>{{ $t('falukant.branch.transport.placeholder') }}</p>
|
||||
<button @click="openBuyVehicleDialog">
|
||||
{{ $t('falukant.branch.transport.buy') }}
|
||||
</button>
|
||||
<div class="vehicle-action-buttons">
|
||||
<button @click="openBuyVehicleDialog">
|
||||
{{ $t('falukant.branch.transport.buy') }}
|
||||
</button>
|
||||
<button
|
||||
v-if="repairableVehiclesCount > 0"
|
||||
@click="openRepairAllVehiclesDialog"
|
||||
class="repair-all-button"
|
||||
>
|
||||
{{ $t('falukant.branch.transport.repairAll', { count: repairableVehiclesCount, cost: formatMoney(repairAllCost) }) }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="vehicle-overview" v-if="vehicles && vehicles.length">
|
||||
<table class="vehicle-table">
|
||||
@@ -122,7 +131,7 @@
|
||||
:title="$t('falukant.branch.transport.repairTooltip')"
|
||||
class="repair-button"
|
||||
>
|
||||
{{ $t('falukant.branch.transport.repair') }}
|
||||
{{ $t('falukant.branch.transport.repairWithCost', { cost: formatMoney(calculateRepairCost(v)) }) }}
|
||||
</button>
|
||||
<span v-if="v.status !== 'available'" class="no-action">—</span>
|
||||
</div>
|
||||
@@ -194,6 +203,32 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dialog zum Reparieren aller Fahrzeuge -->
|
||||
<div v-if="repairAllVehiclesDialog.show" class="modal-overlay" @click.self="closeRepairAllVehiclesDialog">
|
||||
<div class="modal-content">
|
||||
<h3>{{ $t('falukant.branch.transport.repairAllTitle') }}</h3>
|
||||
<div class="repair-all-form">
|
||||
<p>
|
||||
{{ $t('falukant.branch.transport.repairAllDescription', {
|
||||
count: repairAllVehiclesDialog.vehicleIds.length,
|
||||
cost: formatMoney(repairAllVehiclesDialog.totalCost)
|
||||
}) }}
|
||||
</p>
|
||||
<p class="repair-all-discount">
|
||||
{{ $t('falukant.branch.transport.repairAllDiscount') }}
|
||||
</p>
|
||||
<div class="modal-buttons">
|
||||
<button @click="repairAllVehicles" class="repair-confirm-button">
|
||||
{{ $t('falukant.branch.transport.repairAllConfirm') }}
|
||||
</button>
|
||||
<button @click="closeRepairAllVehiclesDialog">
|
||||
{{ $t('falukant.branch.transport.cancel') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dialog zum Reparieren von Fahrzeugen -->
|
||||
<div v-if="repairVehicleDialog.show" class="modal-overlay" @click.self="closeRepairVehicleDialog">
|
||||
<div class="modal-content">
|
||||
@@ -301,6 +336,11 @@ export default {
|
||||
repairCost: null,
|
||||
buildTimeMinutes: null,
|
||||
},
|
||||
repairAllVehiclesDialog: {
|
||||
show: false,
|
||||
vehicleIds: [],
|
||||
totalCost: null,
|
||||
},
|
||||
};
|
||||
},
|
||||
|
||||
@@ -318,6 +358,21 @@ export default {
|
||||
}
|
||||
return grouped;
|
||||
},
|
||||
repairableVehicles() {
|
||||
return (this.vehicles || []).filter(v =>
|
||||
v.status === 'available' && v.condition < 100
|
||||
);
|
||||
},
|
||||
repairableVehiclesCount() {
|
||||
return this.repairableVehicles.length;
|
||||
},
|
||||
repairAllCost() {
|
||||
const totalCost = this.repairableVehicles.reduce((sum, v) => {
|
||||
return sum + this.calculateRepairCost(v);
|
||||
}, 0);
|
||||
// 10% Rabatt für Reparatur aller Fahrzeuge
|
||||
return Math.round(totalCost * 0.9);
|
||||
},
|
||||
},
|
||||
|
||||
async mounted() {
|
||||
@@ -755,14 +810,19 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
calculateRepairCost(vehicle) {
|
||||
if (!vehicle || !vehicle.type || vehicle.condition >= 100) return 0;
|
||||
const baseCost = vehicle.type.cost || 0;
|
||||
return Math.round(baseCost * 0.8 * (100 - vehicle.condition) / 100);
|
||||
},
|
||||
|
||||
openRepairVehicleDialog(vehicle) {
|
||||
if (!vehicle || vehicle.status !== 'available' || vehicle.condition >= 100) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Kosten berechnen: Baupreis * 0.8 * (100 - zustand) / 100
|
||||
const baseCost = vehicle.type.cost || 0;
|
||||
const repairCost = Math.round(baseCost * 0.8 * (100 - vehicle.condition) / 100);
|
||||
const repairCost = this.calculateRepairCost(vehicle);
|
||||
const buildTimeMinutes = vehicle.type.buildTimeMinutes || 0;
|
||||
|
||||
this.repairVehicleDialog = {
|
||||
@@ -773,6 +833,47 @@ export default {
|
||||
};
|
||||
},
|
||||
|
||||
openRepairAllVehiclesDialog() {
|
||||
const repairableVehicles = this.repairableVehicles;
|
||||
if (repairableVehicles.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.repairAllVehiclesDialog = {
|
||||
show: true,
|
||||
vehicleIds: repairableVehicles.map(v => v.id),
|
||||
totalCost: this.repairAllCost,
|
||||
};
|
||||
},
|
||||
|
||||
closeRepairAllVehiclesDialog() {
|
||||
this.repairAllVehiclesDialog = {
|
||||
show: false,
|
||||
vehicleIds: [],
|
||||
totalCost: null,
|
||||
};
|
||||
},
|
||||
|
||||
async repairAllVehicles() {
|
||||
if (!this.repairAllVehiclesDialog.vehicleIds || this.repairAllVehiclesDialog.vehicleIds.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
await apiClient.post('/api/falukant/vehicles/repair-all', {
|
||||
vehicleIds: this.repairAllVehiclesDialog.vehicleIds,
|
||||
});
|
||||
await this.loadVehicles();
|
||||
this.closeRepairAllVehiclesDialog();
|
||||
alert(this.$t('falukant.branch.transport.repairAllSuccess'));
|
||||
this.$refs.statusBar?.fetchStatus();
|
||||
} catch (error) {
|
||||
console.error('Error repairing all vehicles:', error);
|
||||
const errorMessage = error.response?.data?.message || this.$t('falukant.branch.transport.repairAllError');
|
||||
alert(errorMessage);
|
||||
}
|
||||
},
|
||||
|
||||
closeRepairVehicleDialog() {
|
||||
this.repairVehicleDialog = {
|
||||
show: false,
|
||||
@@ -851,15 +952,17 @@ h2 {
|
||||
|
||||
.send-all-buttons button {
|
||||
padding: 0.5rem 1rem;
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
border: none;
|
||||
background-color: #F9A22C;
|
||||
color: #000000;
|
||||
border: 1px solid #F9A22C;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.send-all-buttons button:hover {
|
||||
background-color: #0056b3;
|
||||
background-color: #fdf1db;
|
||||
color: #7E471B;
|
||||
border: 1px solid #7E471B;
|
||||
}
|
||||
|
||||
.no-action {
|
||||
@@ -998,4 +1101,36 @@ h2 {
|
||||
font-size: 1.1em;
|
||||
color: #28a745;
|
||||
}
|
||||
|
||||
.vehicle-action-buttons {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.repair-all-button {
|
||||
background-color: #28a745;
|
||||
color: white;
|
||||
padding: 0.5rem 1rem;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.repair-all-button:hover {
|
||||
background-color: #218838;
|
||||
}
|
||||
|
||||
.repair-all-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.repair-all-discount {
|
||||
color: #28a745;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user