fix: refs #7529 fix front

src/i18n/locale/en.yml

@@ -275,6 +275,7 @@ globals:
         clientsActionsMonitor: Clients and actions
         serial: Serial
         medical: Mutual
+        pit: IRPF
         RouteExtendedList: Router
         wasteRecalc: Waste recaclulate
         operator: Operator

src/i18n/locale/es.yml

@@ -280,6 +280,7 @@ globals:
         clientsActionsMonitor: Clientes y acciones
         serial: Facturas por serie
         medical: Mutua
+        pit: IRPF
         wasteRecalc: Recalcular mermas
         operator: Operario
     supplier: Proveedor

src/pages/Worker/Card/WorkerPit.vue

@@ -0,0 +1,147 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'src/components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import CrudModel from 'components/CrudModel.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+const router = useRouter();
+const disabilityGradesOptions = ref();
+const toCustomerAddressCreate = () => {
+    router.push({ name: 'CustomerAddressCreate' });
+};
+</script>
+
+<template>
+    <FetchData
+        url="DisabilityGrades"
+        @on-fetch="(data) => (disabilityGradesOptions = data)"
+        auto-load
+    />
+    <FormModel
+        url="WorkerIrpfs"
+        :filter="{ where: { workerFk: route.params.id } }"
+        auto-load
+        model="WorkerIrpfs"
+    >
+        <template #form="{ data }">
+            <VnRow>
+                <VnInput
+                    :label="t('familySituation')"
+                    clearable
+                    v-model="data.familySituation"
+                />
+                <VnInput :label="t('spouseNif')" clearable v-model="data.spouseNif" />
+            </VnRow>
+            <VnRow>
+                <VnSelect
+                    :label="t('disabilityGrades')"
+                    :options="disabilityGradesOptions"
+                    hide-selected
+                    option-label="description"
+                    option-value="id"
+                    v-model="data.disabilityGradeFk"
+                />
+
+                <VnInputDate
+                    :label="t('geographicMobilityDate')"
+                    v-model="data.geographicMobilityDate"
+                />
+            </VnRow>
+
+            <VnRow>
+                <VnInput
+                    clearable
+                    v-model="data.childPension"
+                    :label="t(`childPension`)"
+                />
+                <VnInput
+                    clearable
+                    v-model="data.spousePension"
+                    :label="t(`spousePension`)"
+                />
+            </VnRow>
+
+            <VnRow>
+                <QCheckbox
+                    size="sm"
+                    v-model="data.isDependend"
+                    :label="t(`isDependend`)"
+                />
+                <QCheckbox
+                    size="sm"
+                    v-model="data.hasHousingPaymentBefore"
+                    :label="t(`hasHousingPaymentBefore`)"
+                />
+            </VnRow>
+            <VnRow>
+                <QCheckbox
+                    size="sm"
+                    v-model="data.hasHousingPaymentAfter"
+                    :label="t(`hasHousingPaymentAfter`)"
+                />
+
+                <QCheckbox
+                    size="sm"
+                    v-model="data.hasExtendedWorking"
+                    :label="t(`hasExtendedWorking`)"
+                />
+            </VnRow>
+            <QSeparator class="q-mx-lg" vertical />
+        </template>
+    </FormModel>
+    <CrudModel
+        ref="workerPitCrudRef"
+        data-key="workerPit"
+        url="WorkerRelatives"
+        auto-load
+    >
+        <template #body="{ rows }">
+            <QTable
+                :columns="columns"
+                :rows="rows"
+                row-key="$index"
+                selection="multiple"
+                v-model:selected="selected"
+                table-header-class="text-left"
+            ></QTable>
+        </template>
+        <!-- <VnRow>
+            <VnInputDate size="sm" v-model="data.birthed" :label="t(`birthed`)" />
+
+            <VnInput size="sm" v-model="data.adoptionYear" :label="t(`adoptionYear`)" />
+        </VnRow> -->
+    </CrudModel>
+</template>
+
+<i18n>
+es:
+    familySituation: Situación familiar
+    disabilityGrades: Discapacidad
+    geographicMobilityDate: Movilidad geografica
+    childPension: Pensión hijos
+    spousePension: Pensión cónyuge
+    isDependend: Ayuda / Movilidad reducida
+    spouseNif: NIF cónyuge
+    hasHousingPaymentBefore: Pagos vivienda anterior 2011
+    hasHousingPaymentAfter: Pagos vivienda posterior 2011
+    hasExtendedWorking: Prolongación actividad laboral
+en:
+    familySituation: Family Situation
+    disabilityGrades: Disability Grades
+    geographicMobilityDate: Geographic Mobility Date
+    childPension: Child Pension
+    spousePension: Spouse Pension
+    isDependend: Dependent Support / Reduced Mobility
+    spouseNif: Spouse NIF (Tax ID)
+    hasHousingPaymentBefore: Housing Payments Before 2011
+    hasHousingPaymentAfter: Housing Payments After 2011
+    hasExtendedWorking: Extended Work Activity
+</i18n>

src/router/modules/worker.js

@@ -24,6 +24,7 @@ export default {
             'WorkerDms',
             'WorkerTimeControl',
             'WorkerLocker',
+            'WorkerPit',
             'WorkerBalance',
             'WorkerFormation',
             'WorkerMedical',
@@ -209,6 +210,15 @@ export default {
                     },
                     component: () => import('src/pages/Worker/Card/WorkerMedical.vue'),
                 },
+                {
+                    name: 'WorkerPit',
+                    path: 'pit',
+                    meta: {
+                        title: 'pit',
+                        icon: 'lock',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerPit.vue'),
+                },
                 {
                     name: 'WorkerOperator',
                     path: 'operator',