From 973209abed2559247881da4a4b5547a550125e53 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 29 Jan 2025 16:15:37 +0100
Subject: [PATCH] feat: refs #6321 updates

---
 src/css/app.scss                              |  1 -
 src/pages/Item/components/ItemProposal.vue    | 76 +++++++++++++------
 src/pages/Ticket/Card/TicketTransfer.vue      | 13 +++-
 src/pages/Ticket/Card/components/split.js     | 39 ++++++++++
 .../Ticket/Card/components/transferSales.js   | 10 ---
 .../Ticket/Negative/TicketLackDetail.vue      |  6 +-
 6 files changed, 102 insertions(+), 43 deletions(-)
 create mode 100644 src/pages/Ticket/Card/components/split.js
 delete mode 100644 src/pages/Ticket/Card/components/transferSales.js

diff --git a/src/css/app.scss b/src/css/app.scss
index a1ca8985f..c1deaa027 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -273,7 +273,6 @@ input::-webkit-inner-spin-button {
         }
         td {
             font-size: 11pt;
-            border-top: 1px solid var(--vn-page-color);
             border-collapse: collapse;
         }
     }
diff --git a/src/pages/Item/components/ItemProposal.vue b/src/pages/Item/components/ItemProposal.vue
index 591d8ee2c..07ecd048a 100644
--- a/src/pages/Item/components/ItemProposal.vue
+++ b/src/pages/Item/components/ItemProposal.vue
@@ -32,7 +32,7 @@ const gradientStyle = (value) => {
     }
     return color;
 };
