TelemedPro/hgh_admin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Inshal
2024-05-29 22:34:28 +05:00
commit e63fc41a20
1470 changed files with 174828 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
resources/js/views/wizard-examples/property-listing/PropertyArea.vue Normal file
View File

@@ -0,0 +1,159 @@
<script setup>
const props = defineProps({
formData: {
type: null,
required: true,
},
})
const emit = defineEmits(['update:formData'])
const formData = ref(props.formData)
watch(formData, () => {
emit('update:formData', formData.value)
})
</script>
<template>
<VForm>
<VRow>
<VCol
cols="12"
sm="6"
>
<!-- 👉 Total Area -->
<VTextField
v-model="formData.totalArea"
label="Total Area"
suffix="sq-ft"
type="number"
placeholder="1000"
/>
</VCol>
<VCol
cols="12"
sm="6"
>
<!-- 👉 Carpet Area -->
<VTextField
v-model="formData.carpetArea"
label="Carpet Area"
suffix="sq-ft"
type="number"
placeholder="800"
/>
</VCol>
<VCol
cols="12"
sm="6"
>
<!-- 👉 Plot Area -->
<VTextField
v-model="formData.plotArea"
label="Plot Area"
suffix="sq-ft"
type="number"
placeholder="800"
/>
</VCol>
<VCol
cols="12"
sm="6"
>
<!-- 👉 Available From -->
<AppDateTimePicker
v-model="formData.availableFrom"
label="Available From"
type="date"
placeholder="Select Date"
format="YYYY-MM-DD"
/>
</VCol>
<VCol
cols="12"
sm="6"
>
<!-- 👉 Possession Status -->
<VRadioGroup v-model="formData.possessionStatus">
<template #label>
<div>
Possession Status
</div>
</template>
<VRadio
value="Under Construciton"
label="Under Construction"
/>
<VRadio
value="Ready to Move"
label="Ready to Move"
/>
</VRadioGroup>
</VCol>
<VCol
cols="12"
sm="6"
>
<!-- 👉 Transaction Type -->
<VRadioGroup v-model="formData.transactionType">
<template #label>
<div>
Transaction Type
</div>
</template>
<VRadio
value="New Property"
label="New Property"
/>
<VRadio
value="Resale"
label="Resale"
/>
</VRadioGroup>
</VCol>
<VCol
cols="12"
sm="6"
>
<!-- 👉 property Location -->
<VRadioGroup v-model="formData.isOnMainRoad">
<template #label>
<div>
Is Property Facing Main Road?
</div>
</template>
<VRadio
value="Yes"
label="Yes"
/>
<VRadio
value="No"
label="No"
/>
</VRadioGroup>
</VCol>
<VCol
cols="12"
sm="6"
>
<!-- 👉 Gated Colony -->
<VRadioGroup v-model="formData.isGatedColony">
<template #label>
<div>
Gated Colony
</div>
</template>
<VRadio
value="Yes"
label="Yes"
/>
<VRadio
value="No"
label="No"
/>
</VRadioGroup>
</VCol>
</VRow>
</VForm>
</template>