ปรัย ดาวน์โหลด เอกสารแนบ รายละเอียดการลา

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-01-11 16:00:03 +07:00
parent 3ee1a64a78
commit 8aa0895137
10 changed files with 25 additions and 19 deletions

View file

@ -53,7 +53,7 @@ console.log(props);
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -47,7 +47,7 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -40,7 +40,7 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -52,7 +52,7 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -50,7 +50,7 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -111,7 +111,7 @@ function convertDateToEng(dataThia: string) {
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -118,7 +118,7 @@ function convertDateToEng(dataThia: string) {
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -114,7 +114,7 @@ function convertDateToEng(dataThia: string) {
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -65,7 +65,7 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">เอกสารแนบ</div>
<div class="col" v-if="props.data.leaveDocument">
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"

View file

@ -27,17 +27,23 @@ const props = defineProps({
</div>
<div class="row">
<div class="col text-grey-8">เอกสารประกอบ</div>
<div class="col" v-if="props.data.leaveDocument">
<q-btn
:href="props.data.leaveDocument"
target="_blank"
outline
color="blue"
label="ดาวน์โหลด"
size="12px"
>
<q-tooltip>ดาวนโหลดไฟล</q-tooltip></q-btn
<div class="col" v-if="props.data.leaveDocument.length !== 0">
<div
v-for="(document, index) in props.data.leaveDocument"
:key="index"
:style="{ marginBottom: '10px' }"
>
<q-btn
:href="document"
target="_blank"
outline
color="blue"
:label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
size="12px"
>
<q-tooltip>ดาวนโหลดไฟล</q-tooltip></q-btn
>
</div>
</div>
<div class="col" v-else>-</div>
</div>