hrms-bangkok/hrms-user
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

UI ข้อมูลทะเบียนประวัติ(ยังไม่เสร็จ)

Browse source
This commit is contained in:
STW_TTTY\stwtt 2024-05-23 18:03:23 +07:00
parent 3221535748
commit 8e7e120d73
10 changed files with 958 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/views/MainLayout.vue
View file

@ -7,6 +7,7 @@ import { useQuasar } from "quasar";
import keycloak from "@/plugins/keycloak";
import { useCounterMixin } from "@/stores/mixin";
const route = useRoute();
const router = useRouter();
@ -152,6 +153,10 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
hour: "2-digit",
minute: "2-digit",
};
function onInfo(){
router.push(`/registry`)
}
</script>
<!-- โครงเว็บ -->
<template>
@ -358,6 +363,15 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
</q-item>
</template>
<q-list>
<q-item clickable v-close-popup @click="onInfo">
<q-item-section avatar style="min-width: 30px" >
<q-icon color="info" size="18px" name="mdi-clipboard-account-outline" />
</q-item-section>
<q-item-section
><q-item-label>ข้อมูลทะเบียนประวัติ</q-item-label></q-item-section
>
</q-item>
<q-item clickable v-close-popup>
<q-item-section avatar style="min-width: 30px">
<q-icon color="orange-9" size="18px" name="mdi-lock-outline" />
@ -377,6 +391,7 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
</q-item>
</q-list>
</q-btn-dropdown>
<div v-else class="q-ml-sm" style="width: 30px">
<q-btn round>
<q-avatar>
@ -389,10 +404,25 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
</q-avatar>
<q-menu>
<q-list dense style="min-width: 200px">
<q-item clickable v-close-popup>
<q-item-section>
<div class="row items-center">
<q-list>
<q-item clickable v-close-popup @click="onInfo">
<q-item-section avatar style="min-width: 30px">
<q-icon
color="info"
size="18px"
name="mdi-clipboard-account-outline"
/>
</q-item-section>
<q-item-section
><q-item-label
>ข้อมูลทะเบียนประวัติ</q-item-label
></q-item-section
>
</q-item>
<q-item clickable v-close-popup>
<q-item-section avatar style="min-width: 30px">
<q-icon