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

ปรับ ui การลา

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-10-10 13:47:11 +07:00
parent e83cec126f
commit 18733051d6
3 changed files with 223 additions and 205 deletions
Download patch file Download diff file Expand all files Collapse all files

153
src/modules/09_leave/components/2_Leave/DetailLeave.vue
View file

@ -20,7 +20,7 @@ const paramsId = route.params.id;
/>
รายละเอียดการลาของ {{ paramsId }}
</div>
<div class="q-ml-xl">
<div>
<q-btn
icon="mdi-download"
unelevated
@ -48,21 +48,20 @@ const paramsId = route.params.id;
<q-banner inline-actions rounded class="bg-grey-2">
<div class="row q-gutter-md">
<div class="col">
<q-list>
<q-item>
<q-item-section avatar class="text-grey-6"
>ประเภทการลา</q-item-section
>
<q-item-section class="text-primary"> ลาป่วย </q-item-section>
</q-item>
<q-item>
<q-item-section avatar class="text-grey-6">
ชื่อ - นามสกุล</q-item-section
>
<q-item-section> {{ paramsId }} </q-item-section>
</q-item>
</q-list>
<div class="column justify-center" style="height: 80px">
<div class="col-4">
<div class="row">
<div class="col-2 text-grey-5">ประเภทการลา</div>
<div class="col text-primary">ลาป่วย</div>
</div>
</div>
<div class="col-4">
<div class="row">
<div class="col-2 text-grey-5">ชื่อ - นามสกุล</div>
<div class="col">{{ paramsId }}</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="row q-gutter-md">
@ -100,80 +99,60 @@ const paramsId = route.params.id;
<div class="col">
<q-card flat bordered>
<q-card-section>
<q-list>
<q-item>
<q-item-section class="text-grey-5">เขียนที่</q-item-section>
<q-item-section> บ้าน </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>รับเงินเดือน</q-item-section
>
<q-item-section> รับเงินเดือน </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">เขียนที่</q-item-section>
<q-item-section> บ้าน </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>รับเงินเดือน</q-item-section
>
<q-item-section> รับเงินเดือน </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">
วัน เดือน ปีเริ่มต้น</q-item-section
>
<q-item-section> 14 ก.ค. 2556 </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">
วัน เดือน ปีเริ่มสิ้นสุด</q-item-section
>
<q-item-section> 15 ก.ค. 2556 </q-item-section>
</q-item>
</q-list>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-5">เขียนที่</div>
<div class="col">บ้าน</div>
</div>
<div class="row">
<div class="col text-grey-5">รับเงินเดือน</div>
<div class="col">รับเงินเดือน</div>
</div>
<div class="row">
<div class="col text-grey-5">เขียนที่</div>
<div class="col">บ้าน</div>
</div>
<div class="row">
<div class="col text-grey-5">รับเงินเดือน</div>
<div class="col">รับเงินเดือน</div>
</div>
<div class="row">
<div class="col text-grey-5">วัน เดือน ปีเริ่มต้น</div>
<div class="col">14 ก.ค. 2556</div>
</div>
<div class="row">
<div class="col text-grey-5">วัน เดือน ปีเริ่มสิ้นสุด</div>
<div class="col">15 ก.ค. 2556</div>
</div>
</div>
</q-card-section>
</q-card>
</div>
<div class="col">
<q-card flat bordered>
<q-card-section>
<q-list>
<q-item>
<q-item-section class="text-grey-5"
>จำนวนวันที่ลา</q-item-section
>
<q-item-section> 1 </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>สถานที่ติดต่อขณะลา</q-item-section
>
<q-item-section> สถานที่ติดต่อขณะลา </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>หมายเลขที่ติดต่อขณะลา</q-item-section
>
<q-item-section> หมายเลขที่ติดต่อขณะลา </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5"
>สถานะการพิจารณา</q-item-section
>
<q-item-section> ขอยกเลิก </q-item-section>
</q-item>
<q-item>
<q-item-section class="text-h5"> เอกสารแบบ</q-item-section>
</q-item>
<q-item>
<q-item-section class="text-grey-5">
ไม่พบเอกสาร</q-item-section
>
</q-item>
</q-list>
<div class="q-pa-md q-gutter-md">
<div class="row">
<div class="col text-grey-5">จำนวนวันที่ลา</div>
<div class="col">1</div>
</div>
<div class="row">
<div class="col text-grey-5">สถานที่ติดต่อขณะลา</div>
<div class="col">สถานที่ติดต่อขณะลา</div>
</div>
<div class="row">
<div class="col text-grey-5">หมายเลขที่ติดต่อขณะลา</div>
<div class="col">095-123467</div>
</div>
<div class="row">
<div class="col text-grey-5">สถานะการพิจารณา</div>
<div class="col">ขอยกเลิก</div>
</div>
<div class="row">
<div class="col-12 font-size">เอกสารแบบ</div>
<div class="col-12 q-mt-sm text-grey-5">ไม่พบเอกสาร</div>
</div>
</div>
</q-card-section>
</q-card>
</div>
@ -191,4 +170,8 @@ const paramsId = route.params.id;
</q-card>
</template>
<style lang="sass" scoped></style>
<style lang="scss" scoped>
.font-size {
font-size: 1.2rem;
}
</style>