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

updated layout registry

Browse source
This commit is contained in:
Warunee Tamkoo 2024-03-12 15:51:47 +07:00
parent 08f0507abe
commit 4164b560eb
10 changed files with 320 additions and 310 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/modules/04_registryNew/views/detailView.vue
View file

@ -67,7 +67,7 @@ onMounted(() => {
});
</script>
<template>
<div class="row items-center q-gutter-sm">
<div class="row items-center q-gutter-sm q-mb-xs">
<div class="toptitle text-dark row items-center q-py-xs">
<q-btn
icon="mdi-arrow-left"
@ -83,7 +83,7 @@ onMounted(() => {
</div>
<q-space />
<q-btn-dropdown
size="16px"
size="md"
rounded
unelevated
color="grey-4"
@ -104,6 +104,7 @@ onMounted(() => {
color="grey-4"
text-color="primary"
icon="mdi-file-eye-outline"
size="md"
>
<q-tooltip>ดาวน์ไฟล์</q-tooltip>
<q-menu>
@ -120,17 +121,19 @@ onMounted(() => {
</div>
<q-card>
<div class="column" style="height: 170px">
<div class="column" style="height: 160px">
<div class="col row items-center">
<div class="row col-12">
<div class="col-sm-3 col-md-2"></div>
<div class="col">
<div class="col-12 text-primary" style="font-size: 20px">
{{
`${formDetail?.prefix}${formDetail?.firstName} ${formDetail?.lastName}`
}}
<div class="col-12 text-primary">
<h2 class="title q-ma-none q-pa-none">
{{
`${formDetail?.prefix}${formDetail?.firstName} ${formDetail?.lastName}`
}}
</h2>
</div>
<div class="col-12">{{ formDetail?.position }}</div>
<div class="col-12 subtitle">{{ formDetail?.position }}</div>
</div>
</div>
</div>
@ -153,20 +156,20 @@ onMounted(() => {
<div class="col-sm-3 col-md-2"></div>
<div class="col-2">
<div class="col-sm-3 col-md-3">
<div class="col text-grey-5">ตำแหน่งในสายงาน</div>
<div class="col text-grey-6">ตำแหน่งในสายงาน</div>
<div class="col">หัวหน้าสำนักงาน</div>
</div>
</div>
<div class="col-2">
<div class="col-sm-3 col-md-3">
<div class="col text-grey-5">ประเภทตำแหน่ง</div>
<div class="col text-grey-6">ประเภทตำแหน่ง</div>
<div class="col">บริหาร</div>
</div>
</div>
<div class="col-2">
<div class="col-sm-3 col-md-3">
<div class="col text-grey-5">ระดับตำแหน่งง</div>
<div class="col">สำนาญการพิเศษ</div>
<div class="col text-grey-6">ระดับตำแหน่งง</div>
<div class="col">ชำนาญการพิเศษ</div>
</div>
</div>
</div>
@ -174,15 +177,27 @@ onMounted(() => {
</div>
</q-card>
<q-card class="q-mt-md">
<q-card class="q-mt-md rounded">
<TabMain />
</q-card>
</template>
<style scoped>
h2.title {
font-size: 1.2rem;
line-height: 1.6rem;
font-weight: 500;
}
.subtitle {
font-size: 1rem;
color: #34373c;
}
.absolute-center-left {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.rounded {
border-radius: 10px;
}
</style>