Initial

spaces/pages/vendorinvoices/edit.vue

@@ -0,0 +1,72 @@
+<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>