verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 107 Releases Wiki Activity

refs #6118 importSalixVariables #93

Merged
pablone merged 19 commits from 6118-responsiveFixes into dev 2023-10-30 10:32:15 +00:00
Conversation 0 Commits 19 Files Changed 4 +33 -13
4 changed files with 33 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 36cf762857 - Show all commits

14
src/components/FormModel.vue
View File

@ -122,8 +122,10 @@ watch(formUrl, async () => {
<QIcon name="warning" size="md" class="q-mr-md" />
<span>{{ t('globals.changesToSave') }}</span>
</QBanner>
<QForm v-if="formData" @submit="save" @reset="reset" class="q-pa-md">
<slot name="form" :data="formData" :validate="validate" :filter="filter"></slot>
<QForm v-if="formData" @submit="save" @reset="reset" class="q-pa-md" id="formModel">
<QCard>
<slot name="form" :data="formData" :validate="validate" :filter="filter" />
</QCard>
</QForm>
<Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
<div v-if="$props.defaultActions">
@ -156,10 +158,12 @@ watch(formUrl, async () => {
color="primary"
/>
</template>
<style lang="scss" scopped>
.formModel {
<style lang="scss" scoped>
#formModel {
max-width: 800px;
width: 100%;
}
.q-card {
padding: 32px;
}
</style>

13
src/components/ui/VnRow.vue Normal file
View File

@ -0,0 +1,13 @@
<script></script>
<template>
<div id="row">
<slot></slot>
</div>
</template>
<style lang="scss" scopped>
@media screen and (max-width: 800px) {
#row {
flex-direction: column;
}
}
</style>

17
src/pages/Claim/Card/ClaimBasicData.vue
View File

@ -6,6 +6,7 @@ import { useI18n } from 'vue-i18n';
import { useSession } from 'src/composables/useSession';
import FetchData from 'components/FetchData.vue';
import FormModel from 'components/FormModel.vue';
import VnRow from 'components/ui/VnRow.vue';
const route = useRoute();
const { t } = useI18n();
@ -99,7 +100,7 @@ const statesFilter = {
model="claim"
>
<template #form="{ data, validate, filter }">
pablone marked this conversation as resolved Outdated
alexm commented 2023-10-20 11:43:31 +00:00
Outdated
Review
Copy Link

Si el fiques en KebabCase com esta quasar funciona??

Si el fiques en KebabCase com esta quasar funciona??
<vnRow class="row q-gutter-md q-mb-md">
<VnRow class="row q-gutter-md q-mb-md">
<div class="col">
<QInput
v-model="data.client.name"
@ -136,8 +137,8 @@ const statesFilter = {
</template>
</QInput>
</div>
</vnRow>
<vnRow class="row q-gutter-md q-mb-md">
</VnRow>
<VnRow class="row q-gutter-md q-mb-md">
<div class="col">
<QSelect
v-model="data.workerFk"
@ -183,8 +184,8 @@ const statesFilter = {
>
</QSelect>
</div>
</vnRow>
<vnRow class="row q-gutter-md q-mb-md">
</VnRow>
<VnRow class="row q-gutter-md q-mb-md">
<div class="col">
<QInput
v-model.number="data.packages"
@ -200,15 +201,15 @@ const statesFilter = {
:rules="validate('claim.rma')"
/>
</div>
</vnRow>
<vnRow class="row q-gutter-md q-mb-md">
</VnRow>
<VnRow class="row q-gutter-md q-mb-md">
<div class="col">
<QCheckbox
v-model="data.hasToPickUp"
:label="t('claim.basicData.picked')"
/>
</div>
</vnRow>
</VnRow>
</template>
</FormModel>
</div>

2
src/pages/Customer/Card/CustomerBasicData.vue
View File

@ -6,6 +6,8 @@ import { useI18n } from 'vue-i18n';
import { useSession } from 'src/composables/useSession';
import FetchData from 'components/FetchData.vue';
import FormModel from 'components/FormModel.vue';
import VnRow from 'components/ui/VnRow.vue';
const route = useRoute();
const { t } = useI18n();
const session = useSession();