36a44848d2
- ComponentHierarchy.vue : Affichage hiérarchique des composants - ComponentItem.vue : Affichage d'un composant individuel - CustomFieldsDisplay.vue : Affichage des champs personnalisés - PieceItem.vue : Affichage des pièces de machines - Support de l'affichage en lecture seule et édition - Gestion des relations parent-enfant entre composants
30 lines
641 B
Vue
30 lines
641 B
Vue
<template>
|
|
<div class="space-y-4">
|
|
<!-- Root Components -->
|
|
<div v-for="component in components" :key="component.id" class="border border-gray-200 rounded-lg p-4">
|
|
<ComponentItem
|
|
:component="component"
|
|
:is-edit-mode="isEditMode"
|
|
@update="$emit('update', $event)"
|
|
@edit-piece="$emit('edit-piece', $event)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import ComponentItem from './ComponentItem.vue'
|
|
|
|
defineProps({
|
|
components: {
|
|
type: Array,
|
|
required: true
|
|
},
|
|
isEditMode: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
})
|
|
|
|
defineEmits(['update', 'edit-piece'])
|
|
</script> |