This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2026-02-12 10:13:38 +07:00
parent 6288114e78
commit 3d5405d676
3 changed files with 47 additions and 175 deletions

View file

@ -324,81 +324,31 @@ onMounted(async () => {
</q-card-section>
<q-page-sticky position="bottom-right" :offset="[20, 20]">
<q-btn-dropdown color="primary" icon="download" fab>
<q-list>
<q-item clickable v-close-popup @click="downloadCover('pdf')">
<q-item-section avatar>
<q-icon name="mdi-file-pdf" color="red" />
</q-item-section>
<q-item-section>
<q-item-label>ดาวนโหลดไฟล PDF</q-item-label>
</q-item-section>
</q-item>
<q-item
v-if="tab === 'main'"
clickable
v-close-popup
@click="downloadCover('docx')"
>
<q-item-section avatar>
<q-icon name="mdi-file-word" color="blue" />
</q-item-section>
<q-item-section>
<q-item-label>ดาวนโหลดไฟล Word</q-item-label>
</q-item-section>
</q-item>
<q-item
v-else
clickable
v-close-popup
@click="downloadCover('xlsx')"
>
<q-item-section avatar>
<q-icon name="mdi-file-excel" color="green" />
</q-item-section>
<q-item-section>
<q-item-label>ดาวนโหลดไฟล xlsx</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-btn-dropdown>
<!-- <q-btn fab size="xl" icon="mdi-download" color="primary">
<q-menu>
<q-list dense style="min-width: 180px">
<q-item clickable v-close-popup>
<q-item-section style="min-width: 0px" avatar>
<q-tooltip>ประวการแกไข</q-tooltip>
<q-icon
color="deep-purple"
flat
dense
round
name="mdi-history"
size="xs"
/>
</q-item-section>
<q-item-section>ประวการแกไข</q-item-section>
</q-item>
<q-item clickable v-close-popup>
<q-item-section style="min-width: 0px" avatar>
<q-tooltip>รายละเอยด</q-tooltip>
<q-icon
flat
dense
round
color="info"
name="mdi-eye"
size="xs"
/>
</q-item-section>
<q-item-section>รายละเอยด</q-item-section>
</q-item>
</q-list>
</q-menu>
<q-tooltip>ดาวนโหลดไฟล PDF</q-tooltip>
</q-btn> -->
<q-fab color="primary" icon="download" direction="up">
<q-fab-action
color="red"
@click="downloadCover('pdf')"
icon="mdi-file-pdf"
>
<q-tooltip>ดาวนโหลดไฟล PDF</q-tooltip>
</q-fab-action>
<q-fab-action
v-if="tab === 'main'"
color="blue"
@click="downloadCover('docx')"
icon="mdi-file-word"
>
<q-tooltip>ดาวนโหลดไฟล DOCX</q-tooltip>
</q-fab-action>
<q-fab-action
v-else
color="green"
@click="downloadCover('xlsx')"
icon="mdi-file-excel"
>
<q-tooltip>ดาวนโหลดไฟล XLSX</q-tooltip>
</q-fab-action>
</q-fab>
</q-page-sticky>
</q-card>
</q-dialog>