verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 87 Releases Wiki Activity

style: refs #8131 replace rounded by filled

This commit is contained in:
Javier Segarra 2025-03-14 11:43:01 +01:00
parent a83fecc706
commit e92fbb1e85
40 changed files with 276 additions and 385 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ItemsFilterPanel.vue
View File

@ -199,7 +199,7 @@ const setCategoryList = (data) => {
:options="itemTypesOptions" :options="itemTypesOptions"
dense dense
outlined outlined
rounded filled
use-input use-input
:disable="!selectedCategoryFk" :disable="!selectedCategoryFk"
@update:model-value=" @update:model-value="
@ -236,7 +236,7 @@ const setCategoryList = (data) => {
:options="tagOptions" :options="tagOptions"
dense dense
outlined outlined
rounded filled
:emit-value="false" :emit-value="false"
use-input use-input
:is-clearable="false" :is-clearable="false"
@ -253,7 +253,7 @@ const setCategoryList = (data) => {
option-label="value" option-label="value"
dense dense
outlined outlined
rounded filled
emit-value emit-value
use-input use-input
:disable="!value" :disable="!value"

9
src/components/common/VnLog.vue
View File

@ -700,6 +700,7 @@ watch(
v-model="searchInput" v-model="searchInput"
class="full-width" class="full-width"
clearable clearable
filled
clear-icon="close" clear-icon="close"
@keyup.enter="() => selectFilter('search')" @keyup.enter="() => selectFilter('search')"
@focusout="() => selectFilter('search')" @focusout="() => selectFilter('search')"
@ -719,6 +720,7 @@ watch(
v-model="selectedFilters.changedModel" v-model="selectedFilters.changedModel"
option-label="locale" option-label="locale"
option-value="value" option-value="value"
filled
:options="actions" :options="actions"
@update:model-value="selectFilter('action')" @update:model-value="selectFilter('action')"
hide-selected hide-selected
@ -744,8 +746,7 @@ watch(
class="full-width" class="full-width"
:label="t('globals.user')" :label="t('globals.user')"
v-model="userSelect" v-model="userSelect"
option-label="name" filled
option-value="id"
:url="`${model}Logs/${route.params.id}/editors`" :url="`${model}Logs/${route.params.id}/editors`"
:fields="['id', 'nickname', 'name', 'image']" :fields="['id', 'nickname', 'name', 'image']"
sort-by="nickname" sort-by="nickname"
@ -774,6 +775,7 @@ watch(
:label="t('globals.changes')" :label="t('globals.changes')"
v-model="changeInput" v-model="changeInput"
class="full-width" class="full-width"
filled
clearable clearable
clear-icon="close" clear-icon="close"
@keyup.enter="selectFilter('change')" @keyup.enter="selectFilter('change')"
@ -810,6 +812,7 @@ watch(
@clear="selectFilter('date', 'to')" @clear="selectFilter('date', 'to')"
v-model="dateFrom" v-model="dateFrom"
clearable clearable
filled
clear-icon="close" clear-icon="close"
/> />
</QItem> </QItem>
@ -822,6 +825,7 @@ watch(
@clear="selectFilter('date', 'from')" @clear="selectFilter('date', 'from')"
v-model="dateTo" v-model="dateTo"
clearable clearable
filled
clear-icon="close" clear-icon="close"
/> />
</QItem> </QItem>
@ -835,6 +839,7 @@ watch(
dense dense
flat flat
minimal minimal
filled
@update:model-value=" @update:model-value="
(value) => { (value) => {
dateFromDialog = false; dateFromDialog = false;

6
src/pages/Account/AccountFilter.vue
View File

@ -47,7 +47,7 @@ const rolesOptions = ref([]);
:label="t('globals.name')" :label="t('globals.name')"
v-model="params.name" v-model="params.name"
lazy-rules lazy-rules
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -57,7 +57,7 @@ const rolesOptions = ref([]);
:label="t('account.card.alias')" :label="t('account.card.alias')"
v-model="params.nickname" v-model="params.nickname"
lazy-rules lazy-rules
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -76,7 +76,7 @@ const rolesOptions = ref([]);
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
:input-debounce="0" :input-debounce="0"
/> />
</QItemSection> </QItemSection>

10
src/pages/Account/Acls/AclFilter.vue
View File

@ -57,7 +57,7 @@ onBeforeMount(() => {
use-input use-input
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -73,7 +73,7 @@ onBeforeMount(() => {
use-input use-input
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -83,7 +83,7 @@ onBeforeMount(() => {
:label="t('acls.aclFilter.property')" :label="t('acls.aclFilter.property')"
v-model="params.property" v-model="params.property"
lazy-rules lazy-rules
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -99,7 +99,7 @@ onBeforeMount(() => {
use-input use-input
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -115,7 +115,7 @@ onBeforeMount(() => {
use-input use-input
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

4
src/pages/Account/Role/AccountRolesFilter.vue
View File

@ -27,7 +27,7 @@ const props = defineProps({
:label="t('globals.name')" :label="t('globals.name')"
v-model="params.name" v-model="params.name"
lazy-rules lazy-rules
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -37,7 +37,7 @@ const props = defineProps({
:label="t('role.description')" :label="t('role.description')"
v-model="params.description" v-model="params.description"
lazy-rules lazy-rules
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

18
src/pages/Claim/ClaimFilter.vue
View File

@ -33,7 +33,7 @@ const props = defineProps({
:label="t('claim.customerId')" :label="t('claim.customerId')"
v-model="params.clientFk" v-model="params.clientFk"
lazy-rules lazy-rules
is-outlined filled
> >
<template #prepend> <QIcon name="badge" size="xs" /></template> <template #prepend> <QIcon name="badge" size="xs" /></template>
</VnInput> </VnInput>
@ -41,12 +41,12 @@ const props = defineProps({
:label="t('Client Name')" :label="t('Client Name')"
v-model="params.clientName" v-model="params.clientName"
lazy-rules lazy-rules
is-outlined filled
/> />
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.departmentFk')" :label="t('globals.params.departmentFk')"
v-model="params.departmentFk" v-model="params.departmentFk"
option-value="id" option-value="id"
@ -62,7 +62,7 @@ const props = defineProps({
option-filter="firstName" option-filter="firstName"
dense dense
outlined outlined
rounded filled
/> />
<VnSelect <VnSelect
:label="t('claim.state')" :label="t('claim.state')"
@ -71,13 +71,13 @@ const props = defineProps({
option-label="description" option-label="description"
dense dense
outlined outlined
rounded filled
/> />
<VnInputDate <VnInputDate
v-model="params.created" v-model="params.created"
:label="t('claim.created')" :label="t('claim.created')"
outlined outlined
rounded filled
dense dense
/> />
<VnSelect <VnSelect
@ -87,7 +87,7 @@ const props = defineProps({
:use-like="false" :use-like="false"
sort-by="id DESC" sort-by="id DESC"
outlined outlined
rounded filled
dense dense
/> />
<VnSelect <VnSelect
@ -99,14 +99,14 @@ const props = defineProps({
option-filter="firstName" option-filter="firstName"
dense dense
outlined outlined
rounded filled
/> />
<VnSelect <VnSelect
:label="t('claim.zone')" :label="t('claim.zone')"
v-model="params.zoneFk" v-model="params.zoneFk"
url="Zones" url="Zones"
outlined outlined
rounded filled
dense dense
/> />
<QCheckbox <QCheckbox

24
src/pages/Customer/CustomerFilter.vue
View File

@ -41,7 +41,7 @@ const exprBuilder = (param, value) => {
<template #body="{ params, searchFn }"> <template #body="{ params, searchFn }">
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInput :label="t('FI')" v-model="params.fi" is-outlined> <VnInput :label="t('FI')" v-model="params.fi" filled>
<template #prepend> <template #prepend>
<QIcon name="badge" size="xs" /> <QIcon name="badge" size="xs" />
</template> </template>
@ -50,7 +50,7 @@ const exprBuilder = (param, value) => {
</QItem> </QItem>
<QItem class="q-mb-sm"> <QItem class="q-mb-sm">
<QItemSection> <QItemSection>
<VnInput :label="t('Name')" v-model="params.name" is-outlined /> <VnInput :label="t('Name')" v-model="params.name" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-mb-sm"> <QItem class="q-mb-sm">
@ -58,7 +58,7 @@ const exprBuilder = (param, value) => {
<VnInput <VnInput
:label="t('customer.summary.socialName')" :label="t('customer.summary.socialName')"
v-model="params.socialName" v-model="params.socialName"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -67,7 +67,7 @@ const exprBuilder = (param, value) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.departmentFk')" :label="t('globals.params.departmentFk')"
v-model="params.departmentFk" v-model="params.departmentFk"
option-value="id" option-value="id"
@ -90,7 +90,7 @@ const exprBuilder = (param, value) => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
auto-load auto-load
:input-debounce="0" :input-debounce="0"
/> />
@ -98,12 +98,12 @@ const exprBuilder = (param, value) => {
</QItem> </QItem>
<QItem class="q-mb-sm"> <QItem class="q-mb-sm">
<QItemSection> <QItemSection>
<VnInput :label="t('City')" v-model="params.city" is-outlined /> <VnInput :label="t('City')" v-model="params.city" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-mb-sm"> <QItem class="q-mb-sm">
<QItemSection> <QItemSection>
<VnInput :label="t('Phone')" v-model="params.phone" is-outlined> <VnInput :label="t('Phone')" v-model="params.phone" filled>
<template #prepend> <template #prepend>
<QIcon name="phone" size="xs" /> <QIcon name="phone" size="xs" />
</template> </template>
@ -112,7 +112,7 @@ const exprBuilder = (param, value) => {
</QItem> </QItem>
<QItem class="q-mb-sm"> <QItem class="q-mb-sm">
<QItemSection> <QItemSection>
<VnInput :label="t('Email')" v-model="params.email" is-outlined> <VnInput :label="t('Email')" v-model="params.email" filled>
<template #prepend> <template #prepend>
<QIcon name="email" size="sm" /> <QIcon name="email" size="sm" />
</template> </template>
@ -133,18 +133,14 @@ const exprBuilder = (param, value) => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
auto-load auto-load
sortBy="name ASC" sortBy="name ASC"
/></QItemSection> /></QItemSection>
</QItem> </QItem>
<QItem class="q-mb-sm"> <QItem class="q-mb-sm">
<QItemSection> <QItemSection>
<VnInput <VnInput :label="t('Postcode')" v-model="params.postcode" filled />
:label="t('Postcode')"
v-model="params.postcode"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
</template> </template>

18
src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
View File

@ -46,7 +46,7 @@ const departments = ref();
option-label="name" option-label="name"
option-value="id" option-value="id"
outlined outlined
rounded filled
emit-value emit-value
hide-selected hide-selected
map-options map-options
@ -68,7 +68,7 @@ const departments = ref();
option-label="name" option-label="name"
option-value="id" option-value="id"
outlined outlined
rounded filled
use-input use-input
v-model="params.departmentFk" v-model="params.departmentFk"
@update:model-value="searchFn()" @update:model-value="searchFn()"
@ -92,7 +92,7 @@ const departments = ref();
option-label="name" option-label="name"
option-value="id" option-value="id"
outlined outlined
rounded filled
use-input use-input
v-model="params.countryFk" v-model="params.countryFk"
@update:model-value="searchFn()" @update:model-value="searchFn()"
@ -108,7 +108,7 @@ const departments = ref();
<VnInput <VnInput
:label="t('P. Method')" :label="t('P. Method')"
clearable clearable
is-outlined filled
v-model="params.paymentMethod" v-model="params.paymentMethod"
/> />
</QItemSection> </QItemSection>
@ -119,7 +119,7 @@ const departments = ref();
<VnInput <VnInput
:label="t('Balance D.')" :label="t('Balance D.')"
clearable clearable
is-outlined filled
v-model="params.balance" v-model="params.balance"
/> />
</QItemSection> </QItemSection>
@ -138,7 +138,7 @@ const departments = ref();
option-label="name" option-label="name"
option-value="id" option-value="id"
outlined outlined
rounded filled
use-input use-input
v-model="params.workerFk" v-model="params.workerFk"
@update:model-value="searchFn()" @update:model-value="searchFn()"
@ -154,7 +154,7 @@ const departments = ref();
<VnInputDate <VnInputDate
:label="t('L. O. Date')" :label="t('L. O. Date')"
clearable clearable
is-outlined filled
v-model="params.date" v-model="params.date"
/> />
</QItemSection> </QItemSection>
@ -165,7 +165,7 @@ const departments = ref();
<VnInput <VnInput
:label="t('Credit I.')" :label="t('Credit I.')"
clearable clearable
is-outlined filled
v-model="params.credit" v-model="params.credit"
/> />
</QItemSection> </QItemSection>
@ -175,7 +175,7 @@ const departments = ref();
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate
:label="t('From')" :label="t('From')"
is-outlined filled
v-model="params.defaulterSinced" v-model="params.defaulterSinced"
/> />
</QItemSection> </QItemSection>

18
src/pages/Customer/Payments/CustomerPaymentsFilter.vue
View File

@ -25,7 +25,7 @@ const props = defineProps({
<template #body="{ params }"> <template #body="{ params }">
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput :label="t('Order ID')" v-model="params.orderFk" is-outlined> <VnInput :label="t('Order ID')" v-model="params.orderFk" filled>
<template #prepend> <template #prepend>
<QIcon name="vn:basket" size="xs" /> <QIcon name="vn:basket" size="xs" />
</template> </template>
@ -34,11 +34,7 @@ const props = defineProps({
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput :label="t('Customer ID')" v-model="params.clientFk" filled>
:label="t('Customer ID')"
v-model="params.clientFk"
is-outlined
>
<template #prepend> <template #prepend>
<QIcon name="vn:client" size="xs" /> <QIcon name="vn:client" size="xs" />
</template> </template>
@ -47,19 +43,15 @@ const props = defineProps({
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInputNumber <VnInputNumber :label="t('Amount')" v-model="params.amount" filled />
:label="t('Amount')"
v-model="params.amount"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInputDate v-model="params.from" :label="t('From')" is-outlined /> <VnInputDate v-model="params.from" :label="t('From')" filled />
</QItemSection> </QItemSection>
<QItemSection> <QItemSection>
<VnInputDate v-model="params.to" :label="t('To')" is-outlined /> <VnInputDate v-model="params.to" :label="t('To')" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
</template> </template>

24
src/pages/Entry/EntryFilter.vue
View File

@ -101,13 +101,13 @@ const entryFilterPanel = ref();
:label="t('params.landed')" :label="t('params.landed')"
v-model="params.landed" v-model="params.landed"
@update:model-value="searchFn()" @update:model-value="searchFn()"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput v-model="params.id" label="Id" is-outlined /> <VnInput v-model="params.id" label="Id" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -118,14 +118,14 @@ const entryFilterPanel = ref();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
<QItemSection> <QItemSection>
<VnInput <VnInput
v-model="params.invoiceNumber" v-model="params.invoiceNumber"
:label="t('params.invoiceNumber')" :label="t('params.invoiceNumber')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -134,7 +134,7 @@ const entryFilterPanel = ref();
<VnInput <VnInput
v-model="params.reference" v-model="params.reference"
:label="t('entry.list.tableVisibleColumns.reference')" :label="t('entry.list.tableVisibleColumns.reference')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -150,7 +150,7 @@ const entryFilterPanel = ref();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -159,7 +159,7 @@ const entryFilterPanel = ref();
<VnInput <VnInput
v-model="params.evaNotes" v-model="params.evaNotes"
:label="t('params.evaNotes')" :label="t('params.evaNotes')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -174,7 +174,7 @@ const entryFilterPanel = ref();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -189,7 +189,7 @@ const entryFilterPanel = ref();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
> >
<template #option="scope"> <template #option="scope">
<QItem v-bind="scope.itemProps"> <QItem v-bind="scope.itemProps">
@ -211,7 +211,7 @@ const entryFilterPanel = ref();
<VnInput <VnInput
v-model="params.invoiceNumber" v-model="params.invoiceNumber"
:label="t('params.invoiceNumber')" :label="t('params.invoiceNumber')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -229,7 +229,7 @@ const entryFilterPanel = ref();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -238,7 +238,7 @@ const entryFilterPanel = ref();
<VnInput <VnInput
v-model="params.evaNotes" v-model="params.evaNotes"
:label="t('params.evaNotes')" :label="t('params.evaNotes')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

14
src/pages/Entry/EntryLatestBuysFilter.vue
View File

@ -40,7 +40,7 @@ const tagValues = ref([]);
sort-by="nickname ASC" sort-by="nickname ASC"
dense dense
outlined outlined
rounded filled
use-input use-input
@update:model-value="searchFn()" @update:model-value="searchFn()"
/> />
@ -55,7 +55,7 @@ const tagValues = ref([]);
sort-by="name ASC" sort-by="name ASC"
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -64,7 +64,7 @@ const tagValues = ref([]);
<VnInputDate <VnInputDate
:label="t('components.itemsFilterPanel.started')" :label="t('components.itemsFilterPanel.started')"
v-model="params.from" v-model="params.from"
is-outlined filled
@update:model-value="searchFn()" @update:model-value="searchFn()"
/> />
</QItemSection> </QItemSection>
@ -74,7 +74,7 @@ const tagValues = ref([]);
<VnInputDate <VnInputDate
:label="t('components.itemsFilterPanel.ended')" :label="t('components.itemsFilterPanel.ended')"
v-model="params.to" v-model="params.to"
is-outlined filled
@update:model-value="searchFn()" @update:model-value="searchFn()"
/> />
</QItemSection> </QItemSection>
@ -121,7 +121,7 @@ const tagValues = ref([]);
option-label="name" option-label="name"
dense dense
outlined outlined
rounded filled
:emit-value="false" :emit-value="false"
use-input use-input
:is-clearable="false" :is-clearable="false"
@ -138,7 +138,7 @@ const tagValues = ref([]);
option-label="value" option-label="value"
dense dense
outlined outlined
rounded filled
emit-value emit-value
use-input use-input
:disable="!value" :disable="!value"
@ -151,7 +151,7 @@ const tagValues = ref([]);
v-model="value.value" v-model="value.value"
:label="t('params.value')" :label="t('params.value')"
:disable="!value" :disable="!value"
is-outlined filled
class="filter-input" class="filter-input"
:is-clearable="false" :is-clearable="false"
@keyup.enter="applyTags(params, searchFn)" @keyup.enter="applyTags(params, searchFn)"

2
src/pages/Entry/EntryStockBoughtFilter.vue
View File

@ -50,7 +50,7 @@ onMounted(async () => {
} }
" "
:label="t('Date')" :label="t('Date')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

31
src/pages/InvoiceIn/InvoiceInFilter.vue
View File

@ -39,17 +39,13 @@ function handleDaysAgo(params, daysAgo) {
<VnInputDate <VnInputDate
:label="$t('globals.from')" :label="$t('globals.from')"
v-model="params.from" v-model="params.from"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate :label="$t('globals.to')" v-model="params.to" filled />
:label="$t('globals.to')"
v-model="params.to"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -57,7 +53,7 @@ function handleDaysAgo(params, daysAgo) {
<VnInputNumber <VnInputNumber
:label="$t('globals.daysAgo')" :label="$t('globals.daysAgo')"
v-model="params.daysAgo" v-model="params.daysAgo"
is-outlined filled
:step="0" :step="0"
@update:model-value="(val) => handleDaysAgo(params, val)" @update:model-value="(val) => handleDaysAgo(params, val)"
@remove="(val) => handleDaysAgo(params, val)" @remove="(val) => handleDaysAgo(params, val)"
@ -66,12 +62,7 @@ function handleDaysAgo(params, daysAgo) {
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnSelectSupplier <VnSelectSupplier v-model="params.supplierFk" dense outlined filled />
v-model="params.supplierFk"
dense
outlined
rounded
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -79,7 +70,7 @@ function handleDaysAgo(params, daysAgo) {
<VnInput <VnInput
:label="getLocale('supplierRef')" :label="getLocale('supplierRef')"
v-model="params.supplierRef" v-model="params.supplierRef"
is-outlined filled
lazy-rules lazy-rules
/> />
</QItemSection> </QItemSection>
@ -89,7 +80,7 @@ function handleDaysAgo(params, daysAgo) {
<VnInput <VnInput
:label="getLocale('fi')" :label="getLocale('fi')"
v-model="params.fi" v-model="params.fi"
is-outlined filled
lazy-rules lazy-rules
/> />
</QItemSection> </QItemSection>
@ -99,7 +90,7 @@ function handleDaysAgo(params, daysAgo) {
<VnInput <VnInput
:label="getLocale('serial')" :label="getLocale('serial')"
v-model="params.serial" v-model="params.serial"
is-outlined filled
lazy-rules lazy-rules
/> />
</QItemSection> </QItemSection>
@ -109,7 +100,7 @@ function handleDaysAgo(params, daysAgo) {
<VnInput <VnInput
:label="getLocale('account')" :label="getLocale('account')"
v-model="params.account" v-model="params.account"
is-outlined filled
lazy-rules lazy-rules
/> />
</QItemSection> </QItemSection>
@ -119,7 +110,7 @@ function handleDaysAgo(params, daysAgo) {
<VnInput <VnInput
:label="getLocale('globals.params.awbCode')" :label="getLocale('globals.params.awbCode')"
v-model="params.awbCode" v-model="params.awbCode"
is-outlined filled
lazy-rules lazy-rules
/> />
</QItemSection> </QItemSection>
@ -129,7 +120,7 @@ function handleDaysAgo(params, daysAgo) {
<VnInputNumber <VnInputNumber
:label="$t('globals.amount')" :label="$t('globals.amount')"
v-model="params.amount" v-model="params.amount"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -141,7 +132,7 @@ function handleDaysAgo(params, daysAgo) {
url="Companies" url="Companies"
option-label="code" option-label="code"
:fields="['id', 'code']" :fields="['id', 'code']"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

4
src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
View File

@ -26,7 +26,7 @@ const { t } = useI18n();
v-model="params.daysAgo" v-model="params.daysAgo"
:label="t('params.daysAgo')" :label="t('params.daysAgo')"
outlined outlined
rounded filled
dense dense
/> />
</QItemSection> </QItemSection>
@ -37,7 +37,7 @@ const { t } = useI18n();
v-model="params.serial" v-model="params.serial"
:label="t('params.serial')" :label="t('params.serial')"
outlined outlined
rounded filled
dense dense
/> />
</QItemSection> </QItemSection>

20
src/pages/InvoiceOut/InvoiceOutFilter.vue
View File

@ -33,17 +33,13 @@ const states = ref();
<VnInput <VnInput
:label="t('globals.params.clientFk')" :label="t('globals.params.clientFk')"
v-model="params.clientFk" v-model="params.clientFk"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.fi" :label="t('globals.params.fi')" filled />
v-model="params.fi"
:label="t('globals.params.fi')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -51,7 +47,7 @@ const states = ref();
<VnInputNumber <VnInputNumber
:label="t('globals.amount')" :label="t('globals.amount')"
v-model="params.amount" v-model="params.amount"
is-outlined filled
data-cy="InvoiceOutFilterAmountBtn" data-cy="InvoiceOutFilterAmountBtn"
/> />
</QItemSection> </QItemSection>
@ -63,7 +59,7 @@ const states = ref();
dense dense
lazy-rules lazy-rules
outlined outlined
rounded filled
type="number" type="number"
v-model.number="params.min" v-model.number="params.min"
/> />
@ -74,7 +70,7 @@ const states = ref();
dense dense
lazy-rules lazy-rules
outlined outlined
rounded filled
type="number" type="number"
v-model.number="params.max" v-model.number="params.max"
/> />
@ -94,7 +90,7 @@ const states = ref();
<VnInputDate <VnInputDate
v-model="params.created" v-model="params.created"
:label="t('invoiceOut.params.created')" :label="t('invoiceOut.params.created')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -103,7 +99,7 @@ const states = ref();
<VnInputDate <VnInputDate
v-model="params.dued" v-model="params.dued"
:label="t('invoiceOut.params.dued')" :label="t('invoiceOut.params.dued')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -111,7 +107,7 @@ const states = ref();
<QItemSection> <QItemSection>
<VnSelect <VnSelect
outlined outlined
rounded filled
:label="t('globals.params.departmentFk')" :label="t('globals.params.departmentFk')"
v-model="params.departmentFk" v-model="params.departmentFk"
option-value="id" option-value="id"

22
src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
View File

@ -26,7 +26,7 @@ const serialTypesOptions = ref([]);
const handleInvoiceOutSerialsFetch = (data) => { const handleInvoiceOutSerialsFetch = (data) => {
serialTypesOptions.value = Array.from( serialTypesOptions.value = Array.from(
new Set(data.map((item) => item.type).filter((type) => type)) new Set(data.map((item) => item.type).filter((type) => type)),
); );
}; };
@ -99,8 +99,7 @@ onMounted(async () => {
option-label="name" option-label="name"
hide-selected hide-selected
dense dense
outlined filled
rounded
data-cy="InvoiceOutGlobalClientSelect" data-cy="InvoiceOutGlobalClientSelect"
> >
<template #option="scope"> <template #option="scope">
@ -124,19 +123,18 @@ onMounted(async () => {
option-label="type" option-label="type"
hide-selected hide-selected
dense dense
outlined filled
rounded
data-cy="InvoiceOutGlobalSerialSelect" data-cy="InvoiceOutGlobalSerialSelect"
/> />
<VnInputDate <VnInputDate
v-model="formData.invoiceDate" v-model="formData.invoiceDate"
:label="t('invoiceDate')" :label="t('invoiceDate')"
is-outlined filled
/> />
<VnInputDate <VnInputDate
v-model="formData.maxShipped" v-model="formData.maxShipped"
:label="t('maxShipped')" :label="t('maxShipped')"
is-outlined filled
data-cy="InvoiceOutGlobalMaxShippedDate" data-cy="InvoiceOutGlobalMaxShippedDate"
/> />
<VnSelect <VnSelect
@ -145,8 +143,7 @@ onMounted(async () => {
:options="companiesOptions" :options="companiesOptions"
option-label="code" option-label="code"
dense dense
outlined filled
rounded
data-cy="InvoiceOutGlobalCompanySelect" data-cy="InvoiceOutGlobalCompanySelect"
/> />
<VnSelect <VnSelect
@ -154,8 +151,7 @@ onMounted(async () => {
v-model="formData.printer" v-model="formData.printer"
:options="printersOptions" :options="printersOptions"
dense dense
outlined filled
rounded
data-cy="InvoiceOutGlobalPrinterSelect" data-cy="InvoiceOutGlobalPrinterSelect"
/> />
</div> </div>
@ -166,7 +162,7 @@ onMounted(async () => {
color="primary" color="primary"
class="q-mt-md full-width" class="q-mt-md full-width"
unelevated unelevated
rounded filled
dense dense
/> />
<QBtn <QBtn
@ -175,7 +171,7 @@ onMounted(async () => {
color="primary" color="primary"
class="q-mt-md full-width" class="q-mt-md full-width"
unelevated unelevated
rounded filled
dense dense
@click="getStatus = 'stopping'" @click="getStatus = 'stopping'"
/> />

18
src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
View File

@ -35,17 +35,13 @@ const props = defineProps({
<VnInputDate <VnInputDate
v-model="params.from" v-model="params.from"
:label="t('globals.from')" :label="t('globals.from')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate v-model="params.to" :label="t('globals.to')" filled />
v-model="params.to"
:label="t('globals.to')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -58,7 +54,7 @@ const props = defineProps({
option-value="code" option-value="code"
dense dense
outlined outlined
rounded filled
@update:model-value="searchFn()" @update:model-value="searchFn()"
> >
<template #option="scope"> <template #option="scope">
@ -86,7 +82,7 @@ const props = defineProps({
option-value="name" option-value="name"
outlined outlined
dense dense
rounded filled
@update:model-value="searchFn()" @update:model-value="searchFn()"
> >
<template #option="scope"> <template #option="scope">
@ -112,7 +108,7 @@ const props = defineProps({
v-model="params.clientId" v-model="params.clientId"
outlined outlined
dense dense
rounded filled
@update:model-value="searchFn()" @update:model-value="searchFn()"
/> />
</QItemSection> </QItemSection>
@ -122,7 +118,7 @@ const props = defineProps({
<VnInputNumber <VnInputNumber
v-model="params.amount" v-model="params.amount"
:label="t('globals.amount')" :label="t('globals.amount')"
is-outlined filled
:positive="false" :positive="false"
/> />
</QItemSection> </QItemSection>
@ -132,7 +128,7 @@ const props = defineProps({
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.departmentFk')" :label="t('globals.params.departmentFk')"
v-model="params.departmentFk" v-model="params.departmentFk"
option-value="id" option-value="id"

10
src/pages/Item/ItemFixedPriceFilter.vue
View File

@ -13,7 +13,6 @@ const props = defineProps({
required: true, required: true,
}, },
}); });
</script> </script>
<template> <template>
@ -28,8 +27,7 @@ const props = defineProps({
:fields="['id', 'nickname']" :fields="['id', 'nickname']"
option-label="nickname" option-label="nickname"
dense dense
outlined filled
rounded
use-input use-input
@update:model-value="searchFn()" @update:model-value="searchFn()"
sort-by="nickname ASC" sort-by="nickname ASC"
@ -47,7 +45,7 @@ const props = defineProps({
v-model="params.warehouseFk" v-model="params.warehouseFk"
dense dense
outlined outlined
rounded filled
use-input use-input
@update:model-value="searchFn()" @update:model-value="searchFn()"
/> />
@ -58,7 +56,7 @@ const props = defineProps({
<VnInputDate <VnInputDate
:label="t('params.started')" :label="t('params.started')"
v-model="params.started" v-model="params.started"
is-outlined filled
@update:model-value="searchFn()" @update:model-value="searchFn()"
/> />
</QItemSection> </QItemSection>
@ -68,7 +66,7 @@ const props = defineProps({
<VnInputDate <VnInputDate
:label="t('params.ended')" :label="t('params.ended')"
v-model="params.ended" v-model="params.ended"
is-outlined filled
@update:model-value="searchFn()" @update:model-value="searchFn()"
/> />
</QItemSection> </QItemSection>

24
src/pages/Item/ItemListFilter.vue
View File

@ -177,11 +177,7 @@ onMounted(async () => {
<template #body="{ params, searchFn }"> <template #body="{ params, searchFn }">
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.search" :label="t('params.search')" filled />
v-model="params.search"
:label="t('params.search')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -198,7 +194,7 @@ onMounted(async () => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -214,7 +210,7 @@ onMounted(async () => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
> >
<template #option="scope"> <template #option="scope">
<QItem v-bind="scope.itemProps"> <QItem v-bind="scope.itemProps">
@ -241,7 +237,7 @@ onMounted(async () => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -253,7 +249,7 @@ onMounted(async () => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -283,7 +279,7 @@ onMounted(async () => {
option-label="name" option-label="name"
dense dense
outlined outlined
rounded filled
:emit-value="false" :emit-value="false"
use-input use-input
:is-clearable="false" :is-clearable="false"
@ -300,7 +296,7 @@ onMounted(async () => {
option-label="value" option-label="value"
dense dense
outlined outlined
rounded filled
emit-value emit-value
use-input use-input
:disable="!tag" :disable="!tag"
@ -312,7 +308,7 @@ onMounted(async () => {
v-model="tag.value" v-model="tag.value"
:label="t('params.value')" :label="t('params.value')"
:disable="!tag" :disable="!tag"
is-outlined filled
:is-clearable="false" :is-clearable="false"
@keydown.enter.prevent="applyTags(params, searchFn)" @keydown.enter.prevent="applyTags(params, searchFn)"
/> />
@ -352,7 +348,7 @@ onMounted(async () => {
option-value="label" option-value="label"
dense dense
outlined outlined
rounded filled
:emit-value="false" :emit-value="false"
use-input use-input
:is-clearable="false" :is-clearable="false"
@ -377,7 +373,7 @@ onMounted(async () => {
v-model="fieldFilter.value" v-model="fieldFilter.value"
:label="t('params.value')" :label="t('params.value')"
:disable="!fieldFilter.selectedField" :disable="!fieldFilter.selectedField"
is-outlined filled
@keydown.enter="applyFieldFilters(params, searchFn)" @keydown.enter="applyFieldFilters(params, searchFn)"
/> />
</QItemSection> </QItemSection>

32
src/pages/Item/ItemRequestFilter.vue
View File

@ -87,11 +87,7 @@ onMounted(async () => {
<template #body="{ params, searchFn }"> <template #body="{ params, searchFn }">
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.search" :label="t('params.search')" filled />
v-model="params.search"
:label="t('params.search')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -99,7 +95,7 @@ onMounted(async () => {
<VnInput <VnInput
v-model="params.ticketFk" v-model="params.ticketFk"
:label="t('params.ticketFk')" :label="t('params.ticketFk')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -115,7 +111,7 @@ onMounted(async () => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -124,7 +120,7 @@ onMounted(async () => {
<VnInput <VnInput
v-model="params.clientFk" v-model="params.clientFk"
:label="t('params.clientFk')" :label="t('params.clientFk')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -140,7 +136,7 @@ onMounted(async () => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -154,24 +150,16 @@ onMounted(async () => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate v-model="params.from" :label="t('params.from')" filled />
v-model="params.from"
:label="t('params.from')"
is-outlined
/>
</QItemSection> </QItemSection>
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate v-model="params.to" :label="t('params.to')" filled />
v-model="params.to"
:label="t('params.to')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -180,7 +168,7 @@ onMounted(async () => {
:label="t('params.daysOnward')" :label="t('params.daysOnward')"
v-model="params.daysOnward" v-model="params.daysOnward"
lazy-rules lazy-rules
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -196,7 +184,7 @@ onMounted(async () => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

34
src/pages/Monitor/Ticket/MonitorTicketFilter.vue
View File

@ -77,7 +77,7 @@ const getLocale = (label) => {
<VnInput <VnInput
:label="t('globals.params.clientFk')" :label="t('globals.params.clientFk')"
v-model="params.clientFk" v-model="params.clientFk"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -86,7 +86,7 @@ const getLocale = (label) => {
<VnInput <VnInput
:label="t('params.orderFk')" :label="t('params.orderFk')"
v-model="params.orderFk" v-model="params.orderFk"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -95,7 +95,7 @@ const getLocale = (label) => {
<VnInputNumber <VnInputNumber
:label="t('params.scopeDays')" :label="t('params.scopeDays')"
v-model="params.scopeDays" v-model="params.scopeDays"
is-outlined filled
@update:model-value="(val) => handleScopeDays(params, val)" @update:model-value="(val) => handleScopeDays(params, val)"
@remove="(val) => handleScopeDays(params, val)" @remove="(val) => handleScopeDays(params, val)"
/> />
@ -106,7 +106,7 @@ const getLocale = (label) => {
<VnInput <VnInput
:label="t('params.nickname')" :label="t('params.nickname')"
v-model="params.nickname" v-model="params.nickname"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -115,7 +115,7 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.departmentFk')" :label="t('globals.params.departmentFk')"
v-model="params.departmentFk" v-model="params.departmentFk"
option-value="id" option-value="id"
@ -126,11 +126,7 @@ const getLocale = (label) => {
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput :label="t('params.refFk')" v-model="params.refFk" filled />
:label="t('params.refFk')"
v-model="params.refFk"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -139,11 +135,10 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('params.agencyModeFk')" :label="t('params.agencyModeFk')"
v-model="params.agencyModeFk" v-model="params.agencyModeFk"
url="AgencyModes/isActive" url="AgencyModes/isActive"
is-outlined
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -152,11 +147,10 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.stateFk')" :label="t('globals.params.stateFk')"
v-model="params.stateFk" v-model="params.stateFk"
url="States" url="States"
is-outlined
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -165,7 +159,7 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('params.groupedStates')" :label="t('params.groupedStates')"
v-model="params.alertLevel" v-model="params.alertLevel"
:options="groupedStates" :options="groupedStates"
@ -178,7 +172,7 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.warehouseFk')" :label="t('globals.params.warehouseFk')"
v-model="params.warehouseFk" v-model="params.warehouseFk"
:options="warehouses" :options="warehouses"
@ -190,7 +184,7 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.countryFk')" :label="t('globals.params.countryFk')"
v-model="params.countryFk" v-model="params.countryFk"
url="Countries" url="Countries"
@ -202,7 +196,7 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.provinceFk')" :label="t('globals.params.provinceFk')"
v-model="params.provinceFk" v-model="params.provinceFk"
url="Provinces" url="Provinces"
@ -214,7 +208,7 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.departmentFk')" :label="t('globals.params.departmentFk')"
v-model="params.department" v-model="params.department"
option-label="name" option-label="name"
@ -228,7 +222,7 @@ const getLocale = (label) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.packing')" :label="t('globals.params.packing')"
v-model="params.packing" v-model="params.packing"
url="ItemPackingTypes" url="ItemPackingTypes"

6
src/pages/Order/Card/CatalogFilterValueDialog.vue
View File

@ -59,7 +59,7 @@ const getSelectedTagValues = async (tag) => {
dense dense
outlined outlined
class="q-mb-md" class="q-mb-md"
rounded filled
:emit-value="false" :emit-value="false"
use-input use-input
@update:model-value="getSelectedTagValues" @update:model-value="getSelectedTagValues"
@ -80,7 +80,7 @@ const getSelectedTagValues = async (tag) => {
option-label="value" option-label="value"
dense dense
outlined outlined
rounded filled
emit-value emit-value
use-input use-input
:disable="!value || !selectedTag" :disable="!value || !selectedTag"
@ -101,7 +101,7 @@ const getSelectedTagValues = async (tag) => {
size="md" size="md"
outlined outlined
dense dense
rounded filled
flat flat
class="filter-icon col-2" class="filter-icon col-2"
@click="tagValues.splice(index, 1)" @click="tagValues.splice(index, 1)"

8
src/pages/Order/Card/OrderCatalogFilter.vue
View File

@ -222,7 +222,7 @@ function addOrder(value, field, params) {
option-label="name" option-label="name"
dense dense
outlined outlined
rounded filled
emit-value emit-value
use-input use-input
sort-by="name ASC" sort-by="name ASC"
@ -252,7 +252,7 @@ function addOrder(value, field, params) {
:options="orderByList" :options="orderByList"
dense dense
outlined outlined
rounded filled
@update:model-value="(value) => addOrder(value, 'field', params)" @update:model-value="(value) => addOrder(value, 'field', params)"
/> />
</QItemSection> </QItemSection>
@ -265,7 +265,7 @@ function addOrder(value, field, params) {
:options="orderWayList" :options="orderWayList"
dense dense
outlined outlined
rounded filled
@update:model-value="(value) => addOrder(value, 'way', params)" @update:model-value="(value) => addOrder(value, 'way', params)"
/> />
</QItemSection> </QItemSection>
@ -276,7 +276,7 @@ function addOrder(value, field, params) {
:label="t('components.itemsFilterPanel.value')" :label="t('components.itemsFilterPanel.value')"
dense dense
outlined outlined
rounded filled
:is-clearable="false" :is-clearable="false"
v-model="searchByTag" v-model="searchByTag"
@keyup.enter="(val) => onSearchByTag(val, params)" @keyup.enter="(val) => onSearchByTag(val, params)"

14
src/pages/Order/Card/OrderFilter.vue
View File

@ -50,7 +50,7 @@ const sourceList = ref([]);
lazy-rules lazy-rules
dense dense
outlined outlined
rounded filled
/> />
<VnSelect <VnSelect
:label="t('agency')" :label="t('agency')"
@ -59,12 +59,12 @@ const sourceList = ref([]);
:input-debounce="0" :input-debounce="0"
dense dense
outlined outlined
rounded filled
/> />
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.departmentFk')" :label="t('globals.params.departmentFk')"
v-model="params.departmentFk" v-model="params.departmentFk"
option-value="id" option-value="id"
@ -76,20 +76,20 @@ const sourceList = ref([]);
:label="t('fromLanded')" :label="t('fromLanded')"
dense dense
outlined outlined
rounded filled
/> />
<VnInputDate <VnInputDate
v-model="params.to" v-model="params.to"
:label="t('toLanded')" :label="t('toLanded')"
dense dense
outlined outlined
rounded filled
/> />
<VnInput <VnInput
:label="t('orderId')" :label="t('orderId')"
v-model="params.orderFk" v-model="params.orderFk"
lazy-rules lazy-rules
is-outlined filled
/> />
<VnSelect <VnSelect
:label="t('application')" :label="t('application')"
@ -99,7 +99,7 @@ const sourceList = ref([]);
option-value="value" option-value="value"
dense dense
outlined outlined
rounded filled
:input-debounce="0" :input-debounce="0"
/> />
<QCheckbox <QCheckbox

32
src/pages/Route/Card/RouteAutonomousFilter.vue
View File

@ -71,7 +71,7 @@ const exprBuilder = (param, value) => {
<QList dense> <QList dense>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInput v-model="params.routeFk" :label="t('ID')" is-outlined /> <VnInput v-model="params.routeFk" :label="t('ID')" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm" v-if="agencyList"> <QItem class="q-my-sm" v-if="agencyList">
@ -84,7 +84,7 @@ const exprBuilder = (param, value) => {
option-label="name" option-label="name"
dense dense
outlined outlined
rounded filled
emit-value emit-value
map-options map-options
use-input use-input
@ -103,7 +103,7 @@ const exprBuilder = (param, value) => {
option-label="name" option-label="name"
dense dense
outlined outlined
rounded filled
emit-value emit-value
map-options map-options
use-input use-input
@ -124,7 +124,7 @@ const exprBuilder = (param, value) => {
option-label="name" option-label="name"
dense dense
outlined outlined
rounded filled
emit-value emit-value
map-options map-options
use-input use-input
@ -135,20 +135,12 @@ const exprBuilder = (param, value) => {
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate v-model="params.dated" :label="t('Date')" filled />
v-model="params.dated"
:label="t('Date')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInputDate <VnInputDate v-model="params.from" :label="t('From')" filled />
v-model="params.from"
:label="t('From')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
@ -156,7 +148,7 @@ const exprBuilder = (param, value) => {
<VnInputDate <VnInputDate
v-model="params.to" v-model="params.to"
:label="t('To')" :label="t('To')"
is-outlined filled
is-clearable is-clearable
/> />
</QItemSection> </QItemSection>
@ -166,23 +158,23 @@ const exprBuilder = (param, value) => {
<VnInput <VnInput
v-model="params.packages" v-model="params.packages"
:label="t('Packages')" :label="t('Packages')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInput v-model="params.m3" :label="t('m3')" is-outlined /> <VnInput v-model="params.m3" :label="t('m3')" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInput v-model="params.kmTotal" :label="t('Km')" is-outlined /> <VnInput v-model="params.kmTotal" :label="t('Km')" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInput v-model="params.price" :label="t('Price')" is-outlined /> <VnInput v-model="params.price" :label="t('Price')" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
@ -190,7 +182,7 @@ const exprBuilder = (param, value) => {
<VnInput <VnInput
v-model="params.invoiceInFk" v-model="params.invoiceInFk"
:label="t('Received')" :label="t('Received')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

18
src/pages/Route/Card/RouteFilter.vue
View File

@ -37,7 +37,7 @@ const emit = defineEmits(['search']);
v-model="params.workerFk" v-model="params.workerFk"
dense dense
outlined outlined
rounded filled
:input-debounce="0" :input-debounce="0"
/> />
</QItemSection> </QItemSection>
@ -53,7 +53,7 @@ const emit = defineEmits(['search']);
option-label="name" option-label="name"
dense dense
outlined outlined
rounded filled
:input-debounce="0" :input-debounce="0"
/> />
</QItemSection> </QItemSection>
@ -63,7 +63,7 @@ const emit = defineEmits(['search']);
<VnInputDate <VnInputDate
v-model="params.from" v-model="params.from"
:label="t('globals.from')" :label="t('globals.from')"
is-outlined filled
:disable="Boolean(params.scopeDays)" :disable="Boolean(params.scopeDays)"
@update:model-value="params.scopeDays = null" @update:model-value="params.scopeDays = null"
/> />
@ -74,7 +74,7 @@ const emit = defineEmits(['search']);
<VnInputDate <VnInputDate
v-model="params.to" v-model="params.to"
:label="t('globals.to')" :label="t('globals.to')"
is-outlined filled
:disable="Boolean(params.scopeDays)" :disable="Boolean(params.scopeDays)"
@update:model-value="params.scopeDays = null" @update:model-value="params.scopeDays = null"
/> />
@ -86,7 +86,7 @@ const emit = defineEmits(['search']);
v-model="params.scopeDays" v-model="params.scopeDays"
type="number" type="number"
:label="t('globals.daysOnward')" :label="t('globals.daysOnward')"
is-outlined filled
clearable clearable
:disable="Boolean(params.from || params.to)" :disable="Boolean(params.from || params.to)"
@update:model-value=" @update:model-value="
@ -108,14 +108,14 @@ const emit = defineEmits(['search']);
option-filter-value="numberPlate" option-filter-value="numberPlate"
dense dense
outlined outlined
rounded filled
:input-debounce="0" :input-debounce="0"
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInput v-model="params.m3" label="m³" is-outlined clearable /> <VnInput v-model="params.m3" label="m³" filled clearable />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
@ -128,7 +128,7 @@ const emit = defineEmits(['search']);
option-label="name" option-label="name"
dense dense
outlined outlined
rounded filled
:input-debounce="0" :input-debounce="0"
/> />
</QItemSection> </QItemSection>
@ -138,7 +138,7 @@ const emit = defineEmits(['search']);
<VnInput <VnInput
v-model="params.description" v-model="params.description"
:label="t('globals.description')" :label="t('globals.description')"
is-outlined filled
clearable clearable
/> />
</QItemSection> </QItemSection>

16
src/pages/Route/Roadmap/RoadmapFilter.vue
View File

@ -31,12 +31,12 @@ const emit = defineEmits(['search']);
<template #body="{ params }"> <template #body="{ params }">
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInputDate v-model="params.from" :label="t('From')" is-outlined /> <VnInputDate v-model="params.from" :label="t('From')" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
<QItemSection> <QItemSection>
<VnInputDate v-model="params.to" :label="t('To')" is-outlined /> <VnInputDate v-model="params.to" :label="t('To')" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-my-sm"> <QItem class="q-my-sm">
@ -44,7 +44,7 @@ const emit = defineEmits(['search']);
<VnInput <VnInput
v-model="params.tractorPlate" v-model="params.tractorPlate"
:label="t('Tractor Plate')" :label="t('Tractor Plate')"
is-outlined filled
clearable clearable
/> />
</QItemSection> </QItemSection>
@ -54,7 +54,7 @@ const emit = defineEmits(['search']);
<VnInput <VnInput
v-model="params.trailerPlate" v-model="params.trailerPlate"
:label="t('Trailer Plate')" :label="t('Trailer Plate')"
is-outlined filled
clearable clearable
/> />
</QItemSection> </QItemSection>
@ -67,7 +67,7 @@ const emit = defineEmits(['search']);
v-model="params.supplierFk" v-model="params.supplierFk"
dense dense
outlined outlined
rounded filled
emit-value emit-value
map-options map-options
use-input use-input
@ -81,7 +81,7 @@ const emit = defineEmits(['search']);
v-model="params.price" v-model="params.price"
:label="t('Price')" :label="t('Price')"
type="number" type="number"
is-outlined filled
clearable clearable
/> />
</QItemSection> </QItemSection>
@ -91,7 +91,7 @@ const emit = defineEmits(['search']);
<VnInput <VnInput
v-model="params.driverName" v-model="params.driverName"
:label="t('Driver name')" :label="t('Driver name')"
is-outlined filled
clearable clearable
/> />
</QItemSection> </QItemSection>
@ -101,7 +101,7 @@ const emit = defineEmits(['search']);
<VnInput <VnInput
v-model="params.phone" v-model="params.phone"
:label="t('Phone')" :label="t('Phone')"
is-outlined filled
clearable clearable
/> />
</QItemSection> </QItemSection>

4
src/pages/Shelving/Card/ShelvingFilter.vue
View File

@ -40,14 +40,14 @@ const emit = defineEmits(['search']);
:filter-options="['id', 'code']" :filter-options="['id', 'code']"
dense dense
outlined outlined
rounded filled
sort-by="code ASC" sort-by="code ASC"
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-mb-sm"> <QItem class="q-mb-sm">
<QItemSection> <QItemSection>
<VnSelectWorker v-model="params.userFk" outlined rounded /> <VnSelectWorker v-model="params.userFk" outlined filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem class="q-mb-md"> <QItem class="q-mb-md">

8
src/pages/Shelving/Parking/ParkingFilter.vue
View File

@ -36,11 +36,7 @@ const emit = defineEmits(['search']);
<template #body="{ params }"> <template #body="{ params }">
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput :label="t('params.code')" v-model="params.code" filled />
:label="t('params.code')"
v-model="params.code"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -52,7 +48,7 @@ const emit = defineEmits(['search']);
:label="t('params.sectorFk')" :label="t('params.sectorFk')"
dense dense
outlined outlined
rounded filled
:options="sectors" :options="sectors"
use-input use-input
input-debounce="0" input-debounce="0"

6
src/pages/Supplier/Card/SupplierBalanceFilter.vue
View File

@ -33,7 +33,7 @@ defineProps({
:label="t('params.from')" :label="t('params.from')"
v-model="params.from" v-model="params.from"
@update:model-value="searchFn()" @update:model-value="searchFn()"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -48,7 +48,7 @@ defineProps({
sort-by="id" sort-by="id"
dense dense
outlined outlined
rounded filled
> >
<template #option="scope"> <template #option="scope">
<QItem v-bind="scope.itemProps"> <QItem v-bind="scope.itemProps">
@ -75,7 +75,7 @@ defineProps({
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

22
src/pages/Supplier/Card/SupplierConsumptionFilter.vue
View File

@ -25,20 +25,12 @@ defineProps({
<template #body="{ params, searchFn }"> <template #body="{ params, searchFn }">
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.search" :label="t('params.search')" filled />
v-model="params.search"
:label="t('params.search')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.itemId" :label="t('params.itemId')" filled />
v-model="params.itemId"
:label="t('params.itemId')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -55,7 +47,7 @@ defineProps({
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -74,7 +66,7 @@ defineProps({
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
> >
<template #option="scope"> <template #option="scope">
<QItem v-bind="scope.itemProps"> <QItem v-bind="scope.itemProps">
@ -103,7 +95,7 @@ defineProps({
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -113,7 +105,7 @@ defineProps({
:label="t('params.from')" :label="t('params.from')"
v-model="params.from" v-model="params.from"
@update:model-value="searchFn()" @update:model-value="searchFn()"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -123,7 +115,7 @@ defineProps({
:label="t('params.to')" :label="t('params.to')"
v-model="params.to" v-model="params.to"
@update:model-value="searchFn()" @update:model-value="searchFn()"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

12
src/pages/Ticket/Negative/TicketLackFilter.vue
View File

@ -81,7 +81,7 @@ const setUserParams = (params) => {
v-model="params.days" v-model="params.days"
:label="t('negative.days')" :label="t('negative.days')"
dense dense
is-outlined filled
type="number" type="number"
@update:model-value=" @update:model-value="
(value) => { (value) => {
@ -97,7 +97,7 @@ const setUserParams = (params) => {
v-model="params.id" v-model="params.id"
:label="t('negative.id')" :label="t('negative.id')"
dense dense
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -107,7 +107,7 @@ const setUserParams = (params) => {
v-model="params.producer" v-model="params.producer"
:label="t('negative.producer')" :label="t('negative.producer')"
dense dense
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -117,7 +117,7 @@ const setUserParams = (params) => {
v-model="params.origen" v-model="params.origen"
:label="t('negative.origen')" :label="t('negative.origen')"
dense dense
is-outlined filled
/> />
</QItemSection> </QItem </QItemSection> </QItem
><QItem> ><QItem>
@ -134,7 +134,7 @@ const setUserParams = (params) => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> </QItemSection /> </QItemSection
><QItemSection v-else> ><QItemSection v-else>
<QSkeleton class="full-width" type="QSelect" /> <QSkeleton class="full-width" type="QSelect" />
@ -152,7 +152,7 @@ const setUserParams = (params) => {
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
> >
<template #option="scope"> <template #option="scope">
<QItem v-bind="scope.itemProps"> <QItem v-bind="scope.itemProps">

14
src/pages/Ticket/TicketAdvanceFilter.vue
View File

@ -71,7 +71,7 @@ onMounted(async () => await getItemPackingTypes());
<VnInputDate <VnInputDate
v-model="params.dateFuture" v-model="params.dateFuture"
:label="t('params.dateFuture')" :label="t('params.dateFuture')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -80,7 +80,7 @@ onMounted(async () => await getItemPackingTypes());
<VnInputDate <VnInputDate
v-model="params.dateToAdvance" v-model="params.dateToAdvance"
:label="t('params.dateToAdvance')" :label="t('params.dateToAdvance')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -96,7 +96,7 @@ onMounted(async () => await getItemPackingTypes());
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
:use-like="false" :use-like="false"
> >
</VnSelect> </VnSelect>
@ -114,7 +114,7 @@ onMounted(async () => await getItemPackingTypes());
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
:use-like="false" :use-like="false"
> >
</VnSelect> </VnSelect>
@ -125,7 +125,7 @@ onMounted(async () => await getItemPackingTypes());
<VnInputNumber <VnInputNumber
v-model="params.scopeDays" v-model="params.scopeDays"
:label="t('Days onward')" :label="t('Days onward')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -148,7 +148,7 @@ onMounted(async () => await getItemPackingTypes());
:fields="['id', 'name']" :fields="['id', 'name']"
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -163,7 +163,7 @@ onMounted(async () => await getItemPackingTypes());
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
> >
</VnSelect> </VnSelect>
</QItemSection> </QItemSection>

44
src/pages/Ticket/TicketFilter.vue
View File

@ -63,18 +63,10 @@ const getGroupedStates = (data) => {
<template #body="{ params, searchFn }"> <template #body="{ params, searchFn }">
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.clientFk" :label="t('Customer ID')" filled />
v-model="params.clientFk"
:label="t('Customer ID')"
is-outlined
/>
</QItemSection> </QItemSection>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.orderFk" :label="t('Order ID')" filled />
v-model="params.orderFk"
:label="t('Order ID')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -82,7 +74,7 @@ const getGroupedStates = (data) => {
<VnInputDate <VnInputDate
v-model="params.from" v-model="params.from"
:label="t('From')" :label="t('From')"
is-outlined filled
data-cy="From_date" data-cy="From_date"
/> />
</QItemSection> </QItemSection>
@ -90,7 +82,7 @@ const getGroupedStates = (data) => {
<VnInputDate <VnInputDate
v-model="params.to" v-model="params.to"
:label="t('To')" :label="t('To')"
is-outlined filled
data-cy="To_date" data-cy="To_date"
/> />
</QItemSection> </QItemSection>
@ -100,7 +92,7 @@ const getGroupedStates = (data) => {
<VnSelect <VnSelect
outlined outlined
dense dense
rounded filled
:label="t('globals.params.departmentFk')" :label="t('globals.params.departmentFk')"
v-model="params.departmentFk" v-model="params.departmentFk"
option-value="id" option-value="id"
@ -126,7 +118,7 @@ const getGroupedStates = (data) => {
use-input use-input
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -147,18 +139,14 @@ const getGroupedStates = (data) => {
use-input use-input
dense dense
outlined outlined
rounded filled
sort-by="name ASC" sort-by="name ASC"
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.refFk" :label="t('Invoice Ref.')" filled />
v-model="params.refFk"
:label="t('Invoice Ref.')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -166,17 +154,13 @@ const getGroupedStates = (data) => {
<VnInput <VnInput
v-model="params.scopeDays" v-model="params.scopeDays"
:label="t('Days onward')" :label="t('Days onward')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput v-model="params.nickname" :label="t('Nickname')" filled />
v-model="params.nickname"
:label="t('Nickname')"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -242,7 +226,7 @@ const getGroupedStates = (data) => {
use-input use-input
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -261,7 +245,7 @@ const getGroupedStates = (data) => {
use-input use-input
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -282,7 +266,7 @@ const getGroupedStates = (data) => {
use-input use-input
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -291,7 +275,7 @@ const getGroupedStates = (data) => {
<VnInput <VnInput
v-model="params.collectionFk" v-model="params.collectionFk"
:label="t('Collection')" :label="t('Collection')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

18
src/pages/Ticket/TicketFutureFilter.vue
View File

@ -73,7 +73,7 @@ onMounted(async () => {
<VnInputDate <VnInputDate
v-model="params.originScopeDays" v-model="params.originScopeDays"
:label="t('params.originScopeDays')" :label="t('params.originScopeDays')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -82,7 +82,7 @@ onMounted(async () => {
<VnInputDate <VnInputDate
v-model="params.futureScopeDays" v-model="params.futureScopeDays"
:label="t('params.futureScopeDays')" :label="t('params.futureScopeDays')"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -91,7 +91,7 @@ onMounted(async () => {
<VnInput <VnInput
:label="t('params.litersMax')" :label="t('params.litersMax')"
v-model="params.litersMax" v-model="params.litersMax"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -100,7 +100,7 @@ onMounted(async () => {
<VnInput <VnInput
:label="t('params.linesMax')" :label="t('params.linesMax')"
v-model="params.linesMax" v-model="params.linesMax"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -116,7 +116,7 @@ onMounted(async () => {
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
> >
</VnSelect> </VnSelect>
</QItemSection> </QItemSection>
@ -133,7 +133,7 @@ onMounted(async () => {
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
> >
</VnSelect> </VnSelect>
</QItemSection> </QItemSection>
@ -149,7 +149,7 @@ onMounted(async () => {
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
> >
</VnSelect> </VnSelect>
</QItemSection> </QItemSection>
@ -165,7 +165,7 @@ onMounted(async () => {
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
> >
</VnSelect> </VnSelect>
</QItemSection> </QItemSection>
@ -192,7 +192,7 @@ onMounted(async () => {
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
> >
</VnSelect> </VnSelect>
</QItemSection> </QItemSection>

24
src/pages/Travel/ExtraCommunityFilter.vue
View File

@ -87,7 +87,7 @@ warehouses();
<template #body="{ params, searchFn }"> <template #body="{ params, searchFn }">
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput label="id" v-model="params.id" is-outlined /> <VnInput label="id" v-model="params.id" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -95,7 +95,7 @@ warehouses();
<VnInput <VnInput
:label="t('extraCommunity.filter.reference')" :label="t('extraCommunity.filter.reference')"
v-model="params.reference" v-model="params.reference"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -107,7 +107,7 @@ warehouses();
:label="t('extraCommunity.filter.totalEntries')" :label="t('extraCommunity.filter.totalEntries')"
dense dense
outlined outlined
rounded filled
min="0" min="0"
class="input-number" class="input-number"
> >
@ -142,7 +142,7 @@ warehouses();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -152,7 +152,7 @@ warehouses();
:label="t('extraCommunity.filter.shippedFrom')" :label="t('extraCommunity.filter.shippedFrom')"
v-model="params.shippedFrom" v-model="params.shippedFrom"
@update:model-value="searchFn()" @update:model-value="searchFn()"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -162,7 +162,7 @@ warehouses();
:label="t('extraCommunity.filter.landedTo')" :label="t('extraCommunity.filter.landedTo')"
v-model="params.landedTo" v-model="params.landedTo"
@update:model-value="searchFn()" @update:model-value="searchFn()"
is-outlined filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -177,7 +177,7 @@ warehouses();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -192,7 +192,7 @@ warehouses();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -207,7 +207,7 @@ warehouses();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -219,7 +219,7 @@ warehouses();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -230,7 +230,7 @@ warehouses();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -246,7 +246,7 @@ warehouses();
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>

27
src/pages/Travel/TravelFilter.vue
View File

@ -33,19 +33,14 @@ defineExpose({ states });
</template> </template>
<template #body="{ params, searchFn }"> <template #body="{ params, searchFn }">
<div class="q-pa-sm q-gutter-y-sm"> <div class="q-pa-sm q-gutter-y-sm">
<VnInput <VnInput :label="t('travel.Id')" v-model="params.id" lazy-rules filled>
:label="t('travel.Id')"
v-model="params.id"
lazy-rules
is-outlined
>
<template #prepend> <QIcon name="badge" size="xs" /></template> <template #prepend> <QIcon name="badge" size="xs" /></template>
</VnInput> </VnInput>
<VnInput <VnInput
:label="t('travel.ref')" :label="t('travel.ref')"
v-model="params.ref" v-model="params.ref"
lazy-rules lazy-rules
is-outlined filled
/> />
<VnSelect <VnSelect
:label="t('travel.agency')" :label="t('travel.agency')"
@ -57,7 +52,7 @@ defineExpose({ states });
option-filter="name" option-filter="name"
dense dense
outlined outlined
rounded filled
/> />
<VnSelect <VnSelect
:label="t('travel.warehouseInFk')" :label="t('travel.warehouseInFk')"
@ -70,21 +65,21 @@ defineExpose({ states });
option-filter="name" option-filter="name"
dense dense
outlined outlined
rounded filled
/> />
<VnInputDate <VnInputDate
:label="t('travel.shipped')" :label="t('travel.shipped')"
v-model="params.shipped" v-model="params.shipped"
@update:model-value="searchFn()" @update:model-value="searchFn()"
outlined outlined
rounded filled
/> />
<VnInputTime <VnInputTime
v-model="params.shipmentHour" v-model="params.shipmentHour"
@update:model-value="searchFn()" @update:model-value="searchFn()"
:label="t('travel.shipmentHour')" :label="t('travel.shipmentHour')"
outlined outlined
rounded filled
dense dense
/> />
<VnSelect <VnSelect
@ -98,7 +93,7 @@ defineExpose({ states });
option-filter="name" option-filter="name"
dense dense
outlined outlined
rounded filled
/> />
<VnInputDate <VnInputDate
:label="t('travel.landed')" :label="t('travel.landed')"
@ -106,27 +101,27 @@ defineExpose({ states });
@update:model-value="searchFn()" @update:model-value="searchFn()"
dense dense
outlined outlined
rounded filled
/> />
<VnInputTime <VnInputTime
v-model="params.landingHour" v-model="params.landingHour"
@update:model-value="searchFn()" @update:model-value="searchFn()"
:label="t('travel.landingHour')" :label="t('travel.landingHour')"
outlined outlined
rounded filled
dense dense
/> />
<VnInput <VnInput
:label="t('travel.totalEntries')" :label="t('travel.totalEntries')"
v-model="params.totalEntries" v-model="params.totalEntries"
lazy-rules lazy-rules
is-outlined filled
/> />
<VnInput <VnInput
:label="t('travel.daysOnward')" :label="t('travel.daysOnward')"
v-model="params.daysOnward" v-model="params.daysOnward"
lazy-rules lazy-rules
is-outlined filled
/> />
</div> </div>
</template> </template>

6
src/pages/Worker/Card/WorkerCalendarFilter.vue
View File

@ -40,7 +40,7 @@ watch(
(newValue) => { (newValue) => {
checkHolidays(newValue); checkHolidays(newValue);
}, },
{ deep: true, immediate: true } { deep: true, immediate: true },
); );
const emit = defineEmits(['update:businessFk', 'update:year', 'update:absenceType']); const emit = defineEmits(['update:businessFk', 'update:year', 'update:absenceType']);
@ -175,7 +175,7 @@ const yearList = ref(generateYears());
:options="yearList" :options="yearList"
dense dense
outlined outlined
rounded filled
use-input use-input
:is-clearable="false" :is-clearable="false"
/> />
@ -189,7 +189,7 @@ const yearList = ref(generateYears());
option-label="businessFk" option-label="businessFk"
dense dense
outlined outlined
rounded filled
use-input use-input
:is-clearable="false" :is-clearable="false"
> >

30
src/pages/Worker/WorkerFilter.vue
View File

@ -35,7 +35,7 @@ const getLocale = (label) => {
<template #body="{ params }"> <template #body="{ params }">
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput :label="t('FI')" v-model="params.fi" is-outlined <VnInput :label="t('FI')" v-model="params.fi" filled
><template #prepend> ><template #prepend>
<QIcon name="badge" size="xs"></QIcon> </template <QIcon name="badge" size="xs"></QIcon> </template
></VnInput> ></VnInput>
@ -43,29 +43,17 @@ const getLocale = (label) => {
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput :label="t('First Name')" v-model="params.firstName" filled />
:label="t('First Name')"
v-model="params.firstName"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput :label="t('Last Name')" v-model="params.lastName" filled />
:label="t('Last Name')"
v-model="params.lastName"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput :label="t('User Name')" v-model="params.userName" filled />
:label="t('User Name')"
v-model="params.userName"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -80,22 +68,18 @@ const getLocale = (label) => {
map-options map-options
dense dense
outlined outlined
rounded filled
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput :label="t('Email')" v-model="params.email" is-outlined /> <VnInput :label="t('Email')" v-model="params.email" filled />
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput :label="t('Extension')" v-model="params.extension" filled />
:label="t('Extension')"
v-model="params.extension"
is-outlined
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>

4
src/pages/Zone/ZoneDeliveryPanel.vue
View File

@ -96,7 +96,7 @@ watch(
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
map-key="geoFk" map-key="geoFk"
data-cy="ZoneDeliveryDaysPostcodeSelect" data-cy="ZoneDeliveryDaysPostcodeSelect"
> >
@ -129,7 +129,7 @@ watch(
hide-selected hide-selected
dense dense
outlined outlined
rounded filled
data-cy="ZoneDeliveryDaysAgencySelect" data-cy="ZoneDeliveryDaysAgencySelect"
/> />
<VnSelect <VnSelect