From db4c3a67995926291f81426e18655c478b182a08 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 27 Jun 2024 11:46:31 -0300
Subject: [PATCH] Changes

---
 src/i18n/locale/es.yml                  |   2 +-
 src/pages/Ticket/Card/TicketService.vue | 164 ++++++++++++++----------
 src/router/modules/ticket.js            |   4 +-
 3 files changed, 97 insertions(+), 73 deletions(-)

diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index fd3dad952..d528dbb7d 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -441,7 +441,7 @@ ticket:
         sms: Sms
         notes: Notas
         sale: Lineas del pedido
-        service: Servicios
+        services: Servicios
     list:
         nickname: Alias
         state: Estado
diff --git a/src/pages/Ticket/Card/TicketService.vue b/src/pages/Ticket/Card/TicketService.vue
index f071c7baa..bacad697e 100644
--- a/src/pages/Ticket/Card/TicketService.vue
+++ b/src/pages/Ticket/Card/TicketService.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, computed } from 'vue';
+import { ref, watch, computed, onMounted } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -26,6 +26,7 @@ const { store } = arrayData;
 const { notify } = useNotify();
 
 const selectedServices = ref(new Set());
+const defaultTaxClass = ref(null);
 
 const toggleCheckSelection = (id) => {
     if (selectedServices.value.has(id)) selectedServices.value.delete(id);
@@ -36,7 +37,10 @@ const crudModelFilter = computed(() => ({
     where: { ticketFk: route.params.id },
 }));
 
-const crudModelRequiredData = computed(() => ({ ticketFk: route.params.id }));
+const crudModelRequiredData = computed(() => ({
+    ticketFk: route.params.id,
+    taxClassFk: defaultTaxClass.value?.id,
+}));
 
 watch(
     () => route.params.id,
@@ -68,6 +72,23 @@ const createRefund = async () => {
         console.error(error);
     }
 };
+
+const getDefaultTaxClass = async () => {
+    try {
+        let filter = {
+            where: { code: 'G' },
+        };
+        const { data } = await axios.get('TaxClasses/findOne', {
+            params: { filter: JSON.stringify(filter) },
+        });
+        defaultTaxClass.value = data;
+        console.log('defaultTaxClass', defaultTaxClass.value);
+    } catch (error) {
+        console.error(error);
+    }
+};
+
+onMounted(async () => await getDefaultTaxClass());
 </script>
 
 <template>
@@ -85,80 +106,83 @@ const createRefund = async () => {
             @click.stop="createRefund()"
         />
     </Teleport>
-    <CrudModel
-        ref="ticketServiceCrudRef"
-        data-key="TicketService"
-        url="TicketServices"
-        model="TicketService"
-        :filter="crudModelFilter"
-        :data-required="crudModelRequiredData"
-        :default-remove="false"
-        auto-load
-    >
-        <template #body="{ rows }">
-            <QCard class="q-px-lg q-py-md">
-                <div
-                    v-for="(row, index) in rows"
-                    :key="index"
-                    class="q-mb-md row items-center q-gutter-x-md"
-                >
-                    <QCheckbox
-                        size="sm"
-                        @update:model-value="toggleCheckSelection(row.id)"
-                        :model-value="selectedServices.has(row.id)"
-                        :toggle-indeterminate="false"
-                    />
-                    <VnSelectDialog
-                        :label="t('service.description')"
-                        v-model="row.ticketServiceTypeFk"
-                        :options="ticketServiceOptions"
-                        option-label="name"
-                        option-value="id"
-                        hide-selected
+    <div class="flex justify-center">
+        <CrudModel
+            ref="ticketServiceCrudRef"
+            data-key="TicketService"
+            url="TicketServices"
+            model="TicketService"
+            :filter="crudModelFilter"
+            :data-required="crudModelRequiredData"
+            :default-remove="false"
+            auto-load
+            style="max-width: 800px"
+        >
+            <template #body="{ rows }">
+                <QCard class="q-px-lg q-py-md">
+                    <div
+                        v-for="(row, index) in rows"
+                        :key="index"
+                        class="q-mb-md row items-center q-gutter-x-md"
                     >
-                        <template #form>
-                            <TicketCreateServiceType
-                                @on-data-saved="ticketServiceTypeFetchRef.fetch()"
-                            />
-                        </template>
-                    </VnSelectDialog>
-                    <VnInput
-                        :label="t('service.quantity')"
-                        v-model="row.quantity"
-                        type="number"
-                        min="0"
-                        :info="t('service.quantityInfo')"
-                    />
-                    <VnInput
-                        :label="t('service.price')"
-                        v-model="row.price"
-                        type="number"
-                        min="0"
-                    />
+                        <QCheckbox
+                            size="sm"
+                            @update:model-value="toggleCheckSelection(row.id)"
+                            :model-value="selectedServices.has(row.id)"
+                            :toggle-indeterminate="false"
+                        />
+                        <VnSelectDialog
+                            :label="t('service.description')"
+                            v-model="row.ticketServiceTypeFk"
+                            :options="ticketServiceOptions"
+                            option-label="name"
+                            option-value="id"
+                            hide-selected
+                        >
+                            <template #form>
+                                <TicketCreateServiceType
+                                    @on-data-saved="ticketServiceTypeFetchRef.fetch()"
+                                />
+                            </template>
+                        </VnSelectDialog>
+                        <VnInput
+                            :label="t('service.quantity')"
+                            v-model.number="row.quantity"
+                            type="number"
+                            min="0"
+                            :info="t('service.quantityInfo')"
+                        />
+                        <VnInput
+                            :label="t('service.price')"
+                            v-model.number="row.price"
+                            type="number"
+                            min="0"
+                        />
+                        <QIcon
+                            name="delete"
+                            size="sm"
+                            class="cursor-pointer"
+                            color="primary"
+                            @click="ticketServiceCrudRef.remove([row])"
+                        >
+                            <QTooltip>
+                                {{ t('service.removeNote') }}
+                            </QTooltip>
+                        </QIcon>
+                    </div>
                     <QIcon
-                        name="delete"
+                        name="add_circle"
+                        class="fill-icon-on-hover q-ml-md"
                         size="sm"
-                        class="cursor-pointer"
                         color="primary"
-                        @click="ticketServiceCrudRef.remove([row])"
+                        @click="ticketServiceCrudRef.insert()"
                     >
                         <QTooltip>
-                            {{ t('service.removeNote') }}
+                            {{ t('service.addService') }}
                         </QTooltip>
                     </QIcon>
-                </div>
-                <QIcon
-                    name="add_circle"
-                    class="fill-icon-on-hover q-ml-md"
-                    size="sm"
-                    color="primary"
-                    @click="ticketServiceCrudRef.insert()"
-                >
-                    <QTooltip>
-                        {{ t('service.addService') }}
-                    </QTooltip>
-                </QIcon>
-            </QCard>
-        </template>
-    </CrudModel>
+                </QCard>
+            </template>
+        </CrudModel>
+    </div>
 </template>
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index eadaa1cab..ceada90a8 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -98,8 +98,8 @@ export default {
                     path: 'service',
                     name: 'TicketService',
                     meta: {
-                        title: 'service',
-                        icon: 'cloud_upload',
+                        title: 'services',
+                        icon: 'vn:services',
                     },
                     component: () => import('src/pages/Ticket/Card/TicketService.vue'),
                 },