wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

Update Wagon forms

This commit is contained in:
Kevin Martinez 2023-11-29 23:53:35 -03:00
parent 78477ef362
commit be66b0b549
2 changed files with 44 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/pages/Wagon/Type/WagonTypeCreate.vue
View File

@ -239,8 +239,8 @@ function exceedMaxHeight(pos) {
<template> <template>
<QPage class="q-pa-sm q-mx-xl"> <QPage class="q-pa-sm q-mx-xl">
<QCard class="q-pa-sm"> <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
<QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-md"> <QCard class="q-pa-md">
<QInput <QInput
filled filled
v-model="name" v-model="name"
@ -309,16 +309,6 @@ function exceedMaxHeight(pos) {
<QIcon color="grey-6" name="trip_origin" size="3rem" /> <QIcon color="grey-6" name="trip_origin" size="3rem" />
<QIcon color="grey-6" name="trip_origin" size="3rem" /> <QIcon color="grey-6" name="trip_origin" size="3rem" />
</div> </div>
<div>
<QBtn :label="t('wagon.type.submit')" type="submit" color="primary" />
<QBtn
:label="t('wagon.type.reset')"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
<QDialog <QDialog
v-model="colorPickerActive" v-model="colorPickerActive"
position="right" position="right"
@ -346,8 +336,18 @@ function exceedMaxHeight(pos) {
</QCardSection> </QCardSection>
</QCard> </QCard>
</QDialog> </QDialog>
</QForm> </QCard>
</QCard> <div class="q-mt-md">
<QBtn :label="t('wagon.type.submit')" type="submit" color="primary" />
<QBtn
:label="t('wagon.type.reset')"
type="reset"
color="primary"
flat
class="q-ml-sm"
/>
</div>
</QForm>
</QPage> </QPage>
</template> </template>
@ -357,22 +357,27 @@ function exceedMaxHeight(pos) {
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
} }
.q-card {
.q-form {
width: 70%; width: 70%;
} }
.q-dialog { .q-dialog {
.q-card { .q-card {
width: 100%; width: 100%;
} }
} }
.wheels { .wheels {
margin-left: 5%; margin-left: 5%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
.wagon-tray { .wagon-tray {
display: flex; display: flex;
height: 6rem; height: 6rem;
.position { .position {
width: 20%; width: 20%;
border-right: 1rem solid gray; border-right: 1rem solid gray;
@ -381,21 +386,26 @@ function exceedMaxHeight(pos) {
justify-content: flex-end; justify-content: flex-end;
padding-right: 1rem; padding-right: 1rem;
} }
.shelving { .shelving {
display: flex; display: flex;
width: 75%; width: 75%;
.shelving-half { .shelving-half {
width: 50%; width: 50%;
height: 100%; height: 100%;
.shelving-up { .shelving-up {
height: 80%; height: 80%;
width: 100%; width: 100%;
} }
.shelving-down { .shelving-down {
height: 20%; height: 20%;
width: 100%; width: 100%;
} }
} }
.shelving-divisible { .shelving-divisible {
width: 1%; width: 1%;
height: 100%; height: 100%;
@ -403,6 +413,7 @@ function exceedMaxHeight(pos) {
border-right: 0.5rem dashed grey; border-right: 0.5rem dashed grey;
} }
} }
.action-button { .action-button {
width: 10%; width: 10%;
border-left: 1rem solid gray; border-left: 1rem solid gray;

35
src/pages/Wagon/WagonCreate.vue
View File

@ -86,9 +86,9 @@ function filterType(val, update) {
<template> <template>
<QPage class="q-pa-sm q-mx-xl"> <QPage class="q-pa-sm q-mx-xl">
<QCard class="q-pa-sm"> <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
<QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-md"> <QCard class="q-pa-md">
<div class="row q-col-gutter-md q-mb-md"> <div class="row q-col-gutter-md">
<div class="col"> <div class="col">
<QInput <QInput
filled filled
@ -108,7 +108,7 @@ function filterType(val, update) {
/> />
</div> </div>
</div> </div>
<div class="row q-col-gutter-md q-mb-md"> <div class="row q-col-gutter-md">
<div class="col"> <div class="col">
<QInput <QInput
filled filled
@ -155,18 +155,18 @@ function filterType(val, update) {
</QSelect> </QSelect>
</div> </div>
</div> </div>
<div> </QCard>
<QBtn :label="t('wagon.type.submit')" type="submit" color="primary" /> <div class="q-mt-md">
<QBtn <QBtn :label="t('wagon.type.submit')" type="submit" color="primary" />
:label="t('wagon.type.reset')" <QBtn
type="reset" :label="t('wagon.type.reset')"
color="primary" type="reset"
flat color="primary"
class="q-ml-sm" flat
/> class="q-ml-sm"
</div> />
</QForm> </div>
</QCard> </QForm>
</QPage> </QPage>
</template> </template>
@ -176,7 +176,8 @@ function filterType(val, update) {
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
} }
.q-card {
.q-form {
width: 70%; width: 70%;
} }
</style> </style>