#7648 - Filter entries by days #547
|
|
@ -46,6 +46,7 @@ globals:
|
||||||
noPinnedModules: You don't have any pinned modules
|
noPinnedModules: You don't have any pinned modules
|
||||||
summary:
|
summary:
|
||||||
basicData: Basic data
|
basicData: Basic data
|
||||||
|
daysOnward: Days onward
|
||||||
today: Today
|
today: Today
|
||||||
yesterday: Yesterday
|
yesterday: Yesterday
|
||||||
dateFormat: en-GB
|
dateFormat: en-GB
|
||||||
|
|
|
||||||
|
|
@ -45,6 +45,7 @@ globals:
|
||||||
noPinnedModules: No has fijado ningún módulo
|
noPinnedModules: No has fijado ningún módulo
|
||||||
summary:
|
summary:
|
||||||
basicData: Datos básicos
|
basicData: Datos básicos
|
||||||
|
daysOnward: Días adelante
|
||||||
today: Hoy
|
today: Hoy
|
||||||
yesterday: Ayer
|
yesterday: Ayer
|
||||||
dateFormat: es-ES
|
dateFormat: es-ES
|
||||||
|
|
|
||||||
|
|
@ -103,11 +103,10 @@ const printBuys = (rowId) => {
|
||||||
default-mode="card"
|
default-mode="card"
|
||||||
auto-load
|
auto-load
|
||||||
:right-search="true"
|
:right-search="true"
|
||||||
:filter="{ days: DEFAULT_INTERVAL_DAYS }"
|
|
||||||
>
|
>
|
||||||
<template #moreFilterPanel="{ params }">
|
<template #moreFilterPanel="{ params }">
|
||||||
<VnInput
|
<VnInput
|
||||||
:label="t('params.scopeDays')"
|
:label="t('globals.daysOnward')"
|
||||||
v-model="params.days"
|
v-model="params.days"
|
||||||
class="q-px-xs row"
|
class="q-px-xs row"
|
||||||
dense
|
dense
|
||||||
|
|
@ -121,11 +120,5 @@ const printBuys = (rowId) => {
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<i18n>
|
<i18n>
|
||||||
en:
|
|
||||||
params:
|
|
||||||
scopeDays: Days onward
|
|
||||||
es:
|
|
||||||
params:
|
|
||||||
scopeDays: Días adelante
|
|
||||||
You can search by entry reference: Puedes buscar por referencia de la entrada
|
You can search by entry reference: Puedes buscar por referencia de la entrada
|
||||||
</i18n>
|
</i18n>
|
||||||
|
|
|
||||||
|
|
@ -209,7 +209,7 @@ const decrement = (paramsObj, key) => {
|
||||||
<QItemSection>
|
<QItemSection>
|
||||||
<VnInput
|
<VnInput
|
||||||
v-model="params.scopeDays"
|
v-model="params.scopeDays"
|
||||||
:label="t('params.scopeDays')"
|
:label="t('globals.daysOnward')"
|
||||||
type="number"
|
type="number"
|
||||||
dense
|
dense
|
||||||
outlined
|
outlined
|
||||||
|
|
@ -281,7 +281,6 @@ en:
|
||||||
requesterFk: Salesperson
|
requesterFk: Salesperson
|
||||||
from: From
|
from: From
|
||||||
to: To
|
to: To
|
||||||
scopeDays: Days onward
|
|
||||||
mine: For me
|
mine: For me
|
||||||
state: State
|
state: State
|
||||||
dateFiltersTooltip: Cannot choose a range of dates and days onward at the same time
|
dateFiltersTooltip: Cannot choose a range of dates and days onward at the same time
|
||||||
|
|
@ -299,7 +298,6 @@ es:
|
||||||
requesterFk: Comercial
|
requesterFk: Comercial
|
||||||
from: Desde
|
from: Desde
|
||||||
to: Hasta
|
to: Hasta
|
||||||
scopeDays: Días adelante
|
|
||||||
mine: Para mi
|
mine: Para mi
|
||||||
state: Estado
|
state: Estado
|
||||||
dateFiltersTooltip: No se puede seleccionar un rango de fechas y días en adelante a la vez
|
dateFiltersTooltip: No se puede seleccionar un rango de fechas y días en adelante a la vez
|
||||||
|
|
|
||||||
|
|
@ -1,225 +0,0 @@
|
||||||
<script setup>
|
|
||||||
|
|
|||||||
import { ref } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
|
|
||||||
import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
|
|
||||||
import VnSelect from 'src/components/common/VnSelect.vue';
|
|
||||||
import FetchData from 'components/FetchData.vue';
|
|
||||||
import VnInputDate from 'components/common/VnInputDate.vue';
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
const props = defineProps({
|
|
||||||
dataKey: {
|
|
||||||
type: String,
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const warehousesOptions = ref([]);
|
|
||||||
const continentsOptions = ref([]);
|
|
||||||
const agenciesOptions = ref([]);
|
|
||||||
|
|
||||||
const add = (paramsObj, key) => {
|
|
||||||
if (paramsObj[key] === undefined) {
|
|
||||||
paramsObj[key] = 1;
|
|
||||||
} else {
|
|
||||||
paramsObj[key]++;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const decrement = (paramsObj, key) => {
|
|
||||||
if (paramsObj[key] === 0) return;
|
|
||||||
|
|
||||||
paramsObj[key]--;
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<FetchData
|
|
||||||
url="Warehouses"
|
|
||||||
@on-fetch="(data) => (warehousesOptions = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="Continents"
|
|
||||||
@on-fetch="(data) => (continentsOptions = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AgencyModes"
|
|
||||||
@on-fetch="(data) => (agenciesOptions = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
|
|
||||||
<VnFilterPanel :data-key="props.dataKey" :search-button="true">
|
|
||||||
<template #tags="{ tag, formatFn }">
|
|
||||||
<div class="q-gutter-x-xs">
|
|
||||||
<strong>{{ t(`params.${tag.label}`) }}: </strong>
|
|
||||||
<span>{{ formatFn(tag.value) }}</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template #body="{ params, searchFn }">
|
|
||||||
<QItem>
|
|
||||||
<QItemSection>
|
|
||||||
<VnSelect
|
|
||||||
:label="t('travelFilter.filter.agencyModeFk')"
|
|
||||||
v-model="params.agencyModeFk"
|
|
||||||
@update:model-value="searchFn()"
|
|
||||||
:options="agenciesOptions"
|
|
||||||
option-value="agencyFk"
|
|
||||||
option-label="name"
|
|
||||||
hide-selected
|
|
||||||
dense
|
|
||||||
outlined
|
|
||||||
rounded
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QItemSection>
|
|
||||||
<VnSelect
|
|
||||||
:label="t('travelFilter.filter.warehouseOutFk')"
|
|
||||||
v-model="params.warehouseOutFk"
|
|
||||||
@update:model-value="searchFn()"
|
|
||||||
:options="warehousesOptions"
|
|
||||||
option-value="id"
|
|
||||||
option-label="name"
|
|
||||||
hide-selected
|
|
||||||
dense
|
|
||||||
outlined
|
|
||||||
rounded
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QItemSection>
|
|
||||||
<VnSelect
|
|
||||||
:label="t('travelFilter.filter.warehouseInFk')"
|
|
||||||
v-model="params.warehouseInFk"
|
|
||||||
@update:model-value="searchFn()"
|
|
||||||
:options="warehousesOptions"
|
|
||||||
option-value="id"
|
|
||||||
option-label="name"
|
|
||||||
hide-selected
|
|
||||||
dense
|
|
||||||
outlined
|
|
||||||
rounded
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QItemSection>
|
|
||||||
<QInput
|
|
||||||
v-model="params.scopeDays"
|
|
||||||
type="number"
|
|
||||||
:label="t('travelFilter.filter.scopeDays')"
|
|
||||||
dense
|
|
||||||
outlined
|
|
||||||
rounded
|
|
||||||
class="input-number"
|
|
||||||
>
|
|
||||||
<template #append>
|
|
||||||
<QBtn
|
|
||||||
icon="add"
|
|
||||||
flat
|
|
||||||
dense
|
|
||||||
size="12px"
|
|
||||||
@click="add(params, 'scopeDays')"
|
|
||||||
/>
|
|
||||||
<QBtn
|
|
||||||
icon="remove"
|
|
||||||
flat
|
|
||||||
dense
|
|
||||||
size="12px"
|
|
||||||
@click="decrement(params, 'scopeDays')"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</QInput>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QItemSection>
|
|
||||||
<VnInputDate
|
|
||||||
v-model="params.landedFrom"
|
|
||||||
:label="t('params.landedFrom')"
|
|
||||||
is-outlined
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QItemSection>
|
|
||||||
<VnInputDate
|
|
||||||
:label="t('params.landedTo')"
|
|
||||||
v-model="params.landedTo"
|
|
||||||
is-outlined
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QItemSection>
|
|
||||||
<VnSelect
|
|
||||||
:label="t('params.continent')"
|
|
||||||
v-model="params.continent"
|
|
||||||
@update:model-value="searchFn()"
|
|
||||||
:options="continentsOptions"
|
|
||||||
option-value="code"
|
|
||||||
option-label="name"
|
|
||||||
hide-selected
|
|
||||||
dense
|
|
||||||
outlined
|
|
||||||
rounded
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QItemSection>
|
|
||||||
<QInput
|
|
||||||
v-model="params.totalEntries"
|
|
||||||
type="number"
|
|
||||||
:label="t('params.totalEntries')"
|
|
||||||
dense
|
|
||||||
outlined
|
|
||||||
rounded
|
|
||||||
min="0"
|
|
||||||
class="input-number"
|
|
||||||
>
|
|
||||||
<template #append>
|
|
||||||
<QBtn
|
|
||||||
icon="add"
|
|
||||||
flat
|
|
||||||
dense
|
|
||||||
size="12px"
|
|
||||||
@click="add(params, 'totalEntries')"
|
|
||||||
/>
|
|
||||||
<QBtn
|
|
||||||
icon="remove"
|
|
||||||
flat
|
|
||||||
dense
|
|
||||||
size="12px"
|
|
||||||
@click="decrement(params, 'totalEntries')"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</QInput>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
</template>
|
|
||||||
</VnFilterPanel>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<i18n>
|
|
||||||
en:
|
|
||||||
params:
|
|
||||||
search: Id/Reference
|
|
||||||
landedFrom: Landed from
|
|
||||||
landedTo: Landed to
|
|
||||||
continent: Continent out
|
|
||||||
totalEntries: Total entries
|
|
||||||
es:
|
|
||||||
params:
|
|
||||||
search: Id/Referencia
|
|
||||||
landedFrom: Llegada desde
|
|
||||||
landedTo: Llegada hasta
|
|
||||||
continent: Cont. Salida
|
|
||||||
totalEntries: Ent. totales
|
|
||||||
|
|
||||||
</i18n>
|
|
||||||
|
|
@ -1,6 +1 @@
|
||||||
travelFilter:
|
|
||||||
filter:
|
|
||||||
warehouseOutFk: Warehouse Out
|
|
||||||
warehouseInFk: Warehouse In
|
|
||||||
agencyModeFk: Agency
|
|
||||||
scopeDays: Days onward
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
travelFilter:
|
|
||||||
filter:
|
|
||||||
warehouseInFk: Alm. entrada
|
|
||||||
warehouseOutFk: Alm. salida
|
|
||||||
agencyModeFk: Agencia
|
|
||||||
scopeDays: Días adelante
|
|
||||||
Loading…
Reference in New Issue
porque sobra?
Porque se ha reemplazado en favor del filter que monta VnTable
Los archivos de traducción también se han eliminado porque solo tenían una clave que era travelFilter