mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

columns

This commit is contained in:
Kseninia Mikhaylova 2024-06-13 13:57:33 +03:00
parent 3a3b8deaa3
commit 107798df0e
1 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
components/calcValues.vue
View File

@ -163,30 +163,35 @@ const toggleModal = () => {
v-model="form_state.total_length" :ref="form_refs.total_length" /> v-model="form_state.total_length" :ref="form_refs.total_length" />
</div> </div>
</div> </div>
<div class="form-row prose"> <div class="form-row">
<p> <div class="prose col-span-6">
Забор общей длиной {{ form_state.total_length }} м, <p>
всего секций {{ section_count }} по {{ form_state.length }}мм Забор общей длиной {{ form_state.total_length }} м,
<span class="contents" v-if="form_state.extra_section"> всего секций {{ section_count }} по {{ form_state.length }}мм
и 1 дополнительной секцией в {{ form_state.extra_section }}мм <span class="contents" v-if="form_state.extra_section">
</span>. и 1 дополнительной секцией в {{ form_state.extra_section }}мм
</p> </span>.
<p> </p>
Всего столбов {{ section_count + ~~(!!form_state.extra_section) + 1 }}. <p>
Всего ламелей {{ section_count * lamelles_count }} по {{ form_state.length }}мм Всего столбов {{ section_count + ~~(!!form_state.extra_section) + 1 }}.
<span class="contents" v-if="form_state.extra_section"> Всего ламелей {{ section_count * lamelles_count }} по {{ form_state.length }}мм
и {{ ~~(!!form_state.extra_section) * lamelles_count }} по {{ form_state.extra_section }}мм <span class="contents" v-if="form_state.extra_section">
</span> и {{ ~~(!!form_state.extra_section) * lamelles_count }} по {{ form_state.extra_section
</p> }}мм
<p> </span>
Окраска порошковым методом, </p>
ламели: {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }}, <p>
столбы: {{ getColorNameFromRal(pillar_color)?.toLowerCase() }}. Окраска порошковым методом,
</p> ламели: {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }},
<p v-if="form_state.extra_section" class="text-ioprim"> столбы: {{ getColorNameFromRal(pillar_color)?.toLowerCase() }}.
Внимание! Дополнительная секция приводит к увеличению стоимости. </p>
Рекомендуем вам изменить длину забора или длину секции! </div>
</p> <div class="prose col-span-6">
<p v-if="form_state.extra_section" class="text-ioprim">
Внимание! Дополнительная секция приводит к увеличению стоимости.
Рекомендуем вам изменить длину забора или длину секции!
</p>
</div>
</div> </div>
<div class="form-row justify-center"> <div class="form-row justify-center">
<button @click.prevent="toggleModal">Купить прямо сейчас</button> <button @click.prevent="toggleModal">Купить прямо сейчас</button>