This commit is contained in:
2026-07-21 01:17:35 +07:00
parent 16114bb134
commit 04f516a9ea
7 changed files with 72 additions and 63 deletions
+9 -26
View File
@@ -42,8 +42,6 @@ getScenarios()
</script>
<template>
<HeaderMenu :add-logout="true" active="scenarios" />
<div class="center-block-custom-big content-block">
<div class="scenarios-container">
<div class="scenario-block" @click="showAddScenarioModal = true">
@@ -51,16 +49,9 @@ getScenarios()
<p class="scenario-title">Создать новый сценарий</p>
</div>
<div
class="scenario-block"
v-for="scenario in scenarios"
@click="toScenarioEditor(scenario.id!)"
v-bind:key="scenario.id"
>
<div
class="scenario-image-block scenario-image"
:style="{ backgroundImage: `url(${scenario.image})` }"
></div>
<div class="scenario-block" v-for="scenario in scenarios" @click="toScenarioEditor(scenario.id!)"
v-bind:key="scenario.id">
<div class="scenario-image-block scenario-image" :style="{ backgroundImage: `url(${scenario.image})` }"></div>
<p class="scenario-title">{{ scenario.name }}</p>
</div>
</div>
@@ -68,22 +59,12 @@ getScenarios()
<!-- Окно создания сценария -->
<n-modal v-model:show="showAddScenarioModal">
<n-card
style="width: 600px"
title="Создание сценария"
:bordered="false"
size="huge"
role="dialog"
aria-modal="true"
>
<n-card style="width: 600px" title="Создание сценария" :bordered="false" size="huge" role="dialog"
aria-modal="true">
<template #header-extra>
<n-button @click="showAddScenarioModal = false"> x </n-button>
</template>
<n-input
v-model:value="newScenarioName"
type="text"
placeholder='Дело №0 "Следствие ведут овечки"'
/>
<n-input v-model:value="newScenarioName" type="text" placeholder='Дело №0 "Следствие ведут овечки"' />
<template #footer>
<n-button @click="addScenario(newScenarioName)" :disabled="newScenarioName.length == 0">
Создать
@@ -91,6 +72,8 @@ getScenarios()
</template>
</n-card>
</n-modal>
<HeaderMenu :add-logout="true" active="scenarios" />
</template>
<style scoped>
@@ -144,7 +127,7 @@ getScenarios()
padding: 5px 0;
}
@media (width >= 1024px) {
@media (width >=1024px) {
.scenarios-container {
height: calc(100vh - 70px);
}