refactor(Vue): avoid manual div and style class.
This commit is contained in:
parent
46904d0825
commit
ee37bfe2cf
@ -1,7 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-container>
|
<v-container>
|
||||||
<v-form ref="form" v-model="valid">
|
<v-form ref="form" v-model="valid">
|
||||||
<div class="d-flex mb-4">
|
<v-row>
|
||||||
|
<v-col>
|
||||||
<v-select
|
<v-select
|
||||||
v-model="purchase.customer"
|
v-model="purchase.customer"
|
||||||
:items="clients"
|
:items="clients"
|
||||||
@ -12,15 +13,19 @@
|
|||||||
required
|
required
|
||||||
class="mr-4"
|
class="mr-4"
|
||||||
></v-select>
|
></v-select>
|
||||||
|
</v-col>
|
||||||
|
<v-col
|
||||||
|
lg="2"
|
||||||
|
>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="purchase.date"
|
v-model="purchase.date"
|
||||||
label="Fecha"
|
label="Fecha"
|
||||||
type="date"
|
type="date"
|
||||||
:rules="[rules.required]"
|
:rules="[rules.required]"
|
||||||
required
|
required
|
||||||
style="flex: 0 1 250px;"
|
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
</div>
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
|
||||||
<v-textarea
|
<v-textarea
|
||||||
v-model="purchase.notes"
|
v-model="purchase.notes"
|
||||||
@ -32,7 +37,7 @@
|
|||||||
<v-toolbar>
|
<v-toolbar>
|
||||||
<v-toolbar-title secondary>Productos</v-toolbar-title>
|
<v-toolbar-title secondary>Productos</v-toolbar-title>
|
||||||
</v-toolbar>
|
</v-toolbar>
|
||||||
<div v-for="(line, index) in purchase.saleline_set" :key="line.id">
|
<v-container v-for="(line, index) in purchase.saleline_set" :key="line.id">
|
||||||
<v-row>
|
<v-row>
|
||||||
<v-col>
|
<v-col>
|
||||||
<v-select
|
<v-select
|
||||||
@ -80,7 +85,7 @@
|
|||||||
<v-btn @click="removeLine(index)" color="red">Eliminar</v-btn>
|
<v-btn @click="removeLine(index)" color="red">Eliminar</v-btn>
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
</div>
|
</v-container>
|
||||||
<v-btn @click="addLine" color="blue">Agregar</v-btn>
|
<v-btn @click="addLine" color="blue">Agregar</v-btn>
|
||||||
|
|
||||||
</v-container>
|
</v-container>
|
||||||
|
Loading…
Reference in New Issue
Block a user