Update dash

This commit is contained in:
Kevin Martinez 2023-12-20 08:41:18 -04:00
parent 6e76e6e1a7
commit 4e40fbbfe0
2 changed files with 18 additions and 19 deletions

View File

@ -4,8 +4,8 @@ import { useI18n } from 'vue-i18n';
import FetchData from 'components/FetchData.vue'; import FetchData from 'components/FetchData.vue';
import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue'; import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
import VnSelectFilter from 'components/common/VnSelectFilter.vue'; import VnSelectFilter from 'components/common/VnSelectFilter.vue';
import VnInputDate from "components/common/VnInputDate.vue"; import VnInputDate from 'components/common/VnInputDate.vue';
import VnInput from "components/common/VnInput.vue"; import VnInput from 'components/common/VnInput.vue';
const { t } = useI18n(); const { t } = useI18n();
const props = defineProps({ const props = defineProps({
@ -63,9 +63,7 @@ const sourceList = ref(null);
<QItem> <QItem>
<QItemSection> <QItemSection>
<VnInput <VnInput
dense is-outlined
outlined
rounded
:label="t('customerId')" :label="t('customerId')"
v-model="params.clientFk" v-model="params.clientFk"
lazy-rules lazy-rules
@ -136,7 +134,8 @@ const sourceList = ref(null);
:label="t('fromLanded')" :label="t('fromLanded')"
dense dense
outlined outlined
rounded /> rounded
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -146,7 +145,8 @@ const sourceList = ref(null);
:label="t('toLanded')" :label="t('toLanded')"
dense dense
outlined outlined
rounded /> rounded
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
<QItem> <QItem>
@ -155,9 +155,7 @@ const sourceList = ref(null);
:label="t('orderId')" :label="t('orderId')"
v-model="params.orderFk" v-model="params.orderFk"
lazy-rules lazy-rules
dense is-outlined
outlined
rounded
/> />
</QItemSection> </QItemSection>
</QItem> </QItem>
@ -201,10 +199,7 @@ const sourceList = ref(null);
</QItem> </QItem>
<QItem> <QItem>
<QItemSection> <QItemSection>
<QCheckbox <QCheckbox v-model="params.showEmpty" :label="t('showEmpty')" />
v-model="params.showEmpty"
:label="t('showEmpty')"
/>
</QItemSection> </QItemSection>
</QItem> </QItem>
</QList> </QList>

View File

@ -3,7 +3,7 @@ import { computed, ref } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { useStateStore } from 'stores/useStateStore'; import { useStateStore } from 'stores/useStateStore';
import { toCurrency, toDateHour } from 'src/filters'; import { dashIfEmpty, toCurrency, toDateHour } from 'src/filters';
import VnLv from 'components/ui/VnLv.vue'; import VnLv from 'components/ui/VnLv.vue';
import CardSummary from 'components/ui/CardSummary.vue'; import CardSummary from 'components/ui/CardSummary.vue';
import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue'; import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
@ -64,10 +64,10 @@ const detailsColumns = ref([
<template #body="{ entity }"> <template #body="{ entity }">
<QCard class="vn-one"> <QCard class="vn-one">
<VnLv label="ID" :value="entity.id" /> <VnLv label="ID" :value="entity.id" />
<VnLv :label="t('order.summary.nickname')"> <VnLv :label="t('order.summary.nickname')" dash>
<template #value> <template #value>
<span class="link"> <span class="link">
{{ entity?.address?.nickname || '-' }} {{ dashIfEmpty(entity?.address?.nickname) }}
<CustomerDescriptorProxy :id="entity?.clientFk" /> <CustomerDescriptorProxy :id="entity?.clientFk" />
</span> </span>
</template> </template>
@ -96,8 +96,12 @@ const detailsColumns = ref([
/> />
<VnLv :label="t('order.summary.phone')"> <VnLv :label="t('order.summary.phone')">
<template #value> <template #value>
{{ entity?.address?.phone || '-' }} {{ dashIfEmpty(entity?.address?.phone) }}
<a :href="`tel:${entity?.address?.phone}`" class="text-primary"> <a
v-if="entity?.address?.phone"
:href="`tel:${entity?.address?.phone}`"
class="text-primary"
>
<QIcon name="phone" /> <QIcon name="phone" />
</a> </a>
</template> </template>