Bankkarte-/Ausweis-Details in Vertrag + neues Feld Kartennummer
Schema: BankCard.cardNumber (String?, optional) + Migration 20260813100000_bank_card_number (ADD COLUMN IF NOT EXISTS), auf Dev angewandt + prisma generate; Prod via migrate deploy. Eingabefeld "Kartennummer" im Bankkarten-Modal (Kundenakte). Vertragsansicht (ContractDetail) und Vertrag bearbeiten (ContractForm) zeigen jetzt bei Bankkarte zusaetzlich BIC/Bank/Kartennummer/Ablaufdatum und bei Ausweis Behoerde/Ausstellung/Ablaufdatum sowie Geburtsort + Geburtsdatum des Kunden - jeweils mit Copy-Button und nur wenn gesetzt. Im Form je Select in eigenem div gewrappt (Grid-Alignment). Verifiziert: tsc + vite build gruen, cardNumber Round-Trip (update->read), Contract-Include liefert alle Felder inkl. customer.birthDate/birthPlace. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -1041,6 +1041,7 @@ export default function ContractForm() {
|
||||
/>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<Select
|
||||
label={
|
||||
<span className="inline-flex items-center gap-1">
|
||||
@@ -1077,7 +1078,25 @@ export default function ContractForm() {
|
||||
};
|
||||
})}
|
||||
/>
|
||||
{selectedBankCard && (
|
||||
<div className="mt-1.5 space-y-0.5 text-xs text-gray-600">
|
||||
{selectedBankCard.bic && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">BIC:</span> {selectedBankCard.bic}<CopyButton value={selectedBankCard.bic} /></div>
|
||||
)}
|
||||
{selectedBankCard.bankName && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">Bank:</span> {selectedBankCard.bankName}<CopyButton value={selectedBankCard.bankName} /></div>
|
||||
)}
|
||||
{selectedBankCard.cardNumber && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">Kartennummer:</span> {selectedBankCard.cardNumber}<CopyButton value={selectedBankCard.cardNumber} /></div>
|
||||
)}
|
||||
{selectedBankCard.expiryDate && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">Ablaufdatum:</span> {formatDate(selectedBankCard.expiryDate)}<CopyButton value={formatDate(selectedBankCard.expiryDate)} /></div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<Select
|
||||
label={
|
||||
<span className="inline-flex items-center gap-1">
|
||||
@@ -1106,6 +1125,26 @@ export default function ContractForm() {
|
||||
label: `${d.documentNumber} (${d.type})`,
|
||||
}))}
|
||||
/>
|
||||
{selectedDocument && (
|
||||
<div className="mt-1.5 space-y-0.5 text-xs text-gray-600">
|
||||
{selectedDocument.issueDate && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">Ausstellung:</span> {formatDate(selectedDocument.issueDate)}<CopyButton value={formatDate(selectedDocument.issueDate)} /></div>
|
||||
)}
|
||||
{selectedDocument.expiryDate && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">Ablaufdatum:</span> {formatDate(selectedDocument.expiryDate)}<CopyButton value={formatDate(selectedDocument.expiryDate)} /></div>
|
||||
)}
|
||||
{selectedDocument.issuingAuthority && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">Behörde:</span> {selectedDocument.issuingAuthority}<CopyButton value={selectedDocument.issuingAuthority} /></div>
|
||||
)}
|
||||
{customer?.birthPlace && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">Geburtsort:</span> {customer.birthPlace}<CopyButton value={customer.birthPlace} /></div>
|
||||
)}
|
||||
{customer?.birthDate && (
|
||||
<div className="flex items-center gap-1"><span className="text-gray-500">Geburtsdatum:</span> {formatDate(customer.birthDate)}<CopyButton value={formatDate(customer.birthDate)} /></div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user