42 lines
1.6 KiB
Vue
42 lines
1.6 KiB
Vue
<template>
|
|
<a-form :model="form" class="!mt-0" name="gift-card-form" @finish="registerGiftCard">
|
|
<a-form-item :rules="[required()]" label="کد کارت هدیه" name="code">
|
|
<BasicInput
|
|
v-model:value="form.code"
|
|
place-holder="کد کارت هدیه را وارد کنید"
|
|
size="large"
|
|
type="text"
|
|
/>
|
|
</a-form-item>
|
|
<p :class="variant === 'desktop' ? 'dgift-form__hint' : 'font-bold text-xs mt-1'">
|
|
کد کارت هدیه خود را در فیلد بالا وارد کنید و سپس دکمه ثبت را بزنید.
|
|
</p>
|
|
<p :class="variant === 'desktop' ? 'dgift-form__case-note' : 'font-bold text-xs mt-3'">
|
|
*حساس به حروف بزرگ و کوچک
|
|
</p>
|
|
<a-form-item>
|
|
<BasicButton
|
|
:disabled="disableButton"
|
|
:class="variant === 'desktop' ? 'dgift-form__submit' : 'w-full py-2 mt-5'"
|
|
html-type="submit"
|
|
type="primary"
|
|
>
|
|
<a-spin v-if="loading" size="small" />
|
|
<span v-else>ثبت کد</span>
|
|
</BasicButton>
|
|
</a-form-item>
|
|
</a-form>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import BasicButton from '@/components/BasicPacks/BasicButton.vue'
|
|
import BasicInput from '@/components/BasicPacks/BasicInput.vue'
|
|
import { loading } from '@/utils'
|
|
import { required } from '@/utils/inputRules'
|
|
import { useGiftCardPageContext } from '../composables/useGiftCardPage'
|
|
|
|
withDefaults(defineProps<{ variant?: 'mobile' | 'desktop' }>(), { variant: 'mobile' })
|
|
|
|
const { form, disableButton, registerGiftCard } = useGiftCardPageContext()
|
|
</script>
|