Pagination

2023-01-31 09:59:27 +01:00
parent 678f5a2179
commit 3a8d12ee08
7 changed files with 263 additions and 21 deletions
--- a/resources/js/Pages/Rpo/Results.vue
+++ b/resources/js/Pages/Rpo/Results.vue
@@ -5,19 +5,24 @@ import rpoFields from '../../Data/MultiSelectOptionsRPO';
 import { onMounted, ref } from 'vue';
 import { defineEmits } from 'vue'
 import { Inertia } from '@inertiajs/inertia';
-import RpoRecord from '@/Components/RpoRecord.vue';
+import RpoRecord2 from '@/Components/RpoRecord2.vue';
+import Pagination from '@/Components/Pagination.vue';

 defineProps({
    result: Object,
+    query: Object,
  });

-
 </script>

 <template>
    <GuestLayout>
        
        <Head title="Register výsledky" />
-            <RpoRecord :data="result"/>
+        <Pagination :links="result.links" :data="query"/>
+        <div v-for="r in result.data" :key="r.id">
+            <RpoRecord2 :data="r"/>
+        </div>
+        <Pagination :links="result.links" :data="query"/>
    </GuestLayout>
 </template>