ปรับ รายละเอียดการลา

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-01-11 15:34:14 +07:00
parent 227b7e9e36
commit 10bbc9794a
9 changed files with 135 additions and 81 deletions

View file

@ -54,16 +54,22 @@ console.log(props);
<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
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>

View file

@ -48,16 +48,22 @@ const props = defineProps({
<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
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>

View file

@ -41,16 +41,22 @@ const props = defineProps({
<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
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>

View file

@ -53,16 +53,22 @@ const props = defineProps({
<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
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>

View file

@ -51,16 +51,22 @@ const props = defineProps({
<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
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>

View file

@ -112,16 +112,22 @@ function convertDateToEng(dataThia: string) {
<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
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>

View file

@ -119,16 +119,22 @@ function convertDateToEng(dataThia: string) {
<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
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>

View file

@ -115,16 +115,22 @@ function convertDateToEng(dataThia: string) {
<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
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>

View file

@ -66,16 +66,22 @@ const props = defineProps({
<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
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>