style(transport) : datatable qualimat table-fixed (radio étroit, colonnes égales) + icônes onglets prix/qualimat (ERP-170)
This commit is contained in:
@@ -268,7 +268,7 @@ const certificationOptions = computed<SelectOption[]>(() => {
|
|||||||
const TAB_ICONS: Record<string, string> = {
|
const TAB_ICONS: Record<string, string> = {
|
||||||
addresses: 'mdi:map-marker-outline',
|
addresses: 'mdi:map-marker-outline',
|
||||||
contacts: 'mdi:account-box-plus-outline',
|
contacts: 'mdi:account-box-plus-outline',
|
||||||
prices: 'mdi:currency-eur',
|
prices: 'mdi:payment',
|
||||||
}
|
}
|
||||||
const activeTab = ref('addresses')
|
const activeTab = ref('addresses')
|
||||||
const tabs = computed(() => ['addresses', 'contacts', 'prices'].map(key => ({
|
const tabs = computed(() => ['addresses', 'contacts', 'prices'].map(key => ({
|
||||||
|
|||||||
@@ -295,7 +295,7 @@ const activeTab = ref('addresses')
|
|||||||
const TAB_ICONS: Record<string, string> = {
|
const TAB_ICONS: Record<string, string> = {
|
||||||
addresses: 'mdi:map-marker-outline',
|
addresses: 'mdi:map-marker-outline',
|
||||||
contacts: 'mdi:account-box-plus-outline',
|
contacts: 'mdi:account-box-plus-outline',
|
||||||
prices: 'mdi:currency-eur',
|
prices: 'mdi:payment',
|
||||||
}
|
}
|
||||||
const tabs = computed(() => ['addresses', 'contacts', 'prices'].map(key => ({
|
const tabs = computed(() => ['addresses', 'contacts', 'prices'].map(key => ({
|
||||||
key,
|
key,
|
||||||
|
|||||||
@@ -158,7 +158,10 @@
|
|||||||
(pas de champ de recherche dédié — RG-4.01 / 4.04). -->
|
(pas de champ de recherche dédié — RG-4.01 / 4.04). -->
|
||||||
<template #qualimat>
|
<template #qualimat>
|
||||||
<div class="mt-12 flex flex-col gap-6">
|
<div class="mt-12 flex flex-col gap-6">
|
||||||
|
<!-- table-fixed : 1re colonne (radio) étroite, les 3 autres à parts égales. -->
|
||||||
<MalioDataTable
|
<MalioDataTable
|
||||||
|
class="qualimat-table"
|
||||||
|
table-class="table-fixed"
|
||||||
:columns="qualimatColumns"
|
:columns="qualimatColumns"
|
||||||
:items="qualimatRows"
|
:items="qualimatRows"
|
||||||
:total-items="qualimatTotalDisplay"
|
:total-items="qualimatTotalDisplay"
|
||||||
@@ -491,10 +494,10 @@ const qualimatEmptyMessage = computed(() => hasQualimatSearch.value
|
|||||||
|
|
||||||
// Icone (Iconify) affichee dans chaque onglet, par cle.
|
// Icone (Iconify) affichee dans chaque onglet, par cle.
|
||||||
const TAB_ICONS: Record<string, string> = {
|
const TAB_ICONS: Record<string, string> = {
|
||||||
qualimat: 'mdi:truck-check-outline',
|
qualimat: 'mdi:truck-fast-outline',
|
||||||
addresses: 'mdi:map-marker-outline',
|
addresses: 'mdi:map-marker-outline',
|
||||||
contacts: 'mdi:account-box-plus-outline',
|
contacts: 'mdi:account-box-plus-outline',
|
||||||
prices: 'mdi:currency-eur',
|
prices: 'mdi:payment',
|
||||||
}
|
}
|
||||||
|
|
||||||
// Onglets desactives tant que le formulaire principal n'est pas valide
|
// Onglets desactives tant que le formulaire principal n'est pas valide
|
||||||
@@ -754,3 +757,12 @@ async function onSubmitMain(): Promise<void> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
/* Datatable QUALIMAT en table-fixed : la colonne radio (1re) reste étroite,
|
||||||
|
les 3 autres (nom / adresse / validité) se partagent l'espace à parts égales. */
|
||||||
|
.qualimat-table :deep(th:first-child),
|
||||||
|
.qualimat-table :deep(td:first-child) {
|
||||||
|
width: 56px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user