Feat: Create Customer Post API

This commit is contained in:
Rodia 2024-10-26 14:38:58 -05:00
parent 18df5742d5
commit c2e91328fb

View File

@ -10,13 +10,18 @@
v-model="customer.name"
label="Nombre"
:rules="[rules.required]"
required
></v-text-field>
<v-text-field
v-model="customer.email"
label="Correo Electrónico"
:rules="[rules.required, rules.email]"
required
v-model="customer.address"
label="Direccion"
:rules="[rules.required]"
required
></v-text-field>
<v-text-field
v-model="customer.email"
label="Correo Electrónico"
:rules="[rules.required, rules.email]"
required
></v-text-field>
<v-text-field
v-model="customer.phone"
@ -63,11 +68,27 @@
this.showModal = false;
this.resetForm();
},
submitForm() {
async submitForm() {
if (this.$refs.form.validate()) {
// Aquí puedes manejar el envío del formulario
console.log('Cliente guardado:', this.customer);
this.closeModal();
try {
console.log(this.customer)
const response = await fetch('/don_confiao/api/customers/', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(this.customer),
});
if (response.ok) {
const data = await response.json();
console.log('Cliente Guardado:', data);
this.closeModal();
} else {
console.error('Error al Crear el Cliente:', response.statusText);
}
} catch (error) {
console.error('Error de red:', error);
}
}
},
resetForm() {