125 lines
3.7 KiB
Vue
125 lines
3.7 KiB
Vue
<template>
|
|
<!--
|
|
Ported from legacy henza_admin/src/views/reg.vue — a PUBLIC self-registration
|
|
form for new wholesale customers ("ثبت مشتری جدید (اطلاعات فروشنده)").
|
|
|
|
It sits on the full-page layout outside the authenticated shell, which is why
|
|
it carries no permission gate: legacy routed it at /reg alongside the login
|
|
page. Preserved.
|
|
-->
|
|
<div class="reg-page">
|
|
<a-spin :spinning="loading">
|
|
<a-card title="ثبت مشتری جدید (اطلاعات فروشنده)" class="reg-card">
|
|
<a-form layout="vertical" @submit.prevent="handleSubmit">
|
|
<div class="grid-3">
|
|
<a-form-item label="نام " :validate-status="err.fname ? 'error' : ''" :help="err.fname">
|
|
<a-input v-model:value="form.fname" />
|
|
</a-form-item>
|
|
|
|
<a-form-item
|
|
label="نام خانوادگی"
|
|
:validate-status="err.lname ? 'error' : ''"
|
|
:help="err.lname"
|
|
>
|
|
<a-input v-model:value="form.lname" />
|
|
</a-form-item>
|
|
|
|
<a-form-item
|
|
label="شماره تلفن همراه"
|
|
:validate-status="err.mobile ? 'error' : ''"
|
|
:help="err.mobile"
|
|
>
|
|
<a-input v-model:value="form.mobile" />
|
|
</a-form-item>
|
|
|
|
<a-form-item label="نام مغازه">
|
|
<a-input v-model:value="form.store_name" />
|
|
</a-form-item>
|
|
|
|
<a-form-item label="تلفن">
|
|
<a-input v-model:value="form.phone" />
|
|
</a-form-item>
|
|
|
|
<a-form-item label="نام پاساژ">
|
|
<a-input v-model:value="form.pasazh_name" />
|
|
</a-form-item>
|
|
|
|
<a-form-item label="منطقه">
|
|
<a-input v-model:value="form.zone" />
|
|
</a-form-item>
|
|
</div>
|
|
|
|
<a-form-item label="آدرس">
|
|
<a-textarea v-model:value="form.address" :auto-size="{ minRows: 2, maxRows: 4 }" />
|
|
</a-form-item>
|
|
|
|
<a-button type="primary" size="large" :loading="loading" @click="handleSubmit">
|
|
ثبت
|
|
</a-button>
|
|
</a-form>
|
|
</a-card>
|
|
</a-spin>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { reactive, ref } from 'vue';
|
|
import { message } from 'ant-design-vue';
|
|
import api from '../api/client';
|
|
|
|
const loading = ref(false);
|
|
const form = reactive<Record<string, any>>({
|
|
fname: '',
|
|
lname: '',
|
|
mobile: '',
|
|
store_name: '',
|
|
phone: '',
|
|
pasazh_name: '',
|
|
zone: '',
|
|
address: '',
|
|
});
|
|
const err = reactive<Record<string, string>>({});
|
|
|
|
async function handleSubmit() {
|
|
Object.keys(err).forEach((k) => delete err[k]);
|
|
if (!form.fname) err.fname = 'لطفا نام را وارد کنید';
|
|
if (!form.lname) err.lname = 'لطفا نام خانوادگی را وارد کنید';
|
|
if (!form.mobile) err.mobile = 'لطفا شماره تلفن همراه را وارد کنید';
|
|
if (Object.keys(err).length) return;
|
|
|
|
try {
|
|
loading.value = true;
|
|
await api.post('customer/create', {
|
|
...form,
|
|
name: `${form.fname} ${form.lname}`.trim(),
|
|
});
|
|
message.success('اطلاعات با موفقیت ثبت شد.');
|
|
Object.keys(form).forEach((k) => (form[k] = ''));
|
|
} catch (e: any) {
|
|
const mobileErr = e?.response?.data?.errors?.mobile?.[0];
|
|
message.error(mobileErr ?? e?.response?.data?.message ?? 'خطا در ثبت اطلاعات.');
|
|
} finally {
|
|
loading.value = false;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.reg-page {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 1.5rem;
|
|
}
|
|
.reg-card {
|
|
width: 100%;
|
|
max-width: 900px;
|
|
}
|
|
.grid-3 {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
gap: 1rem;
|
|
}
|
|
</style>
|