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

Adjust spacing in entry create form
gitea/salix-front/pipeline/pr-dev There was a failure building this commit Details

This commit is contained in:
William Buezas 2024-02-05 11:36:56 -03:00
parent ddcbc5d8d7
commit 67e2130374
1 changed files with 68 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

129
src/pages/Entry/EntryCreate.vue
View File

@ -79,71 +79,78 @@ const redirectToEntryBasicData = (_, { id }) => {
> >
<template #form="{ data, validate }"> <template #form="{ data, validate }">
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<VnSelectFilter <div class="col">
:label="t('Supplier')" <VnSelectFilter
class="full-width" :label="t('Supplier')"
v-model="data.supplierFk" class="full-width"
:options="suppliersOptions" v-model="data.supplierFk"
option-value="id" :options="suppliersOptions"
option-label="nickname" option-value="id"
hide-selected option-label="nickname"
:required="true" hide-selected
:rules="validate('entry.supplierFk')" :required="true"
> :rules="validate('entry.supplierFk')"
<template #option="scope"> >
<QItem v-bind="scope.itemProps"> <template #option="scope">
<QItemSection> <QItem v-bind="scope.itemProps">
<QItemLabel>{{ scope.opt?.nickname }}</QItemLabel> <QItemSection>
<QItemLabel caption> <QItemLabel>{{ scope.opt?.nickname }}</QItemLabel>
#{{ scope.opt?.id }} <QItemLabel caption>
</QItemLabel> #{{ scope.opt?.id }}
</QItemSection> </QItemLabel>
</QItem> </QItemSection>
</template> </QItem>
</VnSelectFilter> </template>
</VnSelectFilter>
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<VnSelectFilter <div class="col">
:label="t('Travel')" <VnSelectFilter
class="full-width" :label="t('Travel')"
v-model="data.travelFk" class="full-width"
:options="travelsOptionsOptions" v-model="data.travelFk"
option-value="id" :options="travelsOptionsOptions"
option-label="warehouseInName" option-value="id"
map-options option-label="warehouseInName"
hide-selected map-options
:required="true" hide-selected
:rules="validate('entry.travelFk')" :required="true"
> :rules="validate('entry.travelFk')"
<template #option="scope"> >
<QItem v-bind="scope.itemProps"> <template #option="scope">
<QItemSection> <QItem v-bind="scope.itemProps">
<QItemLabel <QItemSection>
>{{ scope.opt?.agencyModeName }} - <QItemLabel
{{ scope.opt?.warehouseInName }} ({{ >{{ scope.opt?.agencyModeName }} -
toDate(scope.opt?.shipped) {{ scope.opt?.warehouseInName }} ({{
}}) &#x2192; {{ scope.opt?.warehouseOutName }} ({{ toDate(scope.opt?.shipped)
toDate(scope.opt?.landed) }}) &#x2192;
}})</QItemLabel {{ scope.opt?.warehouseOutName }} ({{
> toDate(scope.opt?.landed)
</QItemSection> }})</QItemLabel
</QItem> >
</template> </QItemSection>
</VnSelectFilter> </QItem>
</template>
</VnSelectFilter>
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<VnSelectFilter <div class="col">
:label="t('Company')" <VnSelectFilter
class="full-width" :label="t('Company')"
v-model="data.companyFk" class="full-width"
:options="companiesOptions" v-model="data.companyFk"
option-value="id" :options="companiesOptions"
option-label="code" option-value="id"
map-options option-label="code"
hide-selected map-options
:required="true" hide-selected
:rules="validate('entry.companyFk')" :required="true"
/> :rules="validate('entry.companyFk')"
/>
</div>
</VnRow> </VnRow>
</template> </template>
</FormModel> </FormModel>