-
+const tagColor = (match) => `color: ${!match ? 'red' : 'var(--vn-label-color)'}`;
 const $props = defineProps({
     itemLack: {
         type: Object,
@@ -102,6 +102,42 @@ const columns = computed(() => [
         field: 'longName',
         columnClass: 'expand',
     },
+    {
+        align: 'left',
+        sortable: true,
+        label: t('proposal.tag5'),
+        name: 'tag5',
+        field: 'value5',
+        // format: (val) => val,
+        style: "color: 'red'",
+        columnClass: 'expand',
+    },
+    {
+        align: 'left',
+        sortable: true,
+        label: t('proposal.tag6'),
+        name: 'tag6',
+        field: 'value6',
+        // format: (val) => val,
+        attrs: ({ model }) => {
+            return {
+                style: `color:        var(--vn-label-color)`,
+            };
+        },
+        style: (row) => `color:        var(--vn-label-color)`,
+
+        columnClass: 'expand',
+    },
+    {
+        align: 'left',
+        sortable: true,
+        label: t('proposal.tag7'),
+        name: 'tag7',
+        field: 'value7',
+        // format: (val) => val,
+        style: "color: 'red'",
+        columnClass: 'expand',
+    },
 
     {
         ...defaultColumnAttrs,
@@ -243,42 +279,36 @@ const isDisabled = (row) => !isSelectionAvailable(row);
                         {{ compatibilityItem(statusConditionalValue(row)) }}
                     </QTooltip>
                 </div>
-                <div style="flex: 2 0 100%">
+                <div style="flex: 2 0 100%; align-content: center">
                     <div>
-                        <span style="font-size: x-small">({{ row.id }})</span
-                        ><span class="link">{{ row.longName }}</span>
+                        <span class="link">{{ row.longName }}</span>
                         <ItemDescriptorProxy :id="row.id" />
                     </div>
-                    <div class="inline-tag">
-                        {{ tag }}
-                        <span
-                            :key="key"
-                            v-for="(tag, key) in [5, 6, 7]"
-                            class="text"
-                            :style="{
-                                color: row[`match${tag}`]
-                                    ? 'green'
-                                    : 'var(--vn-label-color)',
-                            }"
-                        >
-                            {{ row[`value${tag}`] }}
-                        </span>
-                    </div>
                 </div>
             </QTd>
         </template>
-        <template #column-available="{ row }">
-            {{ row.available }}
+        <template #column-tag5="{ row }">
+            <span :style="tagColor(row.match5)">{{ row.value5 }}</span>
+        </template>
+        <template #column-tag6="{ row }">
+            <span :style="tagColor(row.match6)">{{ row.value6 }}</span>
+        </template>
+        <template #column-tag7="{ row }">
+            <span :style="tagColor(row.match7)">{{ row.value7 }}</span>
         </template>
         <template #column-counter="{ row }">
-            {{ row.counter }}
+            <span
+                :style="{
+                    color: row[`match${tag}`] ? 'green' : 'var(--vn-label-color)',
+                }"
+                >{{ row.counter }}</span
+            >
         </template>
         <template #column-minQuantity="{ row }">
             {{ row.minQuantity }}
         </template>
         <template #column-price2="{ row }">
             <div class="flex column items-center content-center">
-                * {{ sales[0] }} **{{ row.price2 }}*
                 <VnStockValueDisplay :value="sales[0].price - row.price2" />
                 <span :class="[conditionalValuePrice(row.price2)]">{{
                     toCurrency(row.price2)
diff --git a/src/pages/Ticket/Card/TicketTransfer.vue b/src/pages/Ticket/Card/TicketTransfer.vue
index 924273d4c..6ef32e568 100644
--- a/src/pages/Ticket/Card/TicketTransfer.vue
+++ b/src/pages/Ticket/Card/TicketTransfer.vue
@@ -7,7 +7,7 @@ import TicketTransferForm from './TicketTransferForm.vue';
 
 import { toDateFormat } from 'src/filters/date.js';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
-import transferSales from './components/transferSales';
+import split from './components/split';
 
 const $props = defineProps({
     mana: {
@@ -93,16 +93,21 @@ const handleRowClick = (row) => {
         transferFormRef.value.transferSales(ticketId);
     }
 };
-const split = () => {
+const splitSelectedRows = async () => {
     const tickets = Array.isArray($props.ticket) ? $props.ticket : [$props.ticket];
-    tickets.forEach(transferSales);
+    await split(tickets);
 };
 </script>
 
 <template>
     <QPopupProxy ref="popupProxyRef" data-cy="ticketTransferPopup">
         <div class="flex row items-center q-ma-lg" v-if="$props.split">
-            <QBtn class="q-mr-sm" color="primary" label="Split" @click="split"></QBtn>
+            <QBtn
+                class="q-mr-sm"
+                color="primary"
+                label="Split"
+                @click="splitSelectedRows"
+            ></QBtn>
             <VnInputDate :label="$t('New date')" v-model="splitDate"></VnInputDate>
         </div>
         <QSeparator class="q-my-lg" color="primary" />
diff --git a/src/pages/Ticket/Card/components/split.js b/src/pages/Ticket/Card/components/split.js
new file mode 100644
index 000000000..37ffafdeb
--- /dev/null
+++ b/src/pages/Ticket/Card/components/split.js
@@ -0,0 +1,39 @@
+import axios from 'axios';
+
+export default async function (data) {
+    const reducedData = data.reduce((acc, item) => {
+        const existing = acc.find((obj) => obj.ticketFk === item.id);
+        if (existing) {
+            existing.sales.push(item.saleFk);
+        } else {
+            acc.push({ ticketFk: item.id, sales: [item.saleFk] });
+        }
+        return acc;
+    }, []);
+
+    console.log(reducedData);
+
+    const promises = reducedData.map((params) => axios.post(`Tickets/split`, params));
+
+    const results = await Promise.allSettled(promises);
+
+    // results.forEach((result, index) => {
+    //     if (result.status === 'fulfilled') {
+    //         console.log(`Promise ${index + 1} fulfilled:`, result.value.data);
+    //         // Mostrar notificación de éxito
+    //         Notify.create({
+    //             type: 'positive',
+    //             message: `Operación ${index + 1} completada con éxito.`,
+    //         });
+    //     } else {
+    //         console.error(`Promise ${index + 1} rejected:`, result.reason);
+    //         // Mostrar notificación de error
+    //         Notify.create({
+    //             type: 'negative',
+    //             message: `Operación ${index + 1} fallida: ${result.reason.message}`,
+    //         });
+    //     }
+    // });
+
+    return results;
+}
diff --git a/src/pages/Ticket/Card/components/transferSales.js b/src/pages/Ticket/Card/components/transferSales.js
deleted file mode 100644
index abd7b4ceb..000000000
--- a/src/pages/Ticket/Card/components/transferSales.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export default async function ({ ticketId, sales }) {
-    const params = {
-        ticketId,
-        sales,
-    };
-
-    const { data } = await axios.post(`tickets/${ticketId}/transferSales`, params);
-
-    return data;
-}
diff --git a/src/pages/Ticket/Negative/TicketLackDetail.vue b/src/pages/Ticket/Negative/TicketLackDetail.vue
index 83c0c639d..64bdcfc01 100644
--- a/src/pages/Ticket/Negative/TicketLackDetail.vue
+++ b/src/pages/Ticket/Negative/TicketLackDetail.vue
@@ -175,11 +175,7 @@ const filterTable = { stateFk: 0, warehouseFk: useState().getUser().value.wareho
                         }"
                     ></TicketTransfer>
                 </QBtn>
-                <QBtn
-                    color="primary"
-                    @click="showProposalDialog = true"
-                    :disable="selectedRows.length < 1"
-                >
+                <QBtn color="primary" @click="showProposalDialog = true">
                     <QIcon
                         name="import_export"
                         class="rotate-90"