feat: refs #7884 use VnTable prop for chip label filters and modified translations

This commit is contained in:
Jon Elias 2024-10-02 10:34:50 +02:00
parent 03a3d6bd50
commit 7db166974f
4 changed files with 42 additions and 28 deletions

View File

@ -250,7 +250,7 @@ function sanitizer(params) {
> >
<slot name="tags" :tag="chip" :format-fn="formatValue"> <slot name="tags" :tag="chip" :format-fn="formatValue">
<div class="q-gutter-x-xs"> <div class="q-gutter-x-xs">
<strong>{{ t(`${chip.label}`) }}:</strong> <strong>{{ chip.label }}:</strong>
<span>"{{ formatValue(chip.value) }}"</span> <span>"{{ formatValue(chip.value) }}"</span>
</div> </div>
</slot> </slot>
@ -295,6 +295,4 @@ es:
Search: Buscar Search: Buscar
Yes: Si Yes: Si
No: No No: No
daysOnward: Días Adelante
daysAgo: Días Atrás
</i18n> </i18n>

View File

@ -18,18 +18,18 @@ const columns = computed(() => [
{ {
align: 'left', align: 'left',
name: 'id', name: 'id',
label: t('customer.extendedList.tableVisibleColumns.id'), label: t('myEntries.id'),
columnFilter: false, columnFilter: false,
isTitle: true, isTitle: true,
}, },
{ {
visible: false, visible: false,
align: 'right', align: 'right',
label: t('shipped'), label: t('myEntries.shipped'),
name: 'shipped', name: 'shipped',
columnFilter: { columnFilter: {
name: 'fromShipped', name: 'fromShipped',
label: t('fromShipped'), label: t('myEntries.fromShipped'),
component: 'date', component: 'date',
}, },
format: ({ shipped }) => toDate(shipped), format: ({ shipped }) => toDate(shipped),
@ -37,11 +37,11 @@ const columns = computed(() => [
{ {
visible: false, visible: false,
align: 'left', align: 'left',
label: t('shipped'), label: t('myEntries.shipped'),
name: 'shipped', name: 'shipped',
columnFilter: { columnFilter: {
name: 'toShipped', name: 'toShipped',
label: t('toShipped'), label: t('myEntries.toShipped'),
component: 'date', component: 'date',
}, },
format: ({ shipped }) => toDate(shipped), format: ({ shipped }) => toDate(shipped),
@ -49,14 +49,14 @@ const columns = computed(() => [
}, },
{ {
align: 'right', align: 'right',
label: t('shipped'), label: t('myEntries.shipped'),
name: 'shipped', name: 'shipped',
columnFilter: false, columnFilter: false,
format: ({ shipped }) => toDate(shipped), format: ({ shipped }) => toDate(shipped),
}, },
{ {
align: 'right', align: 'right',
label: t('landed'), label: t('myEntries.landed'),
name: 'landed', name: 'landed',
columnFilter: false, columnFilter: false,
format: ({ landed }) => toDate(landed), format: ({ landed }) => toDate(landed),
@ -64,31 +64,35 @@ const columns = computed(() => [
{ {
align: 'right', align: 'right',
label: t('globals.wareHouseIn'), label: t('myEntries.wareHouseIn'),
name: 'warehouseInFk', name: 'warehouseInFk',
format: (row) => row.warehouseInName, format: (row) => {
row.warehouseInName;
},
cardVisible: true, cardVisible: true,
columnFilter: { columnFilter: {
name: 'warehouseInFk',
label: t('myEntries.warehouseInFk'),
component: 'select', component: 'select',
attrs: { attrs: {
url: 'warehouses', url: 'warehouses',
fields: ['id', 'name'], fields: ['id', 'name'],
optionLabel: 'name', optionLabel: 'name',
optionValue: 'id', optionValue: 'id',
alias: 't',
}, },
alias: 't',
inWhere: true, inWhere: true,
}, },
}, },
{ {
align: 'left', align: 'left',
label: t('globals.daysOnward'), label: t('myEntries.daysOnward'),
name: 'daysOnward', name: 'daysOnward',
visible: false, visible: false,
}, },
{ {
align: 'left', align: 'left',
label: t('globals.daysAgo'), label: t('myEntries.daysAgo'),
name: 'daysAgo', name: 'daysAgo',
visible: false, visible: false,
}, },
@ -130,6 +134,7 @@ const printBuys = (rowId) => {
default-mode="card" default-mode="card"
order="shipped DESC" order="shipped DESC"
auto-load auto-load
chip-locale="myEntries"
/> />
</template> </template>

View File

@ -6,9 +6,15 @@ entryFilter:
filter: filter:
search: General search search: General search
reference: Reference reference: Reference
landed: Landed myEntries:
shipped: Shipped id: ID
fromShipped: Shipped(from) landed: Landed
toShipped: Shipped(to) shipped: Shipped
printLabels: Print stickers fromShipped: Shipped(from)
viewLabel: View sticker toShipped: Shipped(to)
printLabels: Print stickers
viewLabel: View sticker
wareHouseIn: Warehouse in
warehouseInFk: Warehouse in
daysOnward: Days onward
daysAgo: Days ago

View File

@ -9,10 +9,15 @@ entryFilter:
filter: filter:
search: Búsqueda general search: Búsqueda general
reference: Referencia reference: Referencia
myEntries:
landed: F. llegada id: ID
shipped: F. salida landed: F. llegada
fromShipped: F. salida(desde) shipped: F. salida
toShipped: F. salida(hasta) fromShipped: F. salida(desde)
printLabels: Imprimir etiquetas toShipped: F. salida(hasta)
viewLabel: Ver etiqueta printLabels: Imprimir etiquetas
viewLabel: Ver etiqueta
wareHouseIn: Alm. entrada
warehouseInFk: Alm. entrada
daysOnward: Días adelante
daysAgo: Días atras