OneTeam/don_confiao
Archived
16
0
Fork 0
Code Issues 14 Pull Requests Packages Projects Releases Wiki Activity

Fix: Window NavBar

Browse Source
This commit is contained in:
Rodia
2024-10-05 11:10:42 -05:00
parent d00f3e60fd
commit dd62baa3f0
3 changed files with 75 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue
View File

@@ -1,9 +1,7 @@
<template>
<v-app>
<v-main>
<NavBar />
<router-view />
</v-main>
<NavBar />
<router-view />
</v-app>
</template>
@@ -17,26 +15,3 @@
},
}
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
nav {
padding: 30px;
}
nav a {
font-weight: bold;
color: #2c3e50;
}
nav a.router-link-exact-active {
color: #42b983;
}
</style>

46
tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
View File

@@ -1,35 +1,23 @@
<template>
<v-main>
<v-card>
<v-layout>
<v-app-bar color="primary" prominent app>
<v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
<v-toolbar-title>My files</v-toolbar-title>
<v-spacer></v-spacer>
<template v-if="$vuetify.display.mdAndUp">
<v-btn icon="mdi-magnify" variant="text"></v-btn>
<v-btn icon="mdi-filter" variant="text"></v-btn>
</template>
<v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
</v-app-bar>
<v-navigation-drawer
v-model="drawer"
:location="$vuetify.display.mobile ? 'bottom' : undefined"
temporary>
<v-list :items="items"></v-list>
<v-container>
<v-app-bar color="primary" prominent>
<v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
<v-toolbar-title>My files</v-toolbar-title>
<v-spacer></v-spacer>
<template v-if="$vuetify.display.mdAndUp">
<v-btn icon="mdi-magnify" variant="text"></v-btn>
<v-btn icon="mdi-filter" variant="text"></v-btn>
</template>
<v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
</v-app-bar>
<v-navigation-drawer v-model="drawer"
:location="$vuetify.display.mobile ? 'bottom' : undefined"
temporary>
<v-list :items="items"></v-list>
</v-navigation-drawer>
<v-main style="height: 500px;">
<v-card-text>
The navigation drawer will appear from the bottom on smaller size screens.
</v-card-text>
</v-main>
</v-layout>
</v-card>
</v-main>
</v-container>
</template>
<script>
export default {
data: () => ({

110
tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
View File

@@ -1,5 +1,6 @@
<template>
<v-container>
<v-main>
<v-container app>
<v-form ref="form" v-model="valid">
<v-text-field
v-model="purchase.date"
@@ -24,60 +25,60 @@
<v-divider></v-divider>
<v-container>
<v-toolbar>
<v-toolbar-title secondary>Productos</v-toolbar-title>
</v-toolbar>
<div v-for="(line, index) in purchase.saleline_set" :key="line.id">
<v-row>
<v-col>
<v-select
v-model="line.product"
:items="products"
@update:modelValue="onProductChange(index)"
item-title="name"
item-value="id"
label="Producto"
:rules="[rules.required]"
required
></v-select>
</v-col>
<v-col>
<v-text-field
v-model.number="line.unit_price"
label="Precio"
type="number"
:rules="[rules.required]"
prefix="$"
required
readonly
></v-text-field>
</v-col>
<v-col>
<v-text-field
v-model.number="line.quantity"
label="Cantidad"
type="number"
:rules="[rules.required]"
required
></v-text-field>
</v-col>
<v-col>
<v-text-field
type="number"
:value="calculateSubtotal(line)"
label="Subtotal"
prefix="$"
readonly
disable
></v-text-field>
</v-col>
<v-col>
<v-btn @click="removeLine(index)" color="red">Eliminar</v-btn>
</v-col>
</v-row>
</div>
<v-btn @click="addLine" color="blue">Agregar</v-btn>
<v-toolbar-title secondary>Productos</v-toolbar-title>
</v-toolbar>
<div v-for="(line, index) in purchase.saleline_set" :key="line.id">
<v-row>
<v-col>
<v-select
v-model="line.product"
:items="products"
@update:modelValue="onProductChange(index)"
item-title="name"
item-value="id"
label="Producto"
:rules="[rules.required]"
required
></v-select>
</v-col>
<v-col>
<v-text-field
v-model.number="line.unit_price"
label="Precio"
type="number"
:rules="[rules.required]"
prefix="$"
required
readonly
></v-text-field>
</v-col>
<v-col>
<v-text-field
v-model.number="line.quantity"
label="Cantidad"
type="number"
:rules="[rules.required]"
required
></v-text-field>
</v-col>
<v-col>
<v-text-field
type="number"
:value="calculateSubtotal(line)"
label="Subtotal"
prefix="$"
readonly
disable
></v-text-field>
</v-col>
<v-col>
<v-btn @click="removeLine(index)" color="red">Eliminar</v-btn>
</v-col>
</v-row>
</div>
<v-btn @click="addLine" color="blue">Agregar</v-btn>
</v-container>
</v-container>
<v-divider></v-divider>
@@ -90,6 +91,7 @@
<v-btn @click="submit" color="green">Comprar</v-btn>
</v-form>
</v-container>
</v-main>
</template>
<script>