From b11968f5e5de5910cba734f6a8ff73304ae23f72 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 17 Jun 2026 11:53:24 +0200
Subject: [PATCH] =?UTF-8?q?fix(transport)=20:=20tableau=20prix=20=E2=80=94?=
 =?UTF-8?q?=20supprime=20la=20double=20bordure=20du=20bas=20+=20s=C3=A9par?=
 =?UTF-8?q?ateur=20=C3=A9pais=20entre=20groupes=20Benne/Fond=20mouvant=20(?=
 =?UTF-8?q?ERP-170)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transport/pages/carriers/[id]/index.vue   | 43 ++++++++++++++-----
 1 file changed, 32 insertions(+), 11 deletions(-)

diff --git a/frontend/modules/transport/pages/carriers/[id]/index.vue b/frontend/modules/transport/pages/carriers/[id]/index.vue
index 2c57c57..612206f 100644
--- a/frontend/modules/transport/pages/carriers/[id]/index.vue
+++ b/frontend/modules/transport/pages/carriers/[id]/index.vue
@@ -124,24 +124,24 @@
                                     <tr
                                         v-for="(row, i) in group.rows"
                                         :key="`${gi}-${i}`"
-                                        :class="i === group.rows.length - 1 ? '[&>td]:border-b [&>td]:border-black' : '[&>td]:border-b [&>td]:border-m-muted/30'"
                                     >
-                                        <!-- Cellule de groupe fusionnée (rowspan), centrée verticalement,
-                                             toujours séparateur noir en bas (entre groupes). -->
+                                        <!-- Cellule de groupe fusionnée (rowspan), centrée verticalement ;
+                                             séparateur épais en bas entre les groupes (sauf dernier). -->
                                         <td
                                             v-if="i === 0"
                                             :rowspan="group.rows.length"
-                                            class="!border-b-black border-r border-black px-3 text-center align-middle text-[14px] font-medium"
+                                            class="border-r border-black px-3 text-center align-middle text-[14px] font-medium"
+                                            :class="groupBorder(gi)"
                                         >
                                             {{ group.label }}
                                         </td>
-                                        <td class="px-3 py-4 text-[14px]">{{ headerTitle }}</td>
-                                        <td class="px-3 py-4 text-[14px]">{{ row.apro }}</td>
-                                        <td class="px-3 py-4 text-[14px]">{{ row.delivery }}</td>
-                                        <td class="px-3 py-4 text-[14px]">{{ row.forfait }}</td>
-                                        <td class="px-3 py-4 text-[14px]">{{ row.tonne }}</td>
-                                        <td class="px-3 py-4 text-[14px]">{{ row.indexation }}</td>
-                                        <td class="px-3 py-4 text-[14px]">{{ row.state }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ headerTitle }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.apro }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.delivery }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.forfait }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.tonne }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.indexation }}</td>
+                                        <td class="px-3 py-4 text-[14px]" :class="dataBorder(group, i, gi)">{{ row.state }}</td>
                                     </tr>
                                 </template>
                                 <tr v-if="!hasPrices">
@@ -337,6 +337,27 @@ const priceGroups = computed<PriceGroupView[]>(() => {
 
 const hasPrices = computed(() => priceGroups.value.length > 0)
 
+/**
+ * Bordure basse d'une cellule de données :
+ *  - ligne interne d'un groupe → fine grise ;
+ *  - dernière ligne d'un groupe NON final → épaisse noire (séparateur de groupe) ;
+ *  - dernière ligne du DERNIER groupe → aucune (le cadre du tableau s'en charge,
+ *    évite la double bordure tout en bas).
+ */
+function dataBorder(group: PriceGroupView, i: number, gi: number): string {
+    const isLastRow = i === group.rows.length - 1
+    const isLastGroup = gi === priceGroups.value.length - 1
+    if (!isLastRow) {
+        return 'border-b border-m-muted/30'
+    }
+    return isLastGroup ? '' : 'border-b-2 border-black'
+}
+
+/** Bordure basse de la cellule de groupe fusionnée (séparateur épais sauf dernier groupe). */
+function groupBorder(gi: number): string {
+    return gi === priceGroups.value.length - 1 ? '' : 'border-b-2 border-black'
+}
+
 // ── Export XLSX des prix ─────────────────────────────────────────────────────
 const exporting = ref(false)