@@ -3,20 +3,18 @@
|
|||||||
<h2 class="text-xl font-semibold mb-4">Введите название для вашего QR-кода</h2>
|
<h2 class="text-xl font-semibold mb-4">Введите название для вашего QR-кода</h2>
|
||||||
<p class="text-gray-600 mb-4">Название поможет вам организовать ваши QR-коды.</p>
|
<p class="text-gray-600 mb-4">Название поможет вам организовать ваши QR-коды.</p>
|
||||||
|
|
||||||
<!-- Форма задания названия -->
|
<form @submit.prevent="saveQRCode">
|
||||||
<div class="mb-6">
|
|
||||||
<label for="name" class="block text-gray-700 font-semibold mb-2">Название</label>
|
<label for="name" class="block text-gray-700 font-semibold mb-2">Название</label>
|
||||||
<InputText id="name" v-model="nameModel" class="w-full" placeholder="Введите название" />
|
<InputText id="name" v-model="nameModel" class="w-full" placeholder="Введите название" />
|
||||||
<p v-if="!nameModel" class="text-red-500 text-sm mt-1">Название обязательно.</p>
|
<p v-if="!nameModel" class="text-red-500 text-sm mt-1">Название обязательно.</p>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Кнопка создания -->
|
|
||||||
<Button
|
<Button
|
||||||
|
type="submit"
|
||||||
label="Создать QR-код"
|
label="Создать QR-код"
|
||||||
class="p-button-sm mt-4 mb-4"
|
class="p-button-md mt-4 mb-4"
|
||||||
:disabled="!nameModel"
|
:disabled="!nameModel"
|
||||||
@click="saveQRCode"
|
|
||||||
/>
|
/>
|
||||||
|
</form>
|
||||||
<p v-if="error" class="text-red-500 mt-4">Ошибка создания QR-кода: {{ error }}</p>
|
<p v-if="error" class="text-red-500 mt-4">Ошибка создания QR-кода: {{ error }}</p>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user