feat: add SingleRecordMnt component for student record maintenance with search, add, edit, view, and delete functionalities

2026-03-26 11:24:37 +08:00
parent 507afcc99c
commit 069141794e
116 changed files with 15247 additions and 107 deletions
@@ -0,0 +1,38 @@
+<template>
+  <v-card class="rounded-lg" elevation="2" v-bind="$attrs">
+    <v-card-title class="text-subtitle-1 font-weight-bold py-4 border-b">
+      {{ title }}
+    </v-card-title>
+    <v-card-text class="pa-4">
+      <v-row dense>
+        <v-col v-for="(nav, i) in navs" :key="i" class="text-center mb-2" cols="4">
+          <v-btn
+            class="mb-1"
+            :color="nav.color"
+            icon
+            variant="text"
+            @click="$emit('nav-click', nav)"
+          >
+            <v-icon size="24">{{ nav.icon }}</v-icon>
+          </v-btn>
+          <div class="text-caption text-grey-darken-1">{{ nav.title }}</div>
+        </v-col>
+      </v-row>
+    </v-card-text>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  title: string
+  navs: Array<{
+    icon: string
+    title: string
+    color: string
+  }>
+}
+
+defineProps<Props>()
+
+defineEmits(['nav-click'])
+</script>