Много всего

resources/js/Pages/Home/DataTable/Index.vue

@@ -23,7 +23,7 @@ const props = defineProps({
     },
 })
 
-const { isLoading, handlePageChange, handlePageSizeChange, meta } = useMedicalHistoryFilter(props.filters)
+const { isLoading, handlePageChange, handlePageSizeChange, meta, filtersRef } = useMedicalHistoryFilter(props.filters)
 
 const archiveStatusColumn = (status) => {
     const tagType = status?.variant ?? 'error'
@@ -97,21 +97,41 @@ const rowProps = (row) => ({
     }
 })
 
-const pagination = computed(() => ({
-    page: meta.value.current_page || 1,
-    pageCount: meta.value.last_page || 1,
-    pageSize: meta.value.per_page || 15,
-    itemCount: meta.value.total || 0,
-    pageSizes: [15, 50, 100],
-    showSizePicker: true,
-    prefix({ itemCount }) {
-        return `Всего карт ${itemCount}.`
-    },
-    onUpdatePage: (page) => {
-        handlePageChange(page)
-    },
-    onUpdatePageSize: handlePageSizeChange
-}))
+const pagination = computed(() => {
+    if (filtersRef.value.view_type === 'si') {
+        return {
+            page: meta.value.si.current_page || 1,
+            pageCount: meta.value.si.last_page || 1,
+            pageSize: meta.value.si.per_page || 15,
+            itemCount: meta.value.si.total || 0,
+            pageSizes: [15, 50, 100],
+            showSizePicker: true,
+            prefix({ itemCount }) {
+                return `Всего карт ${itemCount}.`
+            },
+            onUpdatePage: (page) => {
+                handlePageChange(page)
+            },
+            onUpdatePageSize: handlePageSizeChange
+        }
+    } else {
+        return {
+            page: meta.value.mis.current_page || 1,
+            pageCount: meta.value.mis.last_page || 1,
+            pageSize: meta.value.mis.per_page || 15,
+            itemCount: meta.value.mis.total || 0,
+            pageSizes: [15, 50, 100],
+            showSizePicker: true,
+            prefix({ itemCount }) {
+                return `Всего карт ${itemCount}.`
+            },
+            onUpdatePage: (page) => {
+                handlePageChange(page)
+            },
+            onUpdatePageSize: handlePageSizeChange
+        }
+    }
+})
 </script>
 
 <template>