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
gitea/salix-front/pipeline/pr-dev This commit looks good
Details
This commit is contained in:
parent
365597e5cf
commit
2a5942a9a9
|
@ -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"
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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" />
|
||||||
|
|
Loading…
Reference in New Issue