Design improvements

This commit is contained in:
2026-02-13 13:51:07 +01:00
parent f468814a2f
commit fa886aad4d
3 changed files with 75 additions and 49 deletions

View File

@@ -16,30 +16,34 @@ const emit = defineEmits(["accept", "deny", "fix", "reopen"])
<template>
<span id="invoice_details_header">
<table>
<tr>
<td>Name:</td>
<td v-if="modeShow">{{props.data.contactName}}</td>
<td v-else style="width: 300px;">{{props.data.contactName}}</td>
<tr>
<td>Name:</td>
<td v-if="modeShow">{{props.data.contactName}}</td>
<td v-else style="width: 300px;">{{props.data.contactName}}</td>
<td v-if="modeShow" style="width: 250px;">Kostenstelle</td>
<td v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td v-if="modeShow" style="width: 250px;">Kostenstelle</td>
<td v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td>{{props.data.costUnitName}}</td>
<td rowspan="4" style="vertical-align: top;">
<button
v-if="props.data.status === 'new' && modeShow"
@click="emit('reject')"
class="button mareike-button mareike-deny-button"
>
Abrechnung zurückziehen
</button>
<button v-if="props.data.status === 'denied' && modeShow"
@click="emit('delete')"
class="button mareike-button mareike-deny-button"
>
Abrechnung Endgültig löschen
</button>
</td>
<td>{{props.data.costUnitName}}</td>
<td
rowspan="4"
style="vertical-align: top;
padding-top: 15px;
padding-right: 25px;
text-align: right;"
>
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('reject')"
class="deny-button"
value="Abrechnung zurückziehen" />
<input type="button"
v-if="props.data.status === 'denied' && modeShow"
@click="emit('delete')"
class="deny-button"
value="Abrechnung Endgültig löschen" />
</td>
</tr>
<!-- Rest der Tabelle bleibt unverändert -->