From 4a2a855f58d7fead3dc0cd95dff0b4744f3bb503 Mon Sep 17 00:00:00 2001
From: carlosfonseca <carlos.fonseca@mindshore.io>
Date: Thu, 14 Mar 2024 11:54:22 -0500
Subject: [PATCH] Correcciones generales customers 37

---
 src/pages/Customer/Card/CustomerBalance.vue   |  3 +-
 .../Customer/Card/CustomerCreditOpinion.vue   | 63 ++++++-------------
 src/pages/Worker/Card/WorkerPBX.vue           |  1 +
 src/pages/Worker/Card/WorkerPDA.vue           |  1 +
 4 files changed, 24 insertions(+), 44 deletions(-)
 create mode 100644 src/pages/Worker/Card/WorkerPBX.vue
 create mode 100644 src/pages/Worker/Card/WorkerPDA.vue

diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index 78ea23be8e..54023c26bf 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -252,8 +252,9 @@ const sendEmailAction = () => {
                             @click.stop="showDialog = true"
                             class="q-ml-md"
                             color="primary"
-                            name="add"
+                            name="outgoing_mail"
                             size="sm"
+                            style="font-variation-settings: 'FILL' 1"
                             v-if="row.isCompensation"
                         >
                             <QTooltip>
diff --git a/src/pages/Customer/Card/CustomerCreditOpinion.vue b/src/pages/Customer/Card/CustomerCreditOpinion.vue
index 8c16f087fb..5d8e5727b5 100644
--- a/src/pages/Customer/Card/CustomerCreditOpinion.vue
+++ b/src/pages/Customer/Card/CustomerCreditOpinion.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, reactive, ref } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 
@@ -16,6 +16,7 @@ import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.v
 const { t } = useI18n();
 const route = useRoute();
 
+const clientInformasRef = ref(null);
 const rows = ref([]);
 
 const filter = {
@@ -33,29 +34,6 @@ const filter = {
     limit: 20,
 };
 
-const tableColumnComponents = {
-    since: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    employee: {
-        component: QBtn,
-        props: () => ({ flat: true, color: 'blue' }),
-        event: () => {},
-    },
-    rating: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    recommendedCredit: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-};
-
 const columns = computed(() => [
     {
         align: 'left',
@@ -71,19 +49,28 @@ const columns = computed(() => [
         name: 'employee',
     },
     {
-        align: 'left',
+        align: 'right',
         field: 'rating',
         label: t('Rating'),
         name: 'rating',
     },
     {
-        align: 'left',
+        align: 'right',
         field: 'recommendedCredit',
         format: (value) => toCurrency(value),
         label: t('Recommended credit'),
         name: 'recommendedCredit',
     },
 ]);
+
+watch(
+    () => route.params.id,
+    (newValue) => {
+        if (!newValue) return;
+        filter.where.clientFk = newValue;
+        clientInformasRef.value?.fetch();
+    }
+);
 </script>
 
 <template>
@@ -91,10 +78,12 @@ const columns = computed(() => [
         :filter="filter"
         @on-fetch="(data) => (rows = data)"
         auto-load
+        ref="clientInformasRef"
         url="ClientInformas"
     />
 
     <FormModel
+        :form-initial-data="{}"
         :observe-form-changes="false"
         :url-create="`Clients/${route.params.id}/setRating`"
     >
@@ -128,24 +117,12 @@ const columns = computed(() => [
             hide-bottom
             row-key="id"
             v-model:selected="selected"
-            class="card-width q-pa-lg"
+            class="card-width q-px-lg"
         >
-            <template #body-cell="props">
-                <QTd :props="props">
-                    <QTr :props="props" class="cursor-pointer">
-                        <component
-                            :is="tableColumnComponents[props.col.name].component"
-                            class="col-content"
-                            v-bind="tableColumnComponents[props.col.name].props(props)"
-                            @click="tableColumnComponents[props.col.name].event(props)"
-                        >
-                            {{ props.value }}
-                            <WorkerDescriptorProxy
-                                :id="props.row.workerFk"
-                                v-if="props.col.name === 'employee'"
-                            />
-                        </component>
-                    </QTr>
+            <template #body-cell-employee="{ row }">
+                <QTd auto-width @click.stop>
+                    <QBtn color="blue" flat no-caps>{{ row.worker.user.nickname }}</QBtn>
+                    <WorkerDescriptorProxy :id="row.clientFk" />
                 </QTd>
             </template>
         </QTable>
diff --git a/src/pages/Worker/Card/WorkerPBX.vue b/src/pages/Worker/Card/WorkerPBX.vue
new file mode 100644
index 0000000000..071212d9a3
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerPBX.vue
@@ -0,0 +1 @@
+<template>Worker PBX</template>
diff --git a/src/pages/Worker/Card/WorkerPDA.vue b/src/pages/Worker/Card/WorkerPDA.vue
new file mode 100644
index 0000000000..cb6d8d9e86
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerPDA.vue
@@ -0,0 +1 @@
+<template>Worker PDA</template>