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

#6943 removes duplicate toggle menu & fix loading animation #491

Merged
jorgep merged 7 commits from 6943-fixCustomerGreuges into dev 2024-07-04 07:25:44 +00:00
Conversation 0 Commits 7 Files Changed 1 +4 -21
1 changed files with 4 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/Customer/Card/CustomerGreuges.vue
View File

@ -13,7 +13,7 @@ const { t } = useI18n();
const route = useRoute();
const stateStore = computed(() => useStateStore());
const rows = ref([]);
const totalAmount = ref(0);
const totalAmount = ref();
const filter = {
include: [
@ -75,7 +75,7 @@ const columns = computed(() => [
},
{
align: 'left',
field: (value) => value.user.name,
field: (value) => value?.user?.name,
label: t('Created by'),
name: 'createdBy',
},
@ -87,7 +87,7 @@ const columns = computed(() => [
},
{
align: 'left',
field: (value) => value.greugeType.name,
field: (value) => value?.greugeType?.name,
label: t('Type'),
name: 'type',
},
@ -108,26 +108,9 @@ const setRows = (data) => {
<template>
<FetchData :filter="filter" @on-fetch="setRows" auto-load url="greuges" />
<template v-if="stateStore.isHeaderMounted()">
<Teleport to="#actions-append">
<div class="row q-gutter-x-sm">
<QBtn
flat
@click="stateStore.toggleRightDrawer()"
round
dense
icon="menu"
>
<QTooltip bottom anchor="bottom right">
{{ t('globals.collapseMenu') }}
</QTooltip>
</QBtn>
</div>
</Teleport>
</template>
<QDrawer v-model="stateStore.rightDrawer" side="right" :width="300" show-if-above>
<QCard class="full-width q-pa-sm">
<h6 class="flex justify-end q-my-lg q-pr-lg" v-if="totalAmount">
<h6 class="flex justify-end q-my-lg q-pr-lg" v-if="totalAmount !== undefined">
jorgep marked this conversation as resolved Outdated
jorgep commented 2024-06-27 10:11:45 +00:00
Outdated
Review
Copy Link

Si es undefined, quiere decir que no aún se está haciendo la llamada para obetener los datos. Un vez se ha hecho totalAmount ya es como mínimo igual a 0. Así nos evitamos crear una variable tipo "isLoading".

Otra alternativa sería: v-if="totalAmount !== undefined"

Si es undefined, quiere decir que no aún se está haciendo la llamada para obetener los datos. Un vez se ha hecho totalAmount ya es como mínimo igual a 0. Así nos evitamos crear una variable tipo "isLoading". Otra alternativa sería: **v-if="totalAmount !== undefined"**
jgallego commented 2024-06-28 06:13:20 +00:00
Outdated
Review
Copy Link

el total amount podria ser < 0

el total amount podria ser < 0
jorgep commented 2024-06-28 07:54:55 +00:00
Outdated
Review
Copy Link

Pues lo cambio a la alternativa

Pues lo cambio a la alternativa
<span class="color-vn-label q-mr-md">{{ t('Total') }}:</span>
{{ toCurrency(totalAmount) }}
</h6>