feat: add campos de nome e cnpj da unidade na tela de contrato

src/pages/unit/components/CreateContractDialog.vue

@@ -12,7 +12,27 @@
       <q-card-section>
         <div class="text-body2 q-mb-sm">Dados da Unidade</div>
 
-        <div class="row q-col-gutter-x-sm">
+        <div class="row q-col-gutter-sm">
+          <DefaultInput
+            :model-value="unitData.name"
+            label="Nome da Unidade"
+            color="secondary"
+            label-color="secondary"
+            class="col-md-6 col-12"
+            readonly
+          />
+
+          <DefaultInput
+            :model-value="unitData.cnpj"
+            label="CNPJ"
+            color="secondary"
+            label-color="secondary"
+            class="col-md-3 col-12"
+            :mask="masks.Brasil.cnpj"
+            :rules="[inputRules.cnpj]"
+            readonly
+          />
+
           <DefaultInput
             :model-value="unitData.id"
             label="ID"
@@ -27,7 +47,7 @@
             label="Nome do Franqueado"
             color="secondary"
             label-color="secondary"
-            class="col-md-3 col-12"
+            class="col-md-4 col-12"
             disable
           />
 
@@ -36,7 +56,8 @@
             label="CPF/CNH"
             color="secondary"
             label-color="secondary"
-            class="col-md-3 col-12"
+            class="col-md-4 col-12"
+            :mask="masks.Brasil.cpf"
             disable
           />
 
@@ -45,7 +66,7 @@
             label="Data de Nascimento"
             color="secondary"
             label-color="secondary"
-            class="col-md-3 col-12"
+            class="col-md-4 col-12"
             disable
           />
         </div>
@@ -167,6 +188,8 @@ import DefaultInput from "src/components/defaults/DefaultInput.vue";
 import DefaultInputDatePicker from "src/components/defaults/DefaultInputDatePicker.vue";
 import DefaultCurrencyInput from "src/components/defaults/DefaultCurrencyInput.vue";
 import DefaultSelect from "src/components/defaults/DefaultSelect.vue";
+import masks from "src/helpers/masks";
+import { useInputRules } from "src/composables/useInputRules";
 
 import { getUnit } from "src/api/unit";
 import { getLatestTbr } from "src/api/tbr";
@@ -187,9 +210,12 @@ const { dialogRef, onDialogHide, onDialogCancel, onDialogOK } =
 
 const saving = ref(false);
 const municipalitySizeOptions = ref([]);
+const { inputRules } = useInputRules();
 
 const unitData = reactive({
   id: null,
+  name: null,
+  cnpj: null,
   franchisee_name: null,
   franchisee_document: null,
   franchisee_birthday: null,
@@ -214,6 +240,8 @@ async function loadData() {
   ]);
 
   unitData.id = unit.id;
+  unitData.name = unit.name;
+  unitData.cnpj = unit.cnpj;
   unitData.franchisee_name = unit.name_responsible;
 
   const firstPartner = unit.partners?.[0];

src/pages/unit/components/EditContractDialog.vue

@@ -34,6 +34,7 @@
             color="secondary"
             label-color="secondary"
             class="col-md-3 col-12"
+            :mask="masks.Brasil.cpf"
             disable
           />
 
@@ -200,6 +201,7 @@ import DefaultInput from "src/components/defaults/DefaultInput.vue";
 import DefaultInputDatePicker from "src/components/defaults/DefaultInputDatePicker.vue";
 import DefaultCurrencyInput from "src/components/defaults/DefaultCurrencyInput.vue";
 import DefaultSelect from "src/components/defaults/DefaultSelect.vue";
+import masks from "src/helpers/masks";
 
 import { getUnit } from "src/api/unit";
 import { getMunicipalitySizes } from "src/api/tbr_calculation";

src/pages/unit/components/ViewContractDialog.vue

@@ -37,6 +37,7 @@
             color="secondary"
             label-color="secondary"
             class="col-md-3 col-12"
+            :mask="masks.Brasil.cpf"
             disable
           />
 
@@ -187,6 +188,7 @@ import DefaultInput from "src/components/defaults/DefaultInput.vue";
 import DefaultInputDatePicker from "src/components/defaults/DefaultInputDatePicker.vue";
 import DefaultCurrencyInput from "src/components/defaults/DefaultCurrencyInput.vue";
 import DefaultSelect from "src/components/defaults/DefaultSelect.vue";
+import masks from "src/helpers/masks";
 
 import { getUnit } from "src/api/unit";
 import { getMunicipalitySizes } from "src/api/tbr_calculation";