forked from verdnatura/salix-front
feat(vnRow): new component vnRow refs #6118
This commit is contained in:
parent
081fdcaba5
commit
9dd69dbcb7
|
|
@ -1,11 +0,0 @@
|
|||
<script setup></script>
|
||||
<template>
|
||||
<div class="q-pa-md example-row-equal-width"></div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.formModel {
|
||||
max-width: 800px;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -41,9 +41,7 @@ async function fetch() {
|
|||
if ($props.filter) params.filter = JSON.stringify($props.filter);
|
||||
|
||||
const { data } = await axios.get($props.url, { params });
|
||||
console.log(data);
|
||||
entity.value = data;
|
||||
console.log('entity.value: ', entity.value);
|
||||
|
||||
emit('onFetch', data);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,12 @@
|
|||
<script></script>
|
||||
<template>
|
||||
<div id="row">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss">
|
||||
<style lang="scss" scopped>
|
||||
@media screen and (max-width: 800px) {
|
||||
#row {
|
||||
flex-direction: column;
|
||||
background-color: blue;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -45,7 +45,6 @@ function setWorkers(data) {
|
|||
}
|
||||
|
||||
function setClaimStates(data) {
|
||||
console.log(data);
|
||||
claimStates.value = data;
|
||||
claimStatesCopy.value = data;
|
||||
}
|
||||
|
|
@ -53,7 +52,6 @@ function setClaimStates(data) {
|
|||
const workerFilter = {
|
||||
options: workers,
|
||||
filterFn: (options, value) => {
|
||||
console.log('Filtering workers with value:', value);
|
||||
const search = value.toLowerCase();
|
||||
|
||||
if (value === '') return workersCopy.value;
|
||||
|
|
@ -73,7 +71,6 @@ const workerFilter = {
|
|||
const statesFilter = {
|
||||
options: claimStates,
|
||||
filterFn: (options, value) => {
|
||||
console.log('Filtering claim states with value:', value);
|
||||
const search = value.toLowerCase();
|
||||
|
||||
if (value === '') return claimStatesCopy.value;
|
||||
|
|
@ -141,7 +138,7 @@ const statesFilter = {
|
|||
</QInput>
|
||||
</div>
|
||||
</VnRow>
|
||||
<div class="row q-gutter-md q-mb-md">
|
||||
<VnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QSelect
|
||||
v-model="data.workerFk"
|
||||
|
|
@ -187,8 +184,8 @@ const statesFilter = {
|
|||
>
|
||||
</QSelect>
|
||||
</div>
|
||||
</div>
|
||||
<div 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"
|
||||
|
|
@ -204,15 +201,15 @@ const statesFilter = {
|
|||
:rules="validate('claim.rma')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div 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>
|
||||
</div>
|
||||
</VnRow>
|
||||
</template>
|
||||
</FormModel>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -17,8 +17,6 @@ const $props = defineProps({
|
|||
default: null,
|
||||
},
|
||||
});
|
||||
console.log('Component id:', $props.id);
|
||||
if ($props.id === undefined) console.log('$props.id: ', $props.id);
|
||||
|
||||
const route = useRoute();
|
||||
const { t } = useI18n();
|
||||
|
|
@ -111,7 +109,6 @@ const setData = (entity) => {
|
|||
<template #value>
|
||||
<span class="link">
|
||||
{{ entity.worker.user.name }}
|
||||
{{ console.log('Worker userFk:', entity.worker.userFk) }}
|
||||
<WorkerDescriptorProxy :id="entity.worker.userFk" />
|
||||
</span>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -6,7 +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 RowWrapper from 'components/RowWrapper.vue';
|
||||
import VnRow from 'components/ui/VnRow.vue';
|
||||
|
||||
const route = useRoute();
|
||||
const { t } = useI18n();
|
||||
|
|
@ -62,7 +62,7 @@ const filterOptions = {
|
|||
<div class="column items-center">
|
||||
<FormModel :url="`Clients/${route.params.id}`" model="customer">
|
||||
<template #form="{ data, validate, filter }">
|
||||
<RowWrapper class="row q-gutter-md q-mb-md">
|
||||
<VnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QInput
|
||||
v-model="data.socialName"
|
||||
|
|
@ -84,8 +84,8 @@ const filterOptions = {
|
|||
:input-debounce="0"
|
||||
/>
|
||||
</div>
|
||||
</RowWrapper>
|
||||
<div class="row q-gutter-md q-mb-md">
|
||||
</VnRow>
|
||||
<VnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QInput
|
||||
v-model="data.contact"
|
||||
|
|
@ -103,8 +103,8 @@ const filterOptions = {
|
|||
clearable
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row q-gutter-md q-mb-md">
|
||||
</VnRow>
|
||||
<VnRow class="row q-gutter-md q-mb-md">
|
||||
<div class="col">
|
||||
<QInput
|
||||
v-model="data.phone"
|
||||
|
|
@ -121,8 +121,8 @@ const filterOptions = {
|
|||
clearable
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div 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.salesPersonFk"
|
||||
|
|
@ -163,7 +163,7 @@ const filterOptions = {
|
|||
:input-debounce="0"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</VnRow>
|
||||
</template>
|
||||
</FormModel>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue