Zahlungszwecke

app/Domains/Invoice/Views/Partials/invoiceDetails/DistanceAllowance.vue

@@ -37,15 +37,6 @@ const props = defineProps({
           <td style="font-weight: bold">{{props.invoice.amount}}</td>
       </tr>
 
-      <tr>
-      <th>Marterialtransport</th>
-      <td>{{props.invoice.transportation}}</td>
-    </tr>
-
-    <tr>
-      <th>Hat Personen mitgenommen</th>
-      <td>{{props.invoice.passengers}}</td>
-    </tr>
   </table>
 
 </template>

app/Domains/Invoice/Views/Partials/invoiceDetails/EditInvoice.vue

@@ -16,11 +16,18 @@ const props = defineProps({
 
 const emit = defineEmits(['submit', 'cancel'])
 
+/**
+ * Die Anmerkung heißt in der Resource `comment` und ist dort `'--'`, wenn keine gesetzt ist -- beides
+ * muss hier stimmen, sonst startet das Feld leer und das Speichern löscht die vorhandene Anmerkung.
+ */
+const existingComment = props.newInvoice.comment
+
 const formData = reactive({
     type_internal: props.newInvoice.internalType || '',
     cost_unit: props.newInvoice.costUnitId || '',
     amount: props.newInvoice.amountPlain || '',
-    notices: props.newInvoice.comments || '',
+    purpose: props.newInvoice.purpose || '',
+    notices: !existingComment || existingComment === '--' ? '' : existingComment,
 })
 
 const submitForm = () => {
@@ -70,6 +77,13 @@ onMounted(async () => {
                 </td>
             </tr>
 
+            <tr>
+                <td>Zahlungsgrund:</td>
+                <td>
+                    <input type="text" v-model="formData.purpose" class="width-almost-full" />
+                </td>
+            </tr>
+
             <tr>
                 <td>Anmerkungen:</td>
                 <td>

app/Domains/Invoice/Views/Partials/invoiceDetails/Header.vue

@@ -100,6 +100,10 @@ const emit = defineEmits(["accept", "deny", "fix", "reopen"])
           <td v-else-if="props.data.externalPayment">Rechnungszahlung</td>
           <td v-else>Klassische Auszahlung</td>
       </tr>
+      <tr>
+        <td>Zahlungsgrund:</td>
+        <td colspan="3">{{props.data.purpose}}</td>
+      </tr>
       <tr>
         <td>Status:</td>
         <td>{{props.data.readableStatus}}</td>