src/pages/Worker/Card/WorkerSummary.vue

@@ -23,10 +23,12 @@ const $props = defineProps({
 });
 
 const entityId = computed(() => $props.id || route.params.id);
-const workerUrl = ref();
+const basicDataUrl = ref(null);
+const advancedSummary = ref();
 
-onMounted(async () => {
-    workerUrl.value = (await getUrl('')) + `worker/${entityId.value}/`;
+onBeforeMount(async () => {
+    advancedSummary.value = await useAdvancedSummary('Workers', entityId.value);
+    basicDataUrl.value = `#/worker/${entityId.value}/basic-data`;
 });
 
 const filter = {
@@ -105,7 +107,7 @@ const filter = {
     <CardSummary
         ref="summary"
         :url="`Workers/summary`"
-        :filter="{ where: { id: entityId } }"
+        :filter="{ where: { id: entityId }, filter }"
         data-key="Worker"
     >
         <template #header="{ entity }">
@@ -192,6 +194,7 @@ const filter = {
                     :value="worker.user?.emailUser?.email"
                     copy
                 />
+                {{ worker }}
                 <VnLv :label="t('worker.summary.role')">
                     <template #value>
                         <span class="link">
@@ -215,30 +218,30 @@ const filter = {
                 />
                 <VnLv
                     :label="t('worker.summary.started')"
-                    :value="toDate(worker.business[0].started)"
+                    :value="toDate(worker?.business?.started)"
                 />
                 <VnLv
                     :label="t('worker.summary.ended')"
-                    :value="toDate(worker.business[0].ended)"
+                    :value="toDate(worker?.business?.ended)"
                 />
 
                 <VnLv
                     :label="t('worker.summary.reasonEnd')"
-                    :value="worker.business[0].reasonEnd?.reason"
+                    :value="worker?.business?.reasonEnd?.reason"
                 />
                 <VnLv
                     :label="t('worker.summary.department')"
-                    :value="worker.business[0].department.name"
+                    :value="worker?.business?.department?.name"
                 />
                 <VnLv
                     :label="t('worker.summary.workerBusinessCategory')"
                     :value="
-                        worker.business[0].workerBusinessProfessionalCategory.description
+                        worker?.business?.workerBusinessProfessionalCategory?.description
                     "
                 />
                 <VnLv
                     :label="t('worker.summary.notes')"
-                    :value="worker.business[0].notes"
+                    :value="worker?.business?.notes"
                 />
             </QCard>
         </template>