Some checks failed
Auto Tag Develop / tag (push) Has been cancelled
- Parc Machines transformé en DataTable avec filtres (site, date création, recherche) - Vue d'ensemble : ajout filtre par plage de dates de création - Activity-log : correction des liens entités (routes singulier sans /edit, ajout machine/document/model_type) - ComponentItem & PieceItem : refonte complète des cartes dépliantes (design industriel raffiné) - Header compact avec tags colorés contrastés (référence, réf. auto, prix, produit, champs machine) - Panneau déplié structuré en sections avec mini-headers - Bordure gauche primary pour hiérarchie visuelle - Ajout referenceAuto dans header et infos pour composants et pièces - Suppression double encadrement ComponentHierarchy Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
49 lines
1.1 KiB
Vue
49 lines
1.1 KiB
Vue
<template>
|
|
<div class="space-y-3">
|
|
<!-- Root Components -->
|
|
<div v-for="component in components" :key="component.id">
|
|
<ComponentItem
|
|
:component="component"
|
|
:is-edit-mode="isEditMode"
|
|
:show-delete="showDelete"
|
|
:collapse-all="collapseAll"
|
|
:toggle-token="toggleToken"
|
|
@update="$emit('update', $event)"
|
|
@edit-piece="$emit('edit-piece', $event)"
|
|
@custom-field-update="$emit('custom-field-update', $event)"
|
|
@delete="$emit('delete')"
|
|
@fill-entity="(linkId, typeId) => $emit('fill-entity', linkId, typeId)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import ComponentItem from './ComponentItem.vue'
|
|
|
|
defineProps({
|
|
components: {
|
|
type: Array,
|
|
required: true
|
|
},
|
|
isEditMode: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
showDelete: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
collapseAll: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
toggleToken: {
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
})
|
|
|
|
defineEmits(['update', 'edit-piece', 'custom-field-update', 'delete', 'fill-entity'])
|
|
</script>
|