Update dash
This commit is contained in:
parent
6e76e6e1a7
commit
4e40fbbfe0
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue