From b5db786b066c03a9f13d728a47aeb01d13520cb9 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 16 Sep 2024 12:15:15 +0200
Subject: [PATCH] feat: upodates

---
 src/components/VnTable/VnTable.vue            |  5 +++
 src/pages/Customer/Card/CustomerBasicData.vue |  1 -
 .../Customer/Card/CustomerDescriptor.vue      |  4 +--
 src/pages/Item/components/ItemProposal.vue    | 29 ++++++++--------
 .../Ticket/Negative/TicketLackDetail.vue      | 33 ++++++++++++++-----
 src/pages/Ticket/Negative/TicketLackTable.vue |  1 -
 6 files changed, 48 insertions(+), 25 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index d6008de0b..7f7af8d9d 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -403,6 +403,11 @@ function handleOnDataSaved(_) {
                 <template #top-left v-if="!$props.withoutHeader">
                     <slot name="top-left"></slot>
                 </template>
+                <template #body-selection="scope">
+                    <pre>{{ scope }}</pre>
+
+                    <!-- <slot name="body-selection" :data="scope"></slot> -->
+                </template>
                 <template #top-right v-if="!$props.withoutHeader">
                     <VnVisibleColumn
                         v-if="isTableMode"
diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index 91d9edc05..adbd476b0 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -99,7 +99,6 @@ const title = ref();
                     :fields="['id', 'nickname']"
                     sort-by="nickname ASC"
                     :rules="validate('client.salesPersonFk')"
-                    :use-like="false"
                     emit-value
                     auto-load
                 >
diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index a25ba31b1..d0898a798 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -92,7 +92,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     <QTooltip>{{ t('customer.card.isDisabled') }}</QTooltip>
                 </QIcon>
                 <QIcon
-                    v-if="!entity.substitutionAllowed"
+                    v-if="!entity?.substitutionAllowed"
                     name="help"
                     size="xs"
                     color="primary"
@@ -100,7 +100,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     <QTooltip>{{ t('Disabled substitution') }}</QTooltip>
                 </QIcon>
                 <QIcon
-                    v-if="entity.substitutionAllowed"
+                    v-if="entity?.substitutionAllowed"
                     name="help"
                     size="xs"
                     color="primary"
diff --git a/src/pages/Item/components/ItemProposal.vue b/src/pages/Item/components/ItemProposal.vue
index 32b7b6dce..fbe1b5651 100644
--- a/src/pages/Item/components/ItemProposal.vue
+++ b/src/pages/Item/components/ItemProposal.vue
@@ -281,16 +281,21 @@ onUnmounted(() => {});
                     /></div
             ></template>
             <!-- <template #body="scope">{{ scope }}</template> -->
-            <template #body-selection="scope">
-                <QTd align="center" v-if="$props.replaceAction"
-                    ><QCheckbox
+            <template #body-selection>
+                <QTd align="center" v-if="$props.replaceAction">
+                    <!-- <pre>
+                        {{ row.selected }}
+
+                    </pre>
+                    {{ itemLack }} -->
+                    <!-- <QCheckbox
                         v-model="scope.selected"
                         :disable="!(scope.row.available >= itemLack.lack * -1)"
                     >
                         <QTooltip v-if="!(scope.row.available >= itemLack.lack * -1)">
                             Nop</QTooltip
                         >
-                    </QCheckbox>
+                    </QCheckbox> -->
                     <!-- <div v-else class="q-ml-sm">
                                             <QIcon name="info" size="sm"></QIcon>
                                             </div
@@ -354,16 +359,14 @@ onUnmounted(() => {});
                                 </template> -->
 
             <template #column-price2="{ row }">
-                <QTd
-                    class="col"
-                    align="center"
-                    :class="[conditionalValuePrice(row.price2)]"
-                >
-                    <QTooltip>
-                        {{ toCurrency(row.price2) }}
-                    </QTooltip>
+                <!-- <QTd align="center"> -->
+                <QTooltip>
                     {{ toCurrency(row.price2) }}
-                </QTd>
+                </QTooltip>
+                <span :class="[conditionalValuePrice(row.price2)]">{{
+                    toCurrency(row.price2)
+                }}</span>
+                <!-- </QTd> -->
             </template>
             <template #column-difference="{ row }">
                 <!-- <pre>asdad{{ row }}</pre> -->
diff --git a/src/pages/Ticket/Negative/TicketLackDetail.vue b/src/pages/Ticket/Negative/TicketLackDetail.vue
index 1579480c7..288185493 100644
--- a/src/pages/Ticket/Negative/TicketLackDetail.vue
+++ b/src/pages/Ticket/Negative/TicketLackDetail.vue
@@ -19,6 +19,8 @@ import { useArrayData } from 'src/composables/useArrayData';
 import VnImg from 'src/components/ui/VnImg.vue';
 import TicketLackTable from './TicketLackTable.vue';
 import ItemProposalProxy from 'src/pages/Item/components/ItemProposalProxy.vue';
+import { toCurrency } from 'filters/index';
+
 const { t } = useI18n();
 const URL_KEY = 'Tickets/ItemLack';
 const editableStates = ref([]);
@@ -217,7 +219,7 @@ const replaceItem = () => {
         </template>
     </VnSubToolbar>
     <QPage>
-        <div class="full-width q-pa-md" style="padding-bottom: 0px">
+        <div class="full-width" style="padding-bottom: 0px">
             <!-- <p>item:{{ item }}</p>
             <p>itemLack:{{ itemLack }}</p>
             <p>selectedRows:{{ selectedRows }}</p>
@@ -228,19 +230,34 @@ const replaceItem = () => {
                 ref="itemLackForm"
                 @on-fetch="copyOriginalRowsData"
                 auto-load
+                class="full-width q-pa-md"
             >
                 <template #body>
                     <!-- <VnLv >
                         <template #label> -->
                     <div style="display: flex; align-items: center">
                         <VnImg :id="item.id" class="rounded image-wrapper"></VnImg>
-                        <QBadge
-                            class="q-ml-xs"
-                            v-if="itemLack"
-                            text-color="white"
-                            :color="itemLack.lack === 0 ? 'green' : 'red'"
-                            :label="itemLack.lack"
-                        />
+                        <div
+                            style="
+                                display: flex;
+                                align-items: center;
+                                flex-direction: column;
+                            "
+                        >
+                            <QBadge
+                                class="q-ml-xs"
+                                v-if="itemLack"
+                                text-color="white"
+                                :color="itemLack.lack === 0 ? 'green' : 'red'"
+                                :label="itemLack.lack"
+                            />
+                            <QBadge
+                                class="q-ml-xs q-mt-xs"
+                                v-if="itemLack"
+                                :label="toCurrency(itemLack.lack)"
+                                outline
+                            />
+                        </div>
                         <QBtn flat class="link text-blue">
                             {{ item.longName }}
                             <ItemDescriptorProxy :id="entityId" />
diff --git a/src/pages/Ticket/Negative/TicketLackTable.vue b/src/pages/Ticket/Negative/TicketLackTable.vue
index 5fb377f1a..cb33662d2 100644
--- a/src/pages/Ticket/Negative/TicketLackTable.vue
+++ b/src/pages/Ticket/Negative/TicketLackTable.vue
@@ -238,7 +238,6 @@ const tableRef = ref(null);
         "
         auto-load
     />
-    {{ editableStates }}
     <VnTable
         ref="tableRef"
         :data-key="URL_KEY"