to fixed fix

components/calcModels.vue

@@ -6,6 +6,7 @@ import { OrbitControls, Environment, useGLTF } from '@tresjs/cientos'
 const section_count = useState<number>('section_count')
 const fence_section = useState<number>('fence_section')
 const extra_section = useState<number>('extra_section')
+const max_size = useState<number>('max_size')
 
 const controlsState = reactive({
     distance: section_count.value,
@@ -83,7 +84,7 @@ watch(section_count, () => {
             <TresCanvas shadows>
                 <TresPerspectiveCamera v-bind="cameraStat" ref="camera" />
                 <OrbitControls v-bind="controlsState" make-default />
-                <TresGroup :position-x="Math.min(section_count, 12) * fence_section * -1" :position-y="-3">
+                <TresGroup :position-x="Math.min(section_count, max_size) * fence_section * -1" :position-y="-3">
                     <Suspense>
                         <ModelParametric />
                     </Suspense>

components/calcValues.vue

@@ -196,7 +196,7 @@ const plurals = {
                         Забор общей длиной {{ form_state.total_length }}{{ '\xa0' }}м,
                         {{ section_count }}
                         <Plural :n="section_count" :forms="plurals.section" /> по
-                        {{ (form_state.length || 0).toFixed(2) }}{{ '\xa0' }}мм<template v-if="form_state.extra_section">
+                        {{ parseInt(form_state.length).toFixed(2) }}{{ '\xa0' }}мм<template v-if="form_state.extra_section">
                             и 1 дополнительная секция длиной {{ form_state.extra_section.toFixed(2) }}{{ '\xa0'
                             }}мм</template>.
                     </p>
@@ -207,7 +207,7 @@ const plurals = {
                         </template>
                         {{ section_count * lamelles_count }}
                         <Plural :n="section_count * lamelles_count" :forms="plurals.lamelle" />
-                        {{ `длиной ${form_state.length.toFixed(2)}\xa0мм` }}<template v-if="form_state.extra_section">и
+                        {{ `длиной ${parseInt(form_state.length).toFixed(2)}\xa0мм` }}<template v-if="form_state.extra_section">и
                             {{ ~~(!!form_state.extra_section.toFixed(2)) * lamelles_count }}
                             <Plural :n="~~(!!form_state.extra_section) * lamelles_count" :forms="plurals.lamelle" />
                             {{ `длиной ${form_state.extra_section}\xa0мм` }}

components/model/parametric.vue

@@ -9,6 +9,8 @@ import { useGLTF, } from '@tresjs/cientos'
 const section_count = useState<number>('section_count')
 const extra_section = useState<number>('extra_section')
 
+const max_size = useState<number>('max_size', () => 13)
+
 const { scene, renderer, camera } = useTresContext()
 renderer.value.toneMapping = ReinhardToneMapping
 
@@ -49,7 +51,7 @@ onMounted(() => {
 <template>
     <TresGroup name="base">
         <template v-for="i in (section_count + ~~(!!extra_section))">
-            <template v-if="i <= 12">
+            <template v-if="i <= max_size">
                 <ModelFence :index="i" :models="{ top, fence, fastening, lamelle }" />
             </template>
         </template>