ทะเบียนประวัติ
This commit is contained in:
parent
e6cfec106a
commit
af3fafe9f6
7 changed files with 75 additions and 36 deletions
|
|
@ -25,7 +25,7 @@ const tab = ref<string>("1");
|
|||
class="text-grey"
|
||||
active-color="blue"
|
||||
indicator-color="white"
|
||||
align="justify"
|
||||
align="left"
|
||||
narrow-indicator
|
||||
bordered
|
||||
>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ const tab = ref<string>("1");
|
|||
</script>
|
||||
<template>
|
||||
<div class="row items-center q-mb-lg">
|
||||
<div class="text-dark row items-center" style="font-size: 22px">
|
||||
<div class="text-dark row items-center text-weight-bold" style="font-size: 20px">
|
||||
<q-icon name="mdi-account-tie" class="q-mr-md" />
|
||||
<span>ข้อมูลราชการ</span>
|
||||
</div>
|
||||
|
|
@ -24,7 +24,7 @@ const tab = ref<string>("1");
|
|||
class="text-grey"
|
||||
active-color="blue"
|
||||
indicator-color="white"
|
||||
align="justify"
|
||||
align="left"
|
||||
narrow-indicator
|
||||
bordered
|
||||
>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ const tab = ref<string>("1");
|
|||
</script>
|
||||
<template>
|
||||
<div class="row items-center q-mb-lg">
|
||||
<div class="text-dark row items-center" style="font-size: 22px">
|
||||
<div class="text-dark row items-center text-weight-bold" style="font-size: 20px">
|
||||
<q-icon name="mdi-bookmark" class="q-mr-md" />
|
||||
<span>เอกสารหลักฐานและอื่นๆ</span>
|
||||
</div>
|
||||
|
|
@ -22,7 +22,7 @@ const tab = ref<string>("1");
|
|||
class="text-grey"
|
||||
active-color="blue"
|
||||
indicator-color="white"
|
||||
align="justify"
|
||||
align="left"
|
||||
narrow-indicator
|
||||
bordered
|
||||
>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ const tab = ref<string>("1");
|
|||
</script>
|
||||
<template>
|
||||
<div class="row items-center q-mb-lg">
|
||||
<div class="text-dark row items-center" style="font-size: 22px">
|
||||
<div class="text-dark row items-center text-weight-bold" style="font-size: 20px">
|
||||
<q-icon name="mdi-account" class="q-mr-md" />
|
||||
<span>ข้อมูลส่วนตัว</span>
|
||||
</div>
|
||||
|
|
@ -26,7 +26,7 @@ const tab = ref<string>("1");
|
|||
class="text-grey"
|
||||
active-color="blue"
|
||||
indicator-color="white"
|
||||
align="justify"
|
||||
align="left"
|
||||
narrow-indicator
|
||||
bordered
|
||||
>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,10 @@ const tab = ref<string>("1");
|
|||
</script>
|
||||
<template>
|
||||
<div class="row items-center q-mb-lg">
|
||||
<div class="text-dark row items-center" style="font-size: 22px">
|
||||
<div
|
||||
class="text-dark row items-center text-weight-bold"
|
||||
style="font-size: 20px"
|
||||
>
|
||||
<q-icon name="mdi-cash" class="q-mr-md" />
|
||||
<span>ข้อมูลเงินเดือน/ค่าจ้าง</span>
|
||||
</div>
|
||||
|
|
@ -22,7 +25,7 @@ const tab = ref<string>("1");
|
|||
class="text-grey"
|
||||
active-color="blue"
|
||||
indicator-color="white"
|
||||
align="justify"
|
||||
align="left"
|
||||
narrow-indicator
|
||||
bordered
|
||||
>
|
||||
|
|
|
|||
|
|
@ -46,6 +46,7 @@ const splitterModel = ref<number>(12);
|
|||
<template v-slot:before>
|
||||
<q-tabs v-model="store.tabMain" vertical class="text-blue">
|
||||
<q-tab
|
||||
class="hover-tab"
|
||||
v-for="(tab, index) in itemsTab"
|
||||
:key="index"
|
||||
:name="tab.name"
|
||||
|
|
@ -80,4 +81,9 @@ const splitterModel = ref<number>(12);
|
|||
</q-splitter>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
<style scoped>
|
||||
.hover-tab:hover {
|
||||
background-color: #0793f1;
|
||||
color: white !important;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue