Buen día, Como puedo hacer para que mi app hecho en php vue y mysql permita cobrar con decimal (0.50). Como se ve en la imagen me sale error:
Esta es la funcion cobrar de mi codigo:
cobrar(mesa){
this.$buefy.dialog.prompt({
title: `Cobrar a la mesa #` + mesa.mesa.idMesa,
message: `El cliente debe pagar $` + mesa.mesa.total,
inputAttrs: {
type: 'number',
value:"",
placeholder: 'Escribe la cantidad con la que paga',
min: 1
},
trapFocus: true,
onConfirm: (value) => {
if(parseFloat(value) < parseFloat(mesa.mesa.total)){
this.$buefy.toast.open({
message: 'Escribe una cantidad correcta',
type: 'is-warning'
})
return
}
this.cargando = true
let cambio = parseFloat(value - mesa.mesa.total)
let payload = {
idMesa: mesa.mesa.idMesa,
cliente: mesa.mesa.cliente,
total: mesa.mesa.total,
pagado: value,
idUsario: mesa.mesa.idUsuario,
insumos: mesa.insumos,
atiende: mesa.mesa.atiende
}
HttpService.registrar(payload, "registrar_venta.php")
.then(registrado => {
if(registrado){
this.$buefy.dialog.alert({
title: 'Venta registrada',
message: 'Gracias por su compra, su cambio <b>$' + cambio + '</b>',
confirmText: 'OK'
})
this.imprimirComprobante(payload)
this.crearMesas()
this.cargando = false
}
})
}
})
},
Ya intente poniendole en el inputAttrs que el min sea a partir de 0.01, y cuando le pongo eso me sale que solo permite valores 10.01 o 11.01, y no deja colocar enteros tambien cuando le pongo ese valor al min.