fix pdf size in phone and on desktop close #52
This commit is contained in:
@@ -82,8 +82,12 @@
|
||||
v-if="attendees !== undefined"
|
||||
:class="
|
||||
nonAttendees !== undefined
|
||||
? 'col-12 col-sm-5 col-md-5 q-pa-md'
|
||||
: 'col-12 col-md-8 col-lg-5'
|
||||
? printing
|
||||
? 'col-5 q-pa-md'
|
||||
: 'col-12 col-sm-5 col-md-5 q-pa-md'
|
||||
: printing
|
||||
? 'col-5'
|
||||
: 'col-12 col-md-8 col-lg-5'
|
||||
"
|
||||
>
|
||||
<q-table
|
||||
@@ -103,7 +107,13 @@
|
||||
<div
|
||||
v-if="nonAttendees !== undefined"
|
||||
:class="
|
||||
attendees !== undefined ? 'col-12 col-sm-5 col-md-5 q-pa-md' : 'col-12 col-md-8 col-lg-5'
|
||||
attendees !== undefined
|
||||
? printing
|
||||
? 'col-5 q-pa-md'
|
||||
: 'col-12 col-sm-5 col-md-5 q-pa-md'
|
||||
: printing
|
||||
? 'col-5'
|
||||
: 'col-12 col-md-8 col-lg-5'
|
||||
"
|
||||
>
|
||||
<q-table
|
||||
@@ -151,6 +161,7 @@ const loading = ref(false);
|
||||
const amounts = ref<Amount[]>([]);
|
||||
const reportExportRef = ref<HTMLElement | null>(null);
|
||||
const weekdays = ref<number[]>([0, 3]);
|
||||
const printing = ref<boolean>(false);
|
||||
|
||||
const columns = computed(() => [
|
||||
{
|
||||
@@ -268,10 +279,14 @@ function updateReport(dates: string[]) {
|
||||
}
|
||||
|
||||
function printReport() {
|
||||
printing.value = true;
|
||||
window.print();
|
||||
printing.value = false;
|
||||
}
|
||||
|
||||
async function downloadPDF() {
|
||||
printing.value = true;
|
||||
|
||||
const element = reportExportRef.value;
|
||||
if (!element) return;
|
||||
// Generate date string (YYYY-MM-DD)
|
||||
@@ -308,7 +323,8 @@ async function downloadPDF() {
|
||||
.save()
|
||||
.catch((error) => {
|
||||
console.error('PDF Generation failed:', error);
|
||||
});
|
||||
})
|
||||
.finally(() => (printing.value = false));
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user