refs #7529 create WorkerPIT

src/pages/Worker/Card/WorkerPit.vue

@@ -0,0 +1,112 @@
+<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';
+
+const route = useRoute();
+const { t } = useI18n();
+const router = useRouter();
+
+const toCustomerAddressCreate = () => {
+    router.push({ name: 'CustomerAddressCreate' });
+};
+</script>
+
+<template>
+    <FetchData
+        url="disabilityGrades"
+        @on-fetch="(data) => (disabilityGradesOptions = data)"
+        auto-load
+    />
+    <FormModel
+        :url="`Workers/${route.params.id}/WorkerIrpfs`"
+        auto-load
+        model="WorkerIrpf"
+    >
+        <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>
+</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
+</i18n>

src/router/modules/worker.js

@@ -176,6 +176,15 @@ export default {
                     },
                     component: () => import('src/pages/Worker/Card/WorkerLocker.vue'),
                 },
+                {
+                    name: 'WorkerPit',
+                    path: 'pit',
+                    meta: {
+                        title: 'pit',
+                        icon: 'lock',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerPit.vue'),
+                },
             ],
         },
     ],