54 lines
1.7 KiB
Vue
54 lines
1.7 KiB
Vue
<template>
|
|
<div class="w-full p-8">
|
|
<div class="font-bold text-center text-xl">ورود / ثبت نام</div>
|
|
<a-form :model="userFormState" name="basic" @finish="phoneVerification" class="!mt-5">
|
|
<a-form-item label="شماره تلفن همراه" name="mobile" :rules="[lengthValidation(11),required]">
|
|
<BasicInput v-model:value="userFormState.mobile" type="tel" size="large" place-holder="شماره تلفن همراه"/>
|
|
<div class="text-xs mt-1 text-gray-400">مالکیت شماره باید به نام خودتان باشد</div>
|
|
</a-form-item>
|
|
<a-form-item>
|
|
<!-- <div class="flex text-gray-600 text-xs my-2">با ورود یا ثبت نام
|
|
<div class="mx-1 font-bold">شرایط و قوانین</div>
|
|
را میپذیرم
|
|
</div>-->
|
|
<BasicButton
|
|
class=" w-full py-2"
|
|
:disabled="loading"
|
|
type="primary"
|
|
html-type="submit"
|
|
>
|
|
<div>
|
|
<a-spin v-if="loading" size="small"/>
|
|
<div v-else>ادامه</div>
|
|
</div>
|
|
</BasicButton>
|
|
</a-form-item>
|
|
</a-form>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
import {lengthValidation, required} from "@/utils/inputRules";
|
|
import type {UserMobile} from "@/models/login";
|
|
import BasicInput from "@/components/BasicPacks/BasicInput.vue";
|
|
import BasicButton from "@/components/BasicPacks/BasicButton.vue";
|
|
import {loading} from "@/utils";
|
|
import {ref} from "vue";
|
|
import router from "@/router";
|
|
|
|
const userFormState = ref<UserMobile>({
|
|
mobile: '',
|
|
})
|
|
|
|
function phoneVerification() {
|
|
router.push({name: 'home' })
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
|
</style> |