forked from verdnatura/salix-front
refs #6321 feat: updates
This commit is contained in:
parent
f44643fc61
commit
67eb21b707
|
@ -351,25 +351,25 @@ export default {
|
|||
weight: 'Weight',
|
||||
goTo: 'Go to',
|
||||
},
|
||||
negative:{
|
||||
hour: 'Hora',
|
||||
id: 'Id_Articulo',
|
||||
longName:'Articulo',
|
||||
supplier: 'Productor',
|
||||
colour:'Color',
|
||||
size:'Medida',
|
||||
origen:'Origen',
|
||||
value:'Negativo',
|
||||
negative: {
|
||||
hour: 'Hour',
|
||||
id: 'Id Article',
|
||||
longName: 'Article',
|
||||
supplier: 'Supplier',
|
||||
colour: 'Colour',
|
||||
size: 'Size',
|
||||
origen: 'Origen',
|
||||
value: 'Negative',
|
||||
itemFk: 'itemFk',
|
||||
warehouseFk: 'warehouseFk',
|
||||
producer: 'producer',
|
||||
category: 'category',
|
||||
warehouse: 'warehouse',
|
||||
lack: 'Negativo',
|
||||
lack: 'Negative',
|
||||
inkFk: 'inkFk',
|
||||
timed: 'timed',
|
||||
minTimed: 'minTimed',
|
||||
}
|
||||
},
|
||||
},
|
||||
claim: {
|
||||
pageTitles: {
|
||||
|
|
|
@ -1,13 +1,13 @@
|
|||
<script setup>
|
||||
import { computed, } from 'vue';
|
||||
import { toDate, toPercentage, } from 'filters/index';
|
||||
import { computed } from 'vue';
|
||||
import { toDate, toPercentage } from 'filters/index';
|
||||
|
||||
import CrudModel from 'src/components/CrudModel.vue';
|
||||
import FetchData from 'src/components/FetchData.vue';
|
||||
import { useDialogPluginComponent } from 'quasar';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
const { t } = useI18n();
|
||||
// const quasar = useQuasar();
|
||||
const URL_KEY = 'Tickets/ItemLack';
|
||||
|
||||
const $props = defineProps({
|
||||
id: {
|
||||
|
@ -16,6 +16,7 @@ const $props = defineProps({
|
|||
},
|
||||
});
|
||||
|
||||
const entityId = computed(() => $props.id);
|
||||
|
||||
const columns = computed(() => [
|
||||
{
|
||||
|
@ -77,8 +78,6 @@ const columns = computed(() => [
|
|||
},
|
||||
]);
|
||||
|
||||
|
||||
|
||||
defineEmits([...useDialogPluginComponent.emits]);
|
||||
|
||||
const { dialogRef, onDialogHide } = useDialogPluginComponent();
|
||||
|
@ -87,12 +86,10 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
|
|||
<template>
|
||||
<CrudModel
|
||||
v-if="$props.id"
|
||||
data-key="ClaimEnds"
|
||||
url="ClaimEnds/filter"
|
||||
save-url="ClaimEnds/crud"
|
||||
ref="claimActionsForm"
|
||||
:data-key="URL_KEY"
|
||||
:url="`${URL_KEY}/${entityId}/detail`"
|
||||
ref="itemLackForm"
|
||||
v-model:selected="selectedRows"
|
||||
:filter="{ where: { claimFk: claimId } }"
|
||||
:default-remove="true"
|
||||
:default-save="false"
|
||||
:default-reset="false"
|
||||
|
@ -151,8 +148,6 @@ const { dialogRef, onDialogHide } = useDialogPluginComponent();
|
|||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.q-dialog {
|
||||
|
||||
|
||||
.q-dialog {
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,7 +1,6 @@
|
|||
<script setup>
|
||||
import TicketDescriptor from './TicketDescriptor.vue';
|
||||
|
||||
|
||||
const $props = defineProps({
|
||||
id: {
|
||||
type: Number,
|
||||
|
@ -10,12 +9,7 @@ const $props = defineProps({
|
|||
});
|
||||
</script>
|
||||
<template>
|
||||
<TicketDescriptor v-if="$props.id" :id="$props.id" />
|
||||
<TicketDescriptor v-if="$props.id" :id="$props.id" />
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.q-dialog {
|
||||
.q-card{max-width: fit-content !important;}
|
||||
|
||||
}
|
||||
</style>
|
||||
<style lang="scss"></style>
|
||||
|
|
|
@ -45,7 +45,7 @@ const agencies = ref();
|
|||
</div>
|
||||
</template>
|
||||
<template #body="{ params }">
|
||||
<!-- <template #body="{ params, searchFn }"> -->
|
||||
<!-- <template #body="{ params, searchFn }"> -->
|
||||
<QList dense class="q-gutter-y-sm q-mt-sm">
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
|
@ -55,53 +55,56 @@ const agencies = ref();
|
|||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem><QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInput
|
||||
v-model="params.producer"
|
||||
:label="t('ticket.negative.producer')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInput
|
||||
v-model="params.color"
|
||||
:label="t('ticket.negative.colour')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem> <QItemSection>
|
||||
<VnInput
|
||||
v-model="params.size"
|
||||
:label="t('ticket.negative.size')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem> <QItemSection>
|
||||
<VnInput
|
||||
v-model="params.origen"
|
||||
:label="t('ticket.negative.origen')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
|
||||
<QItem> <QItemSection>
|
||||
<VnInput
|
||||
v-model="params.value"
|
||||
:label="t('ticket.negative.value')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInput
|
||||
v-model="params.color"
|
||||
:label="t('ticket.negative.colour')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInput
|
||||
v-model="params.size"
|
||||
:label="t('ticket.negative.size')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInput
|
||||
v-model="params.origen"
|
||||
:label="t('ticket.negative.origen')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
<QItem>
|
||||
<QItemSection>
|
||||
<VnInput
|
||||
v-model="params.value"
|
||||
:label="t('ticket.negative.value')"
|
||||
is-outlined
|
||||
/>
|
||||
</QItemSection>
|
||||
<!-- <QItemSection>
|
||||
<VnInputDate v-model="params.to" :label="t('To')" is-outlined />
|
||||
</QItemSection> -->
|
||||
</QItem>
|
||||
<!-- <QItem>
|
||||
<!-- <QItem>
|
||||
<QItemSection v-if="!warehouses">
|
||||
<QSkeleton type="QInput" class="full-width" />
|
||||
</QItemSection>
|
||||
|
|
|
@ -13,13 +13,13 @@ const stateStore = useStateStore();
|
|||
const { t } = useI18n();
|
||||
const session = useSession();
|
||||
const selected = ref([]);
|
||||
const showTicketDialog= ref(false);
|
||||
const currentRow= ref(null);
|
||||
const showTicketDialog = ref(false);
|
||||
const currentRow = ref(null);
|
||||
const quasar = useQuasar();
|
||||
|
||||
const viewSummary = (value) => {
|
||||
showTicketDialog.value = true
|
||||
currentRow.value = value
|
||||
showTicketDialog.value = true;
|
||||
currentRow.value = value;
|
||||
// quasar.dialog({
|
||||
// component: VnConfirm,
|
||||
// componentProps: {
|
||||
|
@ -155,7 +155,6 @@ const columns = computed(() => [
|
|||
</template>
|
||||
<template #body-cell-icons="{ value }">
|
||||
<QTd align="center">
|
||||
|
||||
<QIcon
|
||||
@click.stop="viewSummary(value)"
|
||||
class="q-ml-md"
|
||||
|
@ -175,14 +174,27 @@ const columns = computed(() => [
|
|||
</template>
|
||||
</VnPaginate>
|
||||
</div>
|
||||
<VnConfirm
|
||||
v-model="showTicketDialog"
|
||||
:title="t('confirmGreuges')"
|
||||
>
|
||||
<template #customHTML>
|
||||
<TicketDescriptorDialog :id="currentRow"></TicketDescriptorDialog>
|
||||
</template>
|
||||
</VnConfirm>
|
||||
<QDialog ref="dialogRef" v-model="showTicketDialog">
|
||||
<QCard class="q-pa-sm">
|
||||
<QCardSection class="row items-center q-pb-none">
|
||||
<QBtn
|
||||
icon="close"
|
||||
:disable="isLoading"
|
||||
flat
|
||||
round
|
||||
dense
|
||||
v-close-popup
|
||||
/> </QCardSection
|
||||
><QCardSection class="row items-center"
|
||||
><TicketDescriptorDialog
|
||||
:id="currentRow.itemFk"
|
||||
></TicketDescriptorDialog></QCardSection></QCard
|
||||
></QDialog>
|
||||
<!-- <VnConfirm :title="t('confirmGreuges')">
|
||||
<template #customHTML>
|
||||
|
||||
</template>
|
||||
</VnConfirm> -->
|
||||
<QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
|
||||
<QScrollArea class="fit text-grey-8">
|
||||
<TicketFilter data-key="NegativeList" />
|
||||
|
@ -205,8 +217,8 @@ const columns = computed(() => [
|
|||
#false {
|
||||
background-color: $negative;
|
||||
}
|
||||
div.q-dialog__inner > div{
|
||||
max-width: fit-content !important;
|
||||
background-color: red !important;
|
||||
div.q-dialog__inner > div {
|
||||
max-width: fit-content !important;
|
||||
// background-color: red !important;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue