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

Remove col divs

This commit is contained in:
William Buezas 2024-04-02 12:43:32 -03:00
parent addbe9345b
commit 71b2f7c8dc
1 changed files with 59 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

142
src/pages/Worker/Card/WorkerBasicData.vue
View File

@ -75,101 +75,77 @@ const maritalStatus = [
> >
<template #form="{ data }"> <template #form="{ data }">
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col"> <VnInput :label="t('Name')" clearable v-model="data.firstName" />
<VnInput :label="t('Name')" clearable v-model="data.firstName" /> <VnInput :label="t('Last name')" clearable v-model="data.lastName" />
</div>
<div class="col">
<VnInput :label="t('Last name')" clearable v-model="data.lastName" />
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col"> <VnInput v-model="data.phone" :label="t('Business phone')" clearable />
<VnInput <VnInput
v-model="data.phone" v-model="data.mobileExtension"
:label="t('Business phone')" :label="t('Mobile extension')"
clearable clearable
/> />
</div>
<div class="col">
<VnInput
v-model="data.mobileExtension"
:label="t('Mobile extension')"
clearable
/>
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col"> <VnSelectFilter
<VnSelectFilter :label="t('Boss')"
:label="t('Boss')" :options="workersOptions"
:options="workersOptions" hide-selected
hide-selected option-label="nickname"
option-label="nickname" option-value="id"
option-value="id" v-model="data.bossFk"
v-model="data.bossFk" >
> <template #option="scope">
<template #option="scope"> <QItem v-bind="scope.itemProps">
<QItem v-bind="scope.itemProps"> <QItemSection>
<QItemSection> <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
<QItemLabel>{{ scope.opt?.name }}</QItemLabel> <QItemLabel caption>
<QItemLabel caption> {{ scope.opt?.nickname }},
{{ scope.opt?.nickname }}, {{ scope.opt?.code }}
{{ scope.opt?.code }} </QItemLabel>
</QItemLabel> </QItemSection>
</QItemSection> </QItem>
</QItem> </template>
</template> </VnSelectFilter>
</VnSelectFilter> <VnSelectFilter
</div> :label="t('Marital status')"
<div class="col"> :options="maritalStatus"
<VnSelectFilter hide-selected
:label="t('Marital status')" option-label="name"
:options="maritalStatus" option-value="code"
hide-selected v-model="data.maritalStatus"
option-label="name" />
option-value="code"
v-model="data.maritalStatus"
/>
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col"> <VnSelectFilter
<VnSelectFilter :label="t('Origin country')"
:label="t('Origin country')" :options="countriesOptions"
:options="countriesOptions" hide-selected
hide-selected option-label="country"
option-label="country" option-value="id"
option-value="id" v-model="data.originCountryFk"
v-model="data.originCountryFk" />
/> <VnSelectFilter
</div> :label="t('Education level')"
<div class="col"> :options="educationLevelsOptions"
<VnSelectFilter hide-selected
:label="t('Education level')" option-label="name"
:options="educationLevelsOptions" option-value="id"
hide-selected v-model="data.educationLevelFk"
option-label="name" />
option-value="id"
v-model="data.educationLevelFk"
/>
</div>
</VnRow> </VnRow>
<VnRow class="row q-gutter-md q-mb-md"> <VnRow class="row q-gutter-md q-mb-md">
<div class="col"> <VnInput v-model="data.SSN" :label="t('SSN')" clearable />
<VnInput v-model="data.SSN" :label="t('SSN')" clearable /> <VnInput
</div> v-model="data.locker"
<div class="col"> type="number"
<VnInput :label="t('Locker')"
v-model="data.locker" clearable
type="number" />
:label="t('Locker')"
clearable
/>
</div>
</VnRow> </VnRow>
</template> </template>
</FormModel> </FormModel>