tristan
ba462a091b
Fiches Client / Prospect / Prestataire (onglet Rapport mis à part) : - Champs email/téléphone : composants MalioInputEmail / MalioInputPhone - Grilles en 4 colonnes (Info + blocs Contact/Adresse) - Boutons « Nouveau contact/adresse » en secondary ; « Enregistrer » en taille Malio standard ; marge form↔bouton homogène entre onglets - Bouton retour ghost (mdi:arrow-left-bold) comme Starseed - Adresse : flux CP → ville → rue (rue conditionnée au CP+ville, cascade de reset), titre du bloc = libellé saisi - Suppression d'un bloc Contact/Adresse : modal de confirmation (logique centralisée dans useDirectoryDetail) Onglet Rapport : - Bouton d'ajout en taille Malio standard, label « Ajouter » - Suppression compte-rendu : passe à la ConfirmModal partagée (remplace l'ancienne ConfirmDeleteReportModal, supprimée) - Suppression d'un document joint : ajout d'une modal de confirmation - Upload via MalioInputUpload ; bouton supprimer document aligné (mdi:delete-outline ghost) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
43 lines
1.4 KiB
Vue
43 lines
1.4 KiB
Vue
<template>
|
|
<ul v-if="documents.length" class="flex flex-col gap-2">
|
|
<li
|
|
v-for="doc in documents"
|
|
:key="doc.id"
|
|
class="flex items-center justify-between rounded border border-neutral-200 px-3 py-2"
|
|
>
|
|
<a
|
|
:href="downloadUrl(doc.id)"
|
|
target="_blank"
|
|
rel="noopener"
|
|
class="flex items-center gap-2 text-sm text-blue-700 hover:underline"
|
|
>
|
|
<Icon name="mdi:file-document-outline" />
|
|
{{ doc.originalName }}
|
|
</a>
|
|
<MalioButtonIcon
|
|
v-if="canManage"
|
|
icon="mdi:delete-outline"
|
|
variant="ghost"
|
|
:aria-label="$t('common.delete')"
|
|
@click="$emit('delete', doc.id)"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
<p v-else class="text-sm text-neutral-400">
|
|
{{ $t('directory.documents.empty') }}
|
|
</p>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { ReportDocument } from '~/modules/directory/services/dto/report-document'
|
|
import { useReportDocumentService } from '~/modules/directory/services/report-documents'
|
|
|
|
defineProps<{ documents: ReportDocument[], canManage: boolean }>()
|
|
defineEmits<{ delete: [id: number] }>()
|
|
|
|
const { getDownloadUrl } = useReportDocumentService()
|
|
function downloadUrl(id: number): string {
|
|
return getDownloadUrl(id)
|
|
}
|
|
</script>
|