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

9
components/calcValues.vue
View File

@ -163,7 +163,8 @@ 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">
<div class="prose col-span-6">
<p> <p>
Забор общей длиной {{ form_state.total_length }} м, Забор общей длиной {{ form_state.total_length }} м,
всего секций {{ section_count }} по {{ form_state.length }}мм всего секций {{ section_count }} по {{ form_state.length }}мм
@ -175,7 +176,8 @@ const toggleModal = () => {
Всего столбов {{ section_count + ~~(!!form_state.extra_section) + 1 }}. Всего столбов {{ section_count + ~~(!!form_state.extra_section) + 1 }}.
Всего ламелей {{ section_count * lamelles_count }} по {{ form_state.length }}мм Всего ламелей {{ section_count * lamelles_count }} по {{ form_state.length }}мм
<span class="contents" v-if="form_state.extra_section"> <span class="contents" v-if="form_state.extra_section">
и {{ ~~(!!form_state.extra_section) * lamelles_count }} по {{ form_state.extra_section }}мм и {{ ~~(!!form_state.extra_section) * lamelles_count }} по {{ form_state.extra_section
}}мм
</span> </span>
</p> </p>
<p> <p>
@ -183,11 +185,14 @@ const toggleModal = () => {
ламели: {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }}, ламели: {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }},
столбы: {{ getColorNameFromRal(pillar_color)?.toLowerCase() }}. столбы: {{ getColorNameFromRal(pillar_color)?.toLowerCase() }}.
</p> </p>
</div>
<div class="prose col-span-6">
<p v-if="form_state.extra_section" class="text-ioprim"> <p v-if="form_state.extra_section" class="text-ioprim">
Внимание! Дополнительная секция приводит к увеличению стоимости. Внимание! Дополнительная секция приводит к увеличению стоимости.
Рекомендуем вам изменить длину забора или длину секции! Рекомендуем вам изменить длину забора или длину секции!
</p> </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>
</div> </div>