72 lines
1.8 KiB
Vue
72 lines
1.8 KiB
Vue
<template>
|
|
<div id="main">
|
|
<UFormGroup label="Lieferant:" required>
|
|
<UInput />
|
|
</UFormGroup>
|
|
|
|
<UFormGroup label="Rechnungsreferenz:" required>
|
|
<UInput />
|
|
</UFormGroup>
|
|
|
|
<UFormGroup label="Rechnungsdatum:" required>
|
|
<UInput />
|
|
</UFormGroup>
|
|
|
|
<UButton @click="vendorInvoiceData.lineItems.push({})">+ Reihe</UButton>
|
|
|
|
|
|
<div v-for="lineItem in vendorInvoiceData.lineItems" class="lineItemRow">
|
|
<UFormGroup label="Text:" required>
|
|
<UInput v-model="lineItem.text"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="Produkt:" required>
|
|
<UInput v-model="lineItem.productId"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="Projekt:" required>
|
|
<UInput v-model="lineItem.projectId"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="Anzahl:" required>
|
|
<UInput v-model="lineItem.quantity"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="Einheit:" required>
|
|
<UInput v-model="lineItem.unit"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="Einzelpreis:" required>
|
|
<UInput v-model="lineItem.unitPriceNet"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="USt:" required>
|
|
<UInput v-model="lineItem.vat"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="Rabatt:" required>
|
|
<UInput v-model="lineItem.discount"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="Buchungskonto:" required>
|
|
<UInput v-model="lineItem.skrAccountId"/>
|
|
</UFormGroup>
|
|
<UFormGroup label="Positionspreis:" required>
|
|
<UInput disabled/>
|
|
</UFormGroup>
|
|
</div>
|
|
{{vendorInvoiceData}}
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
|
|
let vendorInvoiceData = ref({
|
|
reference: "",
|
|
date: "",
|
|
vendorId: 0,
|
|
lineItems: []
|
|
})
|
|
|
|
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
.lineItemRow {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
</style> |