แก้ไขการแสดงผลรายละเอียดการลา
This commit is contained in:
parent
fc55ffc928
commit
d25d862e67
3 changed files with 25 additions and 31 deletions
|
|
@ -600,11 +600,11 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-sm-7 row">
|
<div class="col-xs-12 col-sm-7 row">
|
||||||
<div class="row col-12 q-gutter-md">
|
<div class="row col-12 q-gutter-md">
|
||||||
<div class="col row">
|
<div
|
||||||
<q-card
|
v-if="formData.leaveTypeName == 'ลาพักผ่อน'"
|
||||||
bordered
|
class="col-3"
|
||||||
class="col-12 items-center row q-px-md q-py-sm"
|
>
|
||||||
>
|
<q-card bordered class="items-center row col-12 q-pa-md">
|
||||||
<div class="text-h6 text-weight-bold text-blue-10">
|
<div class="text-h6 text-weight-bold text-blue-10">
|
||||||
{{ formData.leaveLimit }}
|
{{ formData.leaveLimit }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -613,11 +613,8 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
|
||||||
</div>
|
</div>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
<q-card
|
<q-card bordered class="items-center row col-12 q-pa-md">
|
||||||
bordered
|
|
||||||
class="col-12 items-center row q-px-md q-py-sm"
|
|
||||||
>
|
|
||||||
<div class="text-h6 text-weight-bold text-light-blue-6">
|
<div class="text-h6 text-weight-bold text-light-blue-6">
|
||||||
{{ formData.leaveSummary }}
|
{{ formData.leaveSummary }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -626,11 +623,11 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
|
||||||
</div>
|
</div>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div
|
||||||
<q-card
|
v-if="formData.leaveTypeName == 'ลาพักผ่อน'"
|
||||||
bordered
|
class="col-3"
|
||||||
class="col-12 items-center row q-px-md q-py-sm"
|
>
|
||||||
>
|
<q-card bordered class="items-center row col-12 q-pa-md">
|
||||||
<div class="text-h6 text-weight-bold text-indigo-7">
|
<div class="text-h6 text-weight-bold text-indigo-7">
|
||||||
{{ formData.leaveRemain }}
|
{{ formData.leaveRemain }}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -593,11 +593,11 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-sm-7 row">
|
<div class="col-xs-12 col-sm-7 row">
|
||||||
<div class="row col-12 q-gutter-md">
|
<div class="row col-12 q-gutter-md">
|
||||||
<div class="col row">
|
<div
|
||||||
<q-card
|
v-if="formData.leaveTypeName == 'ลาพักผ่อน'"
|
||||||
bordered
|
class="col-3"
|
||||||
class="col-12 items-center row q-px-md q-py-sm"
|
>
|
||||||
>
|
<q-card bordered class="items-center row col-12 q-pa-md">
|
||||||
<div class="text-h6 text-weight-bold text-blue-10">
|
<div class="text-h6 text-weight-bold text-blue-10">
|
||||||
{{ formData.leaveLimit }}
|
{{ formData.leaveLimit }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -606,11 +606,8 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
|
||||||
</div>
|
</div>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col-3">
|
||||||
<q-card
|
<q-card bordered class="items-center row col-12 q-pa-md">
|
||||||
bordered
|
|
||||||
class="col-12 items-center row q-px-md q-py-sm"
|
|
||||||
>
|
|
||||||
<div class="text-h6 text-weight-bold text-light-blue-6">
|
<div class="text-h6 text-weight-bold text-light-blue-6">
|
||||||
{{ formData.leaveSummary }}
|
{{ formData.leaveSummary }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -619,11 +616,11 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
|
||||||
</div>
|
</div>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div
|
||||||
<q-card
|
v-if="formData.leaveTypeName == 'ลาพักผ่อน'"
|
||||||
bordered
|
class="col-3"
|
||||||
class="col-12 items-center row q-px-md q-py-sm"
|
>
|
||||||
>
|
<q-card bordered class="items-center row col-12 q-pa-md">
|
||||||
<div class="text-h6 text-weight-bold text-indigo-7">
|
<div class="text-h6 text-weight-bold text-indigo-7">
|
||||||
{{ formData.leaveRemain }}
|
{{ formData.leaveRemain }}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -182,7 +182,7 @@ onMounted(async () => {
|
||||||
class="custom-header-table"
|
class="custom-header-table"
|
||||||
:visible-columns="store.visibleColumns"
|
:visible-columns="store.visibleColumns"
|
||||||
v-model:pagination="initialPagination"
|
v-model:pagination="initialPagination"
|
||||||
:rows-per-page-options="[2, 25, 50, 100]"
|
:rows-per-page-options="[10, 25, 50, 100]"
|
||||||
@update:pagination="updatePagination"
|
@update:pagination="updatePagination"
|
||||||
>
|
>
|
||||||
<template v-slot:pagination="scope">
|
<template v-slot:pagination="scope">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue