Bläddra i källkod

fix: ajuste campo de 'documento' para 'cpf', com validacao correta

Gustavo Zanatta 3 veckor sedan
förälder
incheckning
c715aac0b2

+ 6 - 3
src/components/login/LoginStep3Panel.vue

@@ -28,7 +28,7 @@
     <div>
       <div class="text-text">
         <span class="font14 fontbold">
-          {{ $t("common.terms.document") }}
+          {{ $t("common.terms.cpf") }}
         </span>
       </div>
 
@@ -39,13 +39,16 @@
         hide-bottom-space
         input-class="text-text"
         lazy-rules
+        mask="###.###.###-##"
         no-error-icon
         outlined
+        placeholder="000.000.000-00"
         rounded
+        type="tel"
+        unmasked-value
         :error="!!serverErrors.document"
         :error-message="serverErrors.document"
-        :placeholder="$t('common.terms.document')"
-        :rules="[inputRules.cpfOrCnpj]"
+        :rules="[inputRules.required, inputRules.cpf]"
         @update:model-value="clearServerError('document')"
       />
     </div>

+ 0 - 2
src/i18n/locales/en.json

@@ -573,8 +573,6 @@
     "placeholder_email": "Enter your email",
     "phone": "Phone",
     "placeholder_phone": "(11) 99999-9999",
-    "document": "Document",
-    "placeholder_document": "Enter your document",
     "update": "Update",
     "language": "Language",
     "lang_pt": "PT-br",

+ 0 - 2
src/i18n/locales/es.json

@@ -570,8 +570,6 @@
     "placeholder_email": "Ingrese su correo electrónico",
     "phone": "Teléfono",
     "placeholder_phone": "(11) 99999-9999",
-    "document": "Documento",
-    "placeholder_document": "Ingrese su documento",
     "update": "Actualizar",
     "language": "Idioma",
     "lang_pt": "PT-br",

+ 0 - 2
src/i18n/locales/pt.json

@@ -573,8 +573,6 @@
     "placeholder_email": "Digite seu e-mail",
     "phone": "Telefone",
     "placeholder_phone": "(11) 99999-9999",
-    "document": "Documento",
-    "placeholder_document": "Digite seu documento",
     "update": "Atualizar",
     "language": "Idioma",
     "lang_pt": "PT-br",

+ 7 - 4
src/pages/location/AddressCompletionPage.vue

@@ -33,7 +33,7 @@
         />
 
         <div class="text-text">
-          <span class="font14 fontbold">{{ $t("common.terms.document") }}</span>
+          <span class="font14 fontbold">{{ $t("common.terms.cpf") }}</span>
         </div>
 
         <q-input
@@ -42,11 +42,14 @@
           hide-bottom-space
           input-class="text-text"
           lazy-rules
+          mask="###.###.###-##"
           no-error-icon
           outlined
+          placeholder="000.000.000-00"
           rounded
-          :placeholder="$t('common.terms.document')"
-          :rules="[inputRules.cpfOrCnpj]"
+          type="tel"
+          unmasked-value
+          :rules="[inputRules.required, inputRules.cpf]"
         />
 
         <div class="text-text">
@@ -269,7 +272,7 @@ const submitting = ref(false);
 
 const form = ref({
   name: flowStore.name || "",
-  document: flowStore.document || "",
+  document: (flowStore.document || "").replace(/\D/g, ""),
   number: "",
   no_complement: false,
   complement: "",

+ 10 - 3
src/pages/profile/ProfileEditDialog.vue

@@ -146,17 +146,24 @@
 
               <div>
                 <div class="text-grey-8 q-mb-sm font12 fontbold">
-                  {{ $t("profile.document") }}
+                  {{ $t("common.terms.cpf") }}
                 </div>
 
                 <q-input
                   v-model="form.document"
                   dense
+                  hide-bottom-space
                   input-class="text-text"
+                  lazy-rules
+                  mask="###.###.###-##"
+                  no-error-icon
                   outlined
+                  placeholder="000.000.000-00"
+                  type="tel"
+                  unmasked-value
                   :error="!!serverErrors.document"
                   :error-message="serverErrors.document"
-                  :placeholder="$t('profile.placeholder_document')"
+                  :rules="[inputRules.cpf]"
                   @update:model-value="serverErrors.document = null"
                 />
               </div>
@@ -327,7 +334,7 @@ onMounted(async () => {
     form.name = data.name || "";
     form.email = data.email || "";
     form.phone = data.phone || "";
-    form.document = data.client_document || "";
+    form.document = (data.client_document || "").replace(/\D/g, "");
 
     avatarPreview.value = getProfileMediaUrl(data);