42 lines
996 B
Vue
42 lines
996 B
Vue
<template>
|
|
<div class="flex flex-row gap-16 items-center w-full">
|
|
<div
|
|
v-for="type in bovineType"
|
|
:key="type.id"
|
|
class="mt-8 flex flex-row mb-2 gap-6">
|
|
<UiNumberInput
|
|
:label="type.label"
|
|
:code="type.code"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mt-8 flex flex-row mb-2 gap-6">
|
|
<UiNumberInput
|
|
label="Autres"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
|
|
import {getTruckList} from "~/services/truck";
|
|
import type {BovineTypeData} from "~/services/dto/bovine-type-data";
|
|
import {getBovineTypeList} from "~/services/bovine-type";
|
|
|
|
|
|
const isLoadingBovineType = ref(false)
|
|
const bovineType = ref<BovineTypeData[]>([])
|
|
|
|
const loadBovineType = async () => {
|
|
isLoadingBovineType.value = true
|
|
try {
|
|
bovineType.value = await getBovineTypeList()
|
|
} finally {
|
|
isLoadingBovineType.value = false
|
|
}
|
|
}
|
|
onMounted(async () => {
|
|
await loadBovineType()
|
|
})
|
|
</script>
|