corrad-software/corrad-af-2024
Template
9
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

change laporan data to flight

Browse Source
This commit is contained in:
Md Afiq Iskandar 2024-09-02 10:09:29 +08:00
parent 772d425fdd
commit 8a0f59e66e
1 changed files with 121 additions and 161 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

282
pages/laporan/index.vue
View File

@ -1,9 +1,9 @@
<script setup> <script setup>
definePageMeta({ definePageMeta({
title: "Laporan", title: "Laporan Penerbangan",
breadcrumb: [ breadcrumb: [
{ {
name: "Laporan", name: "Laporan Penerbangan",
type: "current", type: "current",
}, },
], ],
@ -11,199 +11,159 @@ definePageMeta({
const data = ref([ const data = ref([
{ {
kriteriaPertama: "Aura", namaDepan: "Ahmad",
kedua: "Hard", namaBelakang: "Abdullah",
ketiga: "Business Services Sales Representative", lapangan: "KLIA",
keempat: "1969-04-19", jenisPenerbangan: "Ketibaan",
status: "Digantung", tarikhMasa: "2023-06-15 08:30",
tindakan: "...", status: "Tiba",
}, },
{ {
kriteriaPertama: "Chantal", namaDepan: "Siti",
kedua: "Nailor", namaBelakang: "Aminah",
ketiga: "Technical Services Librarian", lapangan: "Lapangan Terbang Antarabangsa Bayan Lepas",
keempat: "1980-01-10", jenisPenerbangan: "Berlepas",
status: "Tidak Aktif", tarikhMasa: "2023-06-16 14:45",
tindakan: "...", status: "Masih dalam penerbangan",
}, },
{ {
kriteriaPertama: "Cicely", namaDepan: "Mohd",
kedua: "Sigler", namaBelakang: "Razak",
ketiga: "Senior Research Officer", lapangan: "Lapangan Terbang Sultan Abdul Aziz Shah",
keempat: "1960-03-15", jenisPenerbangan: "Ketibaan",
status: "Menunggu", tarikhMasa: "2023-06-17 10:15",
tindakan: "...", status: "Terlepas",
}, },
{ {
kriteriaPertama: "Coy", namaDepan: "Nurul",
kedua: "Wollard", namaBelakang: "Huda",
ketiga: "Customer Service Operator", lapangan: "Lapangan Terbang Antarabangsa Kota Kinabalu",
keempat: "1982-10-12", jenisPenerbangan: "Berlepas",
status: "Aktif", tarikhMasa: "2023-06-18 16:20",
tindakan: "...", status: "Dibatalkan",
}, },
{ {
kriteriaPertama: "Delma", namaDepan: "Tan",
kedua: "Bonds", namaBelakang: "Wei Ling",
ketiga: "Lead Brand Manager", lapangan: "Lapangan Terbang Antarabangsa Kuching",
keempat: "1968-12-21", jenisPenerbangan: "Ketibaan",
status: "Menunggu", tarikhMasa: "2023-06-19 09:00",
tindakan: "...", status: "Tiba",
}, },
{ {
kriteriaPertama: "Lorin", namaDepan: "Amir",
kedua: "Forbes", namaBelakang: "Hassan",
ketiga: "Product Marketing Manager", lapangan: "KLIA",
keempat: "1974-05-08", jenisPenerbangan: "Berlepas",
status: "Aktif", tarikhMasa: "2023-06-20 11:30",
tindakan: "...", status: "Masih dalam penerbangan",
}, },
{ {
kriteriaPertama: "Eldon", namaDepan: "Farah",
kedua: "Marcellus", namaBelakang: "Lim",
ketiga: "Software Developer", lapangan: "Lapangan Terbang Antarabangsa Penang",
keempat: "1987-11-30", jenisPenerbangan: "Ketibaan",
status: "Menunggu", tarikhMasa: "2023-06-21 13:45",
tindakan: "...", status: "Tiba",
}, },
{ {
kriteriaPertama: "Allie", namaDepan: "Zain",
kedua: "Cordell", namaBelakang: "Ismail",
ketiga: "UX Designer", lapangan: "Lapangan Terbang Antarabangsa Langkawi",
keempat: "1992-07-19", jenisPenerbangan: "Berlepas",
status: "Digantung", tarikhMasa: "2023-06-22 07:15",
tindakan: "...", status: "Terlepas",
}, },
{ {
kriteriaPertama: "Sheridan", namaDepan: "Lily",
kedua: "Caldwell", namaBelakang: "Wong",
ketiga: "HR Manager", lapangan: "Lapangan Terbang Antarabangsa Senai",
keempat: "1970-03-22", jenisPenerbangan: "Ketibaan",
status: "Tidak Aktif", tarikhMasa: "2023-06-23 18:00",
tindakan: "...", status: "Tiba",
}, },
{ {
kriteriaPertama: "Rowan", namaDepan: "Ravi",
kedua: "Douglas", namaBelakang: "Kumar",
ketiga: "Financial Analyst", lapangan: "KLIA",
keempat: "1983-08-13", jenisPenerbangan: "Berlepas",
status: "Aktif", tarikhMasa: "2023-06-24 10:30",
tindakan: "...", status: "Dibatalkan",
}, },
{ {
kriteriaPertama: "Elvin", namaDepan: "Aishah",
kedua: "Temple", namaBelakang: "Yusof",
ketiga: "Operations Manager", lapangan: "Lapangan Terbang Sultan Abdul Halim",
keempat: "1976-01-11", jenisPenerbangan: "Ketibaan",
status: "Menunggu", tarikhMasa: "2023-06-25 12:45",
tindakan: "...", status: "Tiba",
}, },
{ {
kriteriaPertama: "Gisele", namaDepan: "Chong",
kedua: "Erickson", namaBelakang: "Wei Ming",
ketiga: "Public Relations Specialist", lapangan: "Lapangan Terbang Antarabangsa Kota Kinabalu",
keempat: "1989-09-30", jenisPenerbangan: "Berlepas",
status: "Tidak Aktif", tarikhMasa: "2023-06-26 15:20",
tindakan: "...", status: "Masih dalam penerbangan",
}, },
{ {
kriteriaPertama: "Taryn", namaDepan: "Salmah",
kedua: "Ridgeway", namaBelakang: "Othman",
ketiga: "Content Strategist", lapangan: "Lapangan Terbang Antarabangsa Kuching",
keempat: "1978-12-17", jenisPenerbangan: "Ketibaan",
status: "Digantung", tarikhMasa: "2023-06-27 09:10",
tindakan: "...", status: "Terlepas",
}, },
{ {
kriteriaPertama: "Armand", namaDepan: "Raj",
kedua: "Copeland", namaBelakang: "Muthu",
ketiga: "Legal Advisor", lapangan: "KLIA",
keempat: "1965-04-02", jenisPenerbangan: "Berlepas",
status: "Menunggu", tarikhMasa: "2023-06-28 14:00",
tindakan: "...", status: "Masih dalam penerbangan",
}, },
{ {
kriteriaPertama: "Tisha", namaDepan: "Noor",
kedua: "Gillespie", namaBelakang: "Aziz",
ketiga: "IT Support Specialist", lapangan: "Lapangan Terbang Antarabangsa Bayan Lepas",
keempat: "1985-06-25", jenisPenerbangan: "Ketibaan",
status: "Aktif", tarikhMasa: "2023-06-29 17:30",
tindakan: "...", status: "Tiba",
},
{
kriteriaPertama: "Brenton",
kedua: "Thornton",
ketiga: "Digital Marketing Specialist",
keempat: "1991-02-14",
status: "Digantung",
tindakan: "...",
},
{
kriteriaPertama: "Annis",
kedua: "Hobson",
ketiga: "Project Coordinator",
keempat: "1981-05-07",
status: "Menunggu",
tindakan: "...",
},
{
kriteriaPertama: "Dylan",
kedua: "Hudson",
ketiga: "Account Manager",
keempat: "1990-09-15",
status: "Tidak Aktif",
tindakan: "...",
},
{
kriteriaPertama: "Kendall",
kedua: "Browning",
ketiga: "Supply Chain Manager",
keempat: "1973-07-03",
status: "Aktif",
tindakan: "...",
},
{
kriteriaPertama: "Maris",
kedua: "Woodard",
ketiga: "Customer Relations Specialist",
keempat: "1962-11-20",
status: "Menunggu",
tindakan: "...",
}, },
]); ]);
const criteria = ref([ const criteria = ref([
{ {
label: "Kriteria 1", label: "Nama Depan",
options: ["Aura", "Chantal", "Cicely", "Coy", "Delma"], options: ["Ahmad", "Siti", "Mohd", "Nurul", "Tan"],
}, },
{ {
label: "Kriteria 2", label: "Nama Belakang",
options: ["Hard", "Nailor", "Sigler", "Wollard", "Bonds"], options: ["Abdullah", "Aminah", "Razak", "Huda", "Wei Ling"],
}, },
{ {
label: "Kriteria 3", label: "Lapangan Terbang",
options: [ options: [
"Business Services Sales Representative", "KLIA",
"Technical Services Librarian", "Lapangan Terbang Antarabangsa Bayan Lepas",
"Senior Research Officer", "Lapangan Terbang Sultan Abdul Aziz Shah",
"Customer Service Operator", "Lapangan Terbang Antarabangsa Kota Kinabalu",
"Lead Brand Manager", "Lapangan Terbang Antarabangsa Kuching",
], ],
}, },
{ {
label: "Kriteria 4", label: "Tarikh",
options: [ options: [
"1969-04-19", "2023-06-15",
"1980-01-10", "2023-06-16",
"1960-03-15", "2023-06-17",
"1982-10-12", "2023-06-18",
"1968-12-21", "2023-06-19",
], ],
}, },
{ {
label: "Kriteria 5", label: "Status",
options: ["Digantung", "Tidak Aktif", "Menunggu", "Aktif"], options: ["Tiba", "Masih dalam penerbangan", "Terlepas", "Dibatalkan"],
}, },
]); ]);
@ -221,13 +181,13 @@ const performSearch = () => {
filteredData.value = data.value.filter((item) => { filteredData.value = data.value.filter((item) => {
return ( return (
(!selectedCriteria.value.kriteria1 || (!selectedCriteria.value.kriteria1 ||
item.kriteriaPertama.includes(selectedCriteria.value.kriteria1)) && item.namaDepan.includes(selectedCriteria.value.kriteria1)) &&
(!selectedCriteria.value.kriteria2 || (!selectedCriteria.value.kriteria2 ||
item.kedua.includes(selectedCriteria.value.kriteria2)) && item.namaBelakang.includes(selectedCriteria.value.kriteria2)) &&
(!selectedCriteria.value.kriteria3 || (!selectedCriteria.value.kriteria3 ||
item.ketiga.includes(selectedCriteria.value.kriteria3)) && item.lapangan.includes(selectedCriteria.value.kriteria3)) &&
(!selectedCriteria.value.kriteria4 || (!selectedCriteria.value.kriteria4 ||
item.keempat.includes(selectedCriteria.value.kriteria4)) && item.tarikhMasa.includes(selectedCriteria.value.kriteria4)) &&
(!selectedCriteria.value.kriteria5 || (!selectedCriteria.value.kriteria5 ||
item.status.includes(selectedCriteria.value.kriteria5)) item.status.includes(selectedCriteria.value.kriteria5))
); );
@ -250,7 +210,7 @@ const resetFilter = () => {
<LayoutsBreadcrumb /> <LayoutsBreadcrumb />
<rs-card> <rs-card>
<template #header> Laporan</template> <template #header> Laporan Penerbangan</template>
<template #body> <template #body>
<FormKit type="form" :actions="false"> <FormKit type="form" :actions="false">
<div class="grid grid-cols-2 gap-4 mb-4"> <div class="grid grid-cols-2 gap-4 mb-4">
@ -297,7 +257,7 @@ const resetFilter = () => {
<div class="flex justify-end items-center gap-2"> <div class="flex justify-end items-center gap-2">
<rs-button @click="resetFilter" variant="primary-outline" <rs-button @click="resetFilter" variant="primary-outline"
>Reset</rs-button >Tetapkan Semula</rs-button
> >
<rs-button type="submit" @click="performSearch"> <rs-button type="submit" @click="performSearch">
Hantar Laporan Hantar Laporan
@ -314,14 +274,14 @@ const resetFilter = () => {
<template v-slot:status="data"> <template v-slot:status="data">
<rs-badge <rs-badge
:variant=" :variant="
data.text === 'Aktif' data.text === 'Tiba'
? 'success' ? 'success'
: data.text === 'Menunggu' : data.text === 'Masih dalam penerbangan'
? 'warning' ? 'warning'
: data.text === 'Tidak Aktif' : data.text === 'Terlepas'
? 'disabled'
: data.text === 'Digantung'
? 'danger' ? 'danger'
: data.text === 'Dibatalkan'
? 'disabled'
: 'default' : 'default'
" "
> >