feat: refs #7119 update vehicle selection to use active vehicles and refactor vehicle card component
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Jorge Penadés 2025-01-20 18:05:32 +01:00
parent 365597e5cf
commit 2a5942a9a9
5 changed files with 13 additions and 7 deletions

View File

@ -100,7 +100,7 @@ const emit = defineEmits(['search']);
<VnSelect <VnSelect
:label="t('Vehicle')" :label="t('Vehicle')"
v-model="params.vehicleFk" v-model="params.vehicleFk"
url="Vehicles" url="Vehicles/active"
sort-by="numberPlate ASC" sort-by="numberPlate ASC"
option-value="id" option-value="id"
option-label="numberPlate" option-label="numberPlate"

View File

@ -99,7 +99,7 @@ const onSave = (data, response) => {
<VnSelect <VnSelect
:label="t('Vehicle')" :label="t('Vehicle')"
v-model="data.vehicleFk" v-model="data.vehicleFk"
url="Vehicles" url="Vehicles/active"
sort-by="numberPlate ASC" sort-by="numberPlate ASC"
option-value="id" option-value="id"
option-label="numberPlate" option-label="numberPlate"

View File

@ -96,8 +96,7 @@ const columns = computed(() => [
create: true, create: true,
component: 'select', component: 'select',
attrs: { attrs: {
url: 'vehicles', url: 'vehicles/active',
fields: ['id', 'numberPlate'],
optionLabel: 'numberPlate', optionLabel: 'numberPlate',
optionFilterValue: 'numberPlate', optionFilterValue: 'numberPlate',
find: { find: {

View File

@ -1,11 +1,11 @@
<script setup> <script setup>
import VnCard from 'components/common/VnCard.vue'; import VnCardBeta from 'components/common/VnCard.vue';
import VehicleSearchbar from '../VehicleSearchbar.vue'; import VehicleSearchbar from '../VehicleSearchbar.vue';
import VehicleDescriptor from './VehicleDescriptor.vue'; import VehicleDescriptor from './VehicleDescriptor.vue';
import VehicleFilter from '../VehicleFilter.js'; import VehicleFilter from '../VehicleFilter.js';
</script> </script>
<template> <template>
<VnCard <VnCardBeta
data-key="Vehicle" data-key="Vehicle"
base-url="Vehicles" base-url="Vehicles"
:filter="VehicleFilter" :filter="VehicleFilter"
@ -15,5 +15,5 @@ import VehicleFilter from '../VehicleFilter.js';
<template #searchbar> <template #searchbar>
<VehicleSearchbar /> <VehicleSearchbar />
</template> </template>
</VnCard> </VnCardBeta>
</template> </template>

View File

@ -4,6 +4,13 @@ import CardDescriptor from 'components/ui/CardDescriptor.vue';
</script> </script>
<template> <template>
<CardDescriptor module="Vehicle" data-key="Vehicle" title="numberPlate"> <CardDescriptor module="Vehicle" data-key="Vehicle" title="numberPlate">
<template #menu="{ entity }">
<QItem v-ripple clickable @click="axios.delete(`Vehicles/${entity.id}`)">
<QItemSection>
{{ $t('vehicle.delete') }}
</QItemSection>
</QItem>
</template>
<template #body="{ entity }"> <template #body="{ entity }">
<VnLv :label="$t('vehicle.numberPlate')" :value="entity.numberPlate" /> <VnLv :label="$t('vehicle.numberPlate')" :value="entity.numberPlate" />
<VnLv :label="$t('vehicle.tradeMark')" :value="entity.tradeMark" /> <VnLv :label="$t('vehicle.tradeMark')" :value="entity.tradeMark" />