0
0
Fork 0

fix: show label agency instead id

This commit is contained in:
Javier Segarra 2024-05-13 14:13:41 +02:00
parent 14910c5899
commit a94c1a32e1
1 changed files with 11 additions and 2 deletions

View File

@ -8,6 +8,7 @@ import VnRow from 'components/ui/VnRow.vue';
import VnInput from 'src/components/common/VnInput.vue'; import VnInput from 'src/components/common/VnInput.vue';
import { QCheckbox } from 'quasar'; import { QCheckbox } from 'quasar';
import VnInputTime from 'src/components/common/VnInputTime.vue'; import VnInputTime from 'src/components/common/VnInputTime.vue';
import VnSelect from 'src/components/common/VnSelect.vue';
const route = useRoute(); const route = useRoute();
const { t } = useI18n(); const { t } = useI18n();
@ -29,13 +30,21 @@ const agencyOptions = ref([]);
/> />
<FormModel :url="`Zones/${route.params.id}`" auto-load model="zone"> <FormModel :url="`Zones/${route.params.id}`" auto-load model="zone">
<template #form="{ data }"> <template #form="{ data, validate }">
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<VnInput :label="t('Name')" clearable v-model="data.name" /> <VnInput :label="t('Name')" clearable v-model="data.name" />
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<VnInput v-model="data.agencyModeFk" :label="t('Agency')" clearable /> <VnSelect
option-label="name"
option-value="id"
v-model="data.agencyModeFk"
:rules="validate('zone.agencyModeFk')"
:options="agencyOptions"
:label="t('Agency')"
clearable
/>
<VnInput v-model="data.itemMaxSize" :label="t('Max m³')" clearable /> <VnInput v-model="data.itemMaxSize" :label="t('Max m³')" clearable />
<VnInput v-model="data.m3Max" :label="t('Maximum m³')" clearable /> <VnInput v-model="data.m3Max" :label="t('Maximum m³')" clearable />
</VnRow> </VnRow>