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

ปรับข้อมูลทะเบียนประมาณแท็ปข้อมูลส่วนตัว

Browse source
This commit is contained in:
Tanyalak 2024-04-22 17:08:23 +07:00
parent 56c009cc8a
commit 8ffd88a469
6 changed files with 438 additions and 446 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -369,7 +369,7 @@ onMounted(async () => {
>
<q-tooltip>ดาวน์ไฟล์</q-tooltip>
<q-menu>
<q-list style="min-width: 120px">
<q-list style="min-width: 130px">
<q-item clickable v-close-popup @click="onClickDownloadKp7('FULL')">
<q-item-section class="text-blue">ก.พ.7/ก.ก.1</q-item-section>
</q-item>
@ -381,12 +381,11 @@ onMounted(async () => {
</q-btn>
</div>
<q-card>
<div class="column" style="height: 160px">
<q-card >
<div class="column" style="height: 120px">
<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" style="padding-left: 14%;">
<div class="col-12 text-primary">
<h2
class="title q-ma-none q-pa-none"
@ -397,38 +396,38 @@ onMounted(async () => {
}}
</h2>
</div>
<div class="col-12 subtitle">{{ formDetail?.position }}</div>
<!-- <div class="col-12 subtitle">{{ formDetail?.position }}</div> -->
</div>
</div>
</div>
<div class="absolute-center-left q-ml-lg">
<q-avatar size="130px">
<q-avatar size="90px">
<img :src="profilePicture" />
</q-avatar>
<q-btn
round
color="white"
text-color="primary"
icon="mdi-pencil-outline"
style="position: absolute; bottom: 0; right: 0"
@click="selectFile"
size="sm"
unelevated
class="bg-white btnEditImg"
>
</q-btn>
</div>
<div class="col row items-center bg-teal-1">
<div class="row col-12">
<div class="col-sm-3 col-md-2"></div>
<div class="col row items-center bg-toolbar">
<div class="row col-12" style="padding-left: 14%;">
<div class="col-2">
<div class="col-sm-3 col-md-3">
<div class="col text-grey-6">ตำแหน่งในสายงาน</div>
<div class="col text-grey-6 text-caption">ตำแหน่งในสายงาน</div>
<div class="col">{{ formDetail?.position || "-" }}</div>
</div>
</div>
<div class="col-2">
<div class="col-sm-3 col-md-3">
<div class="col text-grey-6">ประเภทตำแหน่ง</div>
<div class="col text-grey-6 text-caption">ประเภทตำแหน่ง</div>
<div class="col">
{{ formDetail?.posType?.posTypeName || "-" }}
</div>
@ -436,7 +435,7 @@ onMounted(async () => {
</div>
<div class="col-2">
<div class="col-sm-3 col-md-3">
<div class="col text-grey-6">ระดับตำแหน่ง</div>
<div class="col text-grey-6 text-caption">ระดับตำแหน่ง</div>
<div class="col">
{{ formDetail?.posLevel?.posLevelName || "-" }}
</div>
@ -447,7 +446,7 @@ onMounted(async () => {
</div>
</q-card>
<q-card class="q-mt-md rounded">
<q-card bordered class="q-mt-md rounded">
<TabMain />
</q-card>
@ -584,4 +583,14 @@ h2.title {
.rounded {
border-radius: 10px;
}
.bg-toolbar{
background-color: #F2FBFA;
}
.btnEditImg{
position: absolute;
bottom: 0;
right: 0;
border: 1px solid #EDEDED ;
}
</style>