Update dash

src/pages/Order/Card/OrderFilter.vue

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

src/pages/Order/Card/OrderSummary.vue

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