From 7f1c4690e898e8651a10ad50135c53e6117aba41 Mon Sep 17 00:00:00 2001
From: carlosfonseca <carlos.fonseca@mindshore.io>
Date: Thu, 8 Feb 2024 13:25:44 -0500
Subject: [PATCH] Correccion de comentarios

---
 src/pages/Customer/Card/CustomerBasicData.vue | 13 +++----
 .../Customer/Card/CustomerBillingData.vue     |  3 +-
 src/pages/Customer/Card/CustomerContacts.vue  |  4 +--
 .../Customer/Card/CustomerCreditOpinion.vue   |  2 ++
 .../Customer/Card/CustomerFiscalData.vue      | 36 +++++++++++++++++--
 src/pages/Customer/Card/CustomerLog.vue       |  6 ++--
 src/pages/Customer/Card/CustomerUnpaid.vue    |  7 +++-
 src/pages/Customer/Card/CustomerWebAccess.vue |  8 +++--
 .../Defaulter/CustomerDefaulterFilter.vue     | 10 +++++-
 .../CustomerNotificationsFilter.vue           | 15 ++++++--
 .../components/CustomerConsigneeCreate.vue    | 12 ++++---
 .../components/CustomerConsigneeEdit.vue      | 18 +++++++---
 .../CustomerCreditContractsCreate.vue         |  2 ++
 .../CustomerFileManagementCreate.vue          |  7 +++-
 .../components/CustomerFileManagementEdit.vue |  7 +++-
 .../components/CustomerGreugeCreate.vue       |  9 +++--
 .../components/CustomerNewCustomsAgent.vue    | 12 +++++--
 .../components/CustomerNewPayment.vue         |  5 +++
 .../components/CustomerRecoverieCreate.vue    | 14 ++++++--
 .../components/CustomerSamplesCreate.vue      |  2 ++
 20 files changed, 153 insertions(+), 39 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index 458d50082..67e4707a1 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -66,10 +66,11 @@ const filterOptions = {
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
                     <VnInput
-                        v-model="data.socialName"
                         :label="t('customer.basicData.socialName')"
                         :rules="validate('client.socialName')"
                         autofocus
+                        clearable
+                        v-model="data.socialName"
                     />
                 </div>
                 <div class="col">
@@ -89,37 +90,37 @@ const filterOptions = {
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
                     <VnInput
-                        v-model="data.contact"
                         :label="t('customer.basicData.contact')"
                         :rules="validate('client.contact')"
                         clearable
+                        v-model="data.contact"
                     />
                 </div>
                 <div class="col">
                     <VnInput
-                        v-model="data.email"
-                        type="email"
                         :label="t('customer.basicData.email')"
                         :rules="validate('client.email')"
                         clearable
+                        type="email"
+                        v-model="data.email"
                     />
                 </div>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
                     <VnInput
-                        v-model="data.phone"
                         :label="t('customer.basicData.phone')"
                         :rules="validate('client.phone')"
                         clearable
+                        v-model="data.phone"
                     />
                 </div>
                 <div class="col">
                     <VnInput
-                        v-model="data.mobile"
                         :label="t('customer.basicData.mobile')"
                         :rules="validate('client.mobile')"
                         clearable
+                        v-model="data.mobile"
                     />
                 </div>
             </VnRow>
diff --git a/src/pages/Customer/Card/CustomerBillingData.vue b/src/pages/Customer/Card/CustomerBillingData.vue
index ca43312ab..2cf18de43 100644
--- a/src/pages/Customer/Card/CustomerBillingData.vue
+++ b/src/pages/Customer/Card/CustomerBillingData.vue
@@ -61,6 +61,7 @@ const getBankEntities = () => {
                     <VnInput
                         :label="t('Due day')"
                         :rules="validate('client.socialName')"
+                        clearable
                         v-model="data.dueDay"
                     />
                 </div>
@@ -68,7 +69,7 @@ const getBankEntities = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('IBAN')" v-model="data.iban">
+                    <VnInput :label="t('IBAN')" clearable v-model="data.iban">
                         <template #append>
                             <QIcon name="info" class="cursor-info">
                                 <QTooltip>{{ t('components.iban_tooltip') }}</QTooltip>
diff --git a/src/pages/Customer/Card/CustomerContacts.vue b/src/pages/Customer/Card/CustomerContacts.vue
index fb99c3e7b..47ba2eebf 100644
--- a/src/pages/Customer/Card/CustomerContacts.vue
+++ b/src/pages/Customer/Card/CustomerContacts.vue
@@ -82,11 +82,11 @@ const onSubmit = async () => {
                     v-for="(note, index) in notes"
                 >
                     <div class="col">
-                        <VnInput :label="t('Name')" v-model="note.name" />
+                        <VnInput :label="t('Name')" clearable v-model="note.name" />
                     </div>
 
                     <div class="col">
-                        <VnInput :label="t('Phone')" v-model="note.phone" />
+                        <VnInput :label="t('Phone')" clearable v-model="note.phone" />
                     </div>
 
                     <div class="flex items-center">
diff --git a/src/pages/Customer/Card/CustomerCreditOpinion.vue b/src/pages/Customer/Card/CustomerCreditOpinion.vue
index 8a532a4e3..2746750ab 100644
--- a/src/pages/Customer/Card/CustomerCreditOpinion.vue
+++ b/src/pages/Customer/Card/CustomerCreditOpinion.vue
@@ -52,6 +52,7 @@ const initialData = reactive({
                 <div class="col">
                     <VnInput
                         :label="t('Rating')"
+                        clearable
                         type="number"
                         v-model.number="data.rating"
                     />
@@ -59,6 +60,7 @@ const initialData = reactive({
                 <div class="col">
                     <VnInput
                         :label="t('Recommended credit')"
+                        clearable
                         type="number"
                         v-model.number="data.recommendedCredit"
                     />
diff --git a/src/pages/Customer/Card/CustomerFiscalData.vue b/src/pages/Customer/Card/CustomerFiscalData.vue
index 0edcc3c07..ee78274f3 100644
--- a/src/pages/Customer/Card/CustomerFiscalData.vue
+++ b/src/pages/Customer/Card/CustomerFiscalData.vue
@@ -75,17 +75,26 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
                         :label="t('Social name')"
                         :required="true"
                         :rules="validate('client.socialName')"
+                        clearable
                         v-model="data.socialName"
-                    />
+                    >
+                        <template #append>
+                            <QIcon name="info" class="cursor-info">
+                                <QTooltip>{{
+                                    t('Only letters, numbers and spaces can be used')
+                                }}</QTooltip>
+                            </QIcon>
+                        </template>
+                    </VnInput>
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Tax number')" v-model="data.fi" />
+                    <VnInput :label="t('Tax number')" clearable v-model="data.fi" />
                 </div>
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Street')" v-model="data.street" />
+                    <VnInput :label="t('Street')" clearable v-model="data.street" />
                 </div>
             </VnRow>
 
@@ -220,6 +229,15 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
                 </div>
                 <div class="col">
                     <QCheckbox :label="t('Vies')" v-model="data.isVies" />
+                    <QIcon name="info" class="cursor-info q-ml-sm" size="sm">
+                        <QTooltip>
+                            {{
+                                t(
+                                    'When activating it, do not enter the country code in the ID field'
+                                )
+                            }}
+                        </QTooltip>
+                    </QIcon>
                 </div>
             </VnRow>
 
@@ -244,6 +262,15 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
                         :label="t('Is equalizated')"
                         v-model="data.isEqualizated"
                     />
+                    <QIcon class="cursor-info q-ml-sm" name="info" size="sm">
+                        <QTooltip>
+                            {{
+                                t(
+                                    "In order to invoice, this field is not contulted, but the consignee's ET. When modifiying this field if the invoice by address option is not checked, the change will be automatically propagated to all addresses, otherwise the user will be asked if he wants to propagate it or not"
+                                )
+                            }}
+                        </QTooltip>
+                    </QIcon>
                 </div>
                 <div class="col">
                     <QCheckbox
@@ -274,6 +301,7 @@ const onPostcodeCreated = async ({ code, provinceFk, townFk, countryFk }, formDa
 <i18n>
 es:
     Social name: Razón social
+    Only letters, numbers and spaces can be used: Sólo se pueden usar letras, números y espacios
     Tax number: NIF / CIF
     Street: Dirección fiscal
     Sage tax type: Tipo de impuesto Sage
@@ -286,9 +314,11 @@ es:
     Frozen: Congelado
     Has to invoice: Factura
     Vies: Vies
+    When activating it, do not enter the country code in the ID field: Al activarlo, no informar el código del país en el campo nif.
     Notify by email: Notificar vía e-mail
     Invoice by address: Facturar por consignatario
     Is equalizated: Recargo de equivalencia
+    In order to invoice, this field is not contulted, but the consignee's ET. When modifiying this field if the invoice by address option is not checked, the change will be automatically propagated to all addresses, otherwise the user will be asked if he wants to propagate it or not: Para facturar no se consulta este campo, sino el RE de consignatario. Al modificar este campo si no esta marcada la casilla Facturar por consignatario, se propagará automaticamente el cambio a todos lo consignatarios, en caso contrario preguntará al usuario si quiere o no propagar.
     Verified data: Datos comprobados
     Incoterms authorization: Autorización incoterms
     Electronic invoice: Factura electrónica
diff --git a/src/pages/Customer/Card/CustomerLog.vue b/src/pages/Customer/Card/CustomerLog.vue
index 5616bdf87..c237e5fd5 100644
--- a/src/pages/Customer/Card/CustomerLog.vue
+++ b/src/pages/Customer/Card/CustomerLog.vue
@@ -130,7 +130,7 @@ const setInq = (value, status) => {
 
     <QDrawer :width="256" show-if-above side="right" v-model="stateStore.rightDrawer">
         <div class="q-mt-sm q-px-md">
-            <VnInput :label="t('Search')">
+            <VnInput :label="t('Search')" clearable>
                 <template #append>
                     <QIcon name="info" class="cursor-pointer">
                         <QTooltip>
@@ -187,7 +187,7 @@ const setInq = (value, status) => {
                 option-label="name"
                 option-value="id"
             />
-            <VnInput :label="t('Changes')" class="q-mt-sm">
+            <VnInput :label="t('Changes')" clearable class="q-mt-sm">
                 <template #append>
                     <QIcon name="info" class="cursor-pointer">
                         <QTooltip>
@@ -227,7 +227,7 @@ const setInq = (value, status) => {
             </div>
 
             <VnInputDate :label="t('Date')" class="q-mt-sm" />
-            <VnInput :label="t('To')" class="q-mt-md" />
+            <VnInput :label="t('To')" clearable class="q-mt-md" />
         </div>
     </QDrawer>
 
diff --git a/src/pages/Customer/Card/CustomerUnpaid.vue b/src/pages/Customer/Card/CustomerUnpaid.vue
index 54b4851db..6dd5f01c6 100644
--- a/src/pages/Customer/Card/CustomerUnpaid.vue
+++ b/src/pages/Customer/Card/CustomerUnpaid.vue
@@ -42,7 +42,12 @@ const onFetch = () => {
                     <VnInputDate :label="t('Date')" v-model="data.dated" />
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Amount')" type="number" v-model="data.amount" />
+                    <VnInput
+                        :label="t('Amount')"
+                        clearable
+                        type="number"
+                        v-model="data.amount"
+                    />
                 </div>
             </VnRow>
         </template>
diff --git a/src/pages/Customer/Card/CustomerWebAccess.vue b/src/pages/Customer/Card/CustomerWebAccess.vue
index a782f97a2..b666780a2 100644
--- a/src/pages/Customer/Card/CustomerWebAccess.vue
+++ b/src/pages/Customer/Card/CustomerWebAccess.vue
@@ -40,10 +40,14 @@ const filter = { where: { id: `${route.params.id}` } };
 
                     <VnRow class="row q-gutter-md q-mb-md">
                         <div class="col">
-                            <VnInput :label="t('User')" v-model="item.name" />
+                            <VnInput :label="t('User')" clearable v-model="item.name" />
                         </div>
                         <div class="col">
-                            <VnInput :label="t('Recovery email')" v-model="item.email">
+                            <VnInput
+                                :label="t('Recovery email')"
+                                clearable
+                                v-model="item.email"
+                            >
                                 <template #append>
                                     <QIcon name="info" class="cursor-pointer">
                                         <QTooltip>{{
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
index f26af5975..3ba7f6555 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
@@ -119,6 +119,7 @@ const authors = ref();
                 <QItemSection>
                     <VnInput
                         :label="t('P. Method')"
+                        clearable
                         is-outlined
                         v-model="params.paymentMethod"
                     />
@@ -129,6 +130,7 @@ const authors = ref();
                 <QItemSection>
                     <VnInput
                         :label="t('Balance D.')"
+                        clearable
                         is-outlined
                         v-model="params.balance"
                     />
@@ -160,7 +162,12 @@ const authors = ref();
 
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput :label="t('L. O. Date')" is-outlined v-model="params.date" />
+                    <VnInput
+                        :label="t('L. O. Date')"
+                        clearable
+                        is-outlined
+                        v-model="params.date"
+                    />
                 </QItemSection>
             </QItem>
 
@@ -168,6 +175,7 @@ const authors = ref();
                 <QItemSection>
                     <VnInput
                         :label="t('Credit I.')"
+                        clearable
                         is-outlined
                         v-model="params.credit"
                     />
diff --git a/src/pages/Customer/Notifications/CustomerNotificationsFilter.vue b/src/pages/Customer/Notifications/CustomerNotificationsFilter.vue
index 957abb7a3..4e866435f 100644
--- a/src/pages/Customer/Notifications/CustomerNotificationsFilter.vue
+++ b/src/pages/Customer/Notifications/CustomerNotificationsFilter.vue
@@ -40,6 +40,7 @@ const clients = ref();
                 <QItemSection>
                     <VnInput
                         :label="t('Identifier')"
+                        clearable
                         is-outlined
                         v-model="params.identifier"
                     />
@@ -96,13 +97,23 @@ const clients = ref();
 
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput :label="t('Phone')" is-outlined v-model="params.phone" />
+                    <VnInput
+                        :label="t('Phone')"
+                        clearable
+                        is-outlined
+                        v-model="params.phone"
+                    />
                 </QItemSection>
             </QItem>
 
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput :label="t('Email')" is-outlined v-model="params.email" />
+                    <VnInput
+                        :label="t('Email')"
+                        clearable
+                        is-outlined
+                        v-model="params.email"
+                    />
                 </QItemSection>
             </QItem>
             <QSeparator />
diff --git a/src/pages/Customer/components/CustomerConsigneeCreate.vue b/src/pages/Customer/components/CustomerConsigneeCreate.vue
index de9899f16..7061e50df 100644
--- a/src/pages/Customer/components/CustomerConsigneeCreate.vue
+++ b/src/pages/Customer/components/CustomerConsigneeCreate.vue
@@ -104,10 +104,14 @@ const toCustomerConsignees = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Consignee')" v-model="data.nickname" />
+                    <VnInput :label="t('Consignee')" clearable v-model="data.nickname" />
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Street address')" v-model="data.street" />
+                    <VnInput
+                        :label="t('Street address')"
+                        clearable
+                        v-model="data.street"
+                    />
                 </div>
             </VnRow>
 
@@ -204,10 +208,10 @@ const toCustomerConsignees = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Phone')" v-model="data.phone" />
+                    <VnInput :label="t('Phone')" clearable v-model="data.phone" />
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Mobile')" v-model="data.mobile" />
+                    <VnInput :label="t('Mobile')" clearable v-model="data.mobile" />
                 </div>
             </VnRow>
 
diff --git a/src/pages/Customer/components/CustomerConsigneeEdit.vue b/src/pages/Customer/components/CustomerConsigneeEdit.vue
index cfcd140f7..1411afb33 100644
--- a/src/pages/Customer/components/CustomerConsigneeEdit.vue
+++ b/src/pages/Customer/components/CustomerConsigneeEdit.vue
@@ -159,10 +159,14 @@ const onDataSaved = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Consignee')" v-model="data.nickname" />
+                    <VnInput :label="t('Consignee')" clearable v-model="data.nickname" />
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Street address')" v-model="data.street" />
+                    <VnInput
+                        :label="t('Street address')"
+                        clearable
+                        v-model="data.street"
+                    />
                 </div>
             </VnRow>
 
@@ -259,10 +263,10 @@ const onDataSaved = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Phone')" v-model="data.phone" />
+                    <VnInput :label="t('Phone')" clearable v-model="data.phone" />
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Mobile')" v-model="data.mobile" />
+                    <VnInput :label="t('Mobile')" clearable v-model="data.mobile" />
                 </div>
             </VnRow>
 
@@ -310,7 +314,11 @@ const onDataSaved = () => {
                     />
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Description')" v-model="note.description" />
+                    <VnInput
+                        :label="t('Description')"
+                        clearable
+                        v-model="note.description"
+                    />
                 </div>
                 <div class="flex items-center">
                     <QIcon
diff --git a/src/pages/Customer/components/CustomerCreditContractsCreate.vue b/src/pages/Customer/components/CustomerCreditContractsCreate.vue
index 4a3b74091..40a41030d 100644
--- a/src/pages/Customer/components/CustomerCreditContractsCreate.vue
+++ b/src/pages/Customer/components/CustomerCreditContractsCreate.vue
@@ -34,6 +34,7 @@ const onDataSaved = () => {
                 <div class="col">
                     <VnInput
                         :label="t('Credit')"
+                        clearable
                         type="number"
                         v-model.number="data.credit"
                     />
@@ -41,6 +42,7 @@ const onDataSaved = () => {
                 <div class="col">
                     <VnInput
                         :label="t('Grade')"
+                        clearable
                         type="number"
                         v-model.number="data.grade"
                     />
diff --git a/src/pages/Customer/components/CustomerFileManagementCreate.vue b/src/pages/Customer/components/CustomerFileManagementCreate.vue
index c401d1924..c2db63b30 100644
--- a/src/pages/Customer/components/CustomerFileManagementCreate.vue
+++ b/src/pages/Customer/components/CustomerFileManagementCreate.vue
@@ -115,7 +115,11 @@ const inputFileRef = ref();
             <QCardSection>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnInput :label="t('Reference')" v-model="dms.reference" />
+                        <VnInput
+                            :label="t('Reference')"
+                            clearable
+                            v-model="dms.reference"
+                        />
                     </div>
                     <div class="col">
                         <VnSelectFilter
@@ -153,6 +157,7 @@ const inputFileRef = ref();
                     <div class="col">
                         <VnInput
                             :label="t('Description')"
+                            clearable
                             type="textarea"
                             v-model="dms.description"
                         />
diff --git a/src/pages/Customer/components/CustomerFileManagementEdit.vue b/src/pages/Customer/components/CustomerFileManagementEdit.vue
index 6773db42e..0ae78b7d4 100644
--- a/src/pages/Customer/components/CustomerFileManagementEdit.vue
+++ b/src/pages/Customer/components/CustomerFileManagementEdit.vue
@@ -93,7 +93,11 @@ const inputFileRef = ref();
             <QCardSection>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnInput :label="t('Reference')" v-model="dms.reference" />
+                        <VnInput
+                            :label="t('Reference')"
+                            clearable
+                            v-model="dms.reference"
+                        />
                     </div>
                     <div class="col">
                         <VnSelectFilter
@@ -131,6 +135,7 @@ const inputFileRef = ref();
                     <div class="col">
                         <VnInput
                             :label="t('Description')"
+                            clearable
                             type="textarea"
                             v-model="dms.description"
                         />
diff --git a/src/pages/Customer/components/CustomerGreugeCreate.vue b/src/pages/Customer/components/CustomerGreugeCreate.vue
index 1ff467d97..d4ea43b6a 100644
--- a/src/pages/Customer/components/CustomerGreugeCreate.vue
+++ b/src/pages/Customer/components/CustomerGreugeCreate.vue
@@ -50,7 +50,12 @@ const toCustomerGreuges = () => {
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Amount')" type="number" v-model="data.amount" />
+                    <VnInput
+                        :label="t('Amount')"
+                        clearable
+                        type="number"
+                        v-model="data.amount"
+                    />
                 </div>
                 <div class="col">
                     <VnInputDate :label="t('Date')" v-model="data.shipped" />
@@ -59,7 +64,7 @@ const toCustomerGreuges = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Comment')" v-model="data.description" />
+                    <VnInput :label="t('Comment')" clearable v-model="data.description" />
                 </div>
                 <div class="col">
                     <VnSelectFilter
diff --git a/src/pages/Customer/components/CustomerNewCustomsAgent.vue b/src/pages/Customer/components/CustomerNewCustomsAgent.vue
index c9bfbc5ed..fca5a4edd 100644
--- a/src/pages/Customer/components/CustomerNewCustomsAgent.vue
+++ b/src/pages/Customer/components/CustomerNewCustomsAgent.vue
@@ -33,22 +33,28 @@ const onDataSaved = (dataSaved) => {
         <template #form-inputs="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('NIF')" :required="true" v-model="data.nif" />
+                    <VnInput
+                        :label="t('NIF')"
+                        :required="true"
+                        clearable
+                        v-model="data.nif"
+                    />
                 </div>
                 <div class="col">
                     <VnInput
                         :label="t('Fiscal name')"
                         :required="true"
+                        clearable
                         v-model="data.fiscalName"
                     />
                 </div>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Street')" v-model="data.street" />
+                    <VnInput :label="t('Street')" clearable v-model="data.street" />
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Phone')" v-model="data.phone" />
+                    <VnInput :label="t('Phone')" clearable v-model="data.phone" />
                 </div>
             </VnRow>
         </template>
diff --git a/src/pages/Customer/components/CustomerNewPayment.vue b/src/pages/Customer/components/CustomerNewPayment.vue
index 31d8f2886..84c9afb2b 100644
--- a/src/pages/Customer/components/CustomerNewPayment.vue
+++ b/src/pages/Customer/components/CustomerNewPayment.vue
@@ -189,6 +189,7 @@ const onDataSaved = async () => {
                             :label="t('Amount')"
                             :required="true"
                             @update:model-value="calculateFromAmount($event)"
+                            clearable
                             type="number"
                             v-model.number="data.amountPaid"
                         />
@@ -203,6 +204,7 @@ const onDataSaved = async () => {
                     <div class="col" v-if="data.bankFk === 3 || data.bankFk === 3117">
                         <VnInput
                             :label="t('Compensation account')"
+                            clearable
                             v-model="data.compensationAccount"
                         />
                     </div>
@@ -210,6 +212,7 @@ const onDataSaved = async () => {
                         <VnInput
                             :label="t('Reference')"
                             :required="true"
+                            clearable
                             v-model="data.description"
                         />
                     </div>
@@ -223,6 +226,7 @@ const onDataSaved = async () => {
                             <VnInput
                                 :label="t('Delivered amount')"
                                 @update:model-value="calculateFromDeliveredAmount($event)"
+                                clearable
                                 type="number"
                                 v-model="deliveredAmount"
                             />
@@ -230,6 +234,7 @@ const onDataSaved = async () => {
                         <div class="col">
                             <VnInput
                                 :label="t('Amount to return')"
+                                clearable
                                 disable
                                 type="number"
                                 v-model="amountToReturn"
diff --git a/src/pages/Customer/components/CustomerRecoverieCreate.vue b/src/pages/Customer/components/CustomerRecoverieCreate.vue
index ed7304be0..d8871e4fe 100644
--- a/src/pages/Customer/components/CustomerRecoverieCreate.vue
+++ b/src/pages/Customer/components/CustomerRecoverieCreate.vue
@@ -53,10 +53,20 @@ const toCustomerRecoveries = () => {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnInput :label="t('Amount')" type="number" v-model="data.amount" />
+                    <VnInput
+                        :label="t('Amount')"
+                        clearable
+                        type="number"
+                        v-model="data.amount"
+                    />
                 </div>
                 <div class="col">
-                    <VnInput :label="t('Period')" type="number" v-model="data.period" />
+                    <VnInput
+                        :label="t('Period')"
+                        clearable
+                        type="number"
+                        v-model="data.period"
+                    />
                 </div>
             </VnRow>
         </template>
diff --git a/src/pages/Customer/components/CustomerSamplesCreate.vue b/src/pages/Customer/components/CustomerSamplesCreate.vue
index 4176ab43e..1a6eecf40 100644
--- a/src/pages/Customer/components/CustomerSamplesCreate.vue
+++ b/src/pages/Customer/components/CustomerSamplesCreate.vue
@@ -143,6 +143,7 @@ const onDataSaved = async ({
                 <div class="col">
                     <VnInput
                         :label="t('Recipient')"
+                        clearable
                         required="true"
                         v-model="data.recipient"
                     >
@@ -158,6 +159,7 @@ const onDataSaved = async ({
                 <div class="col">
                     <VnInput
                         :label="t('Reply to')"
+                        clearable
                         required="true"
                         v-model="data.replyTo"
                     >