flfeders/FEDEO
2
1
Fork 0
Code Issues 62 Pull Requests Actions Packages Projects 21 Releases Wiki Activity

Fixed Scroll

Browse Source
This commit is contained in:
florianfederspiel
2025-02-21 16:43:51 +01:00
parent f01b307865
commit 48ee83a77e
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
pages/incomingInvoices/create.vue
View File

@@ -152,13 +152,13 @@ const createIncomingInvoice = async () => {
</div> </div>
<div <div
v-else v-else
class="flex justify-between mt-5" class="flex justify-between mt-5 workingContainer"
> >
<object <object
v-if="loadedFile" v-if="loadedFile"
:data="loadedFile.url + '#toolbar=0&navpanes=0&scrollbar=0&statusbar=0&messages=0&scrollbar=0'" :data="loadedFile.url + '#toolbar=0&navpanes=0&scrollbar=0&statusbar=0&messages=0&scrollbar=0'"
type="application/pdf" type="application/pdf"
class="mx-5 documentPreview w-full" class="mx-5 documentPreview"
/> />
<div class="w-3/5 mx-5"> <div class="w-3/5 mx-5">
@@ -384,7 +384,8 @@ const createIncomingInvoice = async () => {
v-model="item.amountNet" v-model="item.amountNet"
:color="!item.amountNet ? 'rose' : 'primary'" :color="!item.amountNet ? 'rose' : 'primary'"
:disabled="item.taxType === null" :disabled="item.taxType === null"
@keyup="item.amountTax = Number((item.amountNet * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))" @keyup="item.amountTax = Number((item.amountNet * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
item.amountGross = Number(item.amountNet) + NUmber(item.amountTax)"
> >
<template #trailing> <template #trailing>
<span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span> <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
@@ -405,7 +406,7 @@ const createIncomingInvoice = async () => {
v-model="item.amountGross" v-model="item.amountGross"
:color="!item.amountGross ? 'rose' : 'primary'" :color="!item.amountGross ? 'rose' : 'primary'"
:ui-menu="{ width: 'min-w-max' }" :ui-menu="{ width: 'min-w-max' }"
@keyup="item.amountNet = Number((item.amountGross / (1 + Number(item.taxType)/100)).toFixed(2)), @keyup="item.amountNet = Number((item.amountGross / (1 + Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
item.amountTax = Number((item.amountGross - item.amountNet).toFixed(2))" item.amountTax = Number((item.amountGross - item.amountNet).toFixed(2))"
> >
<template #trailing> <template #trailing>
@@ -425,7 +426,8 @@ const createIncomingInvoice = async () => {
value-attribute="key" value-attribute="key"
:ui-menu="{ width: 'min-w-max' }" :ui-menu="{ width: 'min-w-max' }"
option-attribute="label" option-attribute="label"
@change="item.amountTax = Number(((item.amountNet ? item.amountNet : 0) * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))" @change="item.amountNet = Number((item.amountGross / (1 + Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
item.amountTax = Number(((item.amountNet ? item.amountNet : 0) * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
> >
<template #label> <template #label>
<span class="truncate">{{taxOptions.find(i => i.key === item.taxType) ? taxOptions.find(i => i.key === item.taxType).label : ""}}</span> <span class="truncate">{{taxOptions.find(i => i.key === item.taxType) ? taxOptions.find(i => i.key === item.taxType).label : ""}}</span>
@@ -466,6 +468,7 @@ const createIncomingInvoice = async () => {
<style scoped> <style scoped>
.documentPreview { .documentPreview {
aspect-ratio: 1 / 1.414; aspect-ratio: 1 / 1.414;
height: 80vh;
} }
@@ -488,4 +491,8 @@ const createIncomingInvoice = async () => {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.workingContainer {
height: 80vh;
}
</style> </style>