Merge branch 'dev' into 6892-summaryCardRefact

src/components/ui/CardDescriptor.vue

@@ -188,7 +188,8 @@ const emit = defineEmits(['onFetch']);
         .label {
             color: var(--vn-label);
             font-size: 12px;
-            ::after {
+
+            &:not(:has(a))::after {
                 content: ':';
             }
         }
@@ -223,8 +224,6 @@ const emit = defineEmits(['onFetch']);
     margin-bottom: 15px;
 }
 .list-box {
-    background-color: var(--vn-gray);
-
     .q-item__label {
         color: var(--vn-label);
     }

src/css/icons.scss

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icon';
-  src:  url('fonts/icon.eot?7zbcv0');
+  src:  url('fonts/icon.eot?2omjsr');
-  src:  url('fonts/icon.eot?7zbcv0#iefix') format('embedded-opentype'),
+  src:  url('fonts/icon.eot?2omjsr#iefix') format('embedded-opentype'),
-    url('fonts/icon.ttf?7zbcv0') format('truetype'),
+    url('fonts/icon.ttf?2omjsr') format('truetype'),
-    url('fonts/icon.woff?7zbcv0') format('woff'),
+    url('fonts/icon.woff?2omjsr') format('woff'),
-    url('fonts/icon.svg?7zbcv0#icon') format('svg');
+    url('fonts/icon.svg?2omjsr#icon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -28,6 +28,9 @@
 .icon-100:before {
   content: "\e926";
 }
+.icon-Client_unpaid:before {
+  content: "\e925";
+}
 .icon-History:before {
   content: "\e964";
 }
@@ -46,9 +49,15 @@
 .icon-addperson:before {
   content: "\e929";
 }
+.icon-agency:before {
+  content: "\e92a";
+}
 .icon-agency-term:before {
   content: "\e92b";
 }
+.icon-albaran:before {
+  content: "\e92c";
+}
 .icon-anonymous:before {
   content: "\e92d";
 }
@@ -172,6 +181,9 @@
 .icon-funeral:before {
   content: "\e95f";
 }
+.icon-grafana:before {
+  content: "\e931";
+}
 .icon-greenery:before {
   content: "\e91e";
 }
@@ -355,6 +367,9 @@
 .icon-traceability:before {
   content: "\e919";
 }
+.icon-transaction:before {
+  content: "\e93b";
+}
 .icon-treatments:before {
   content: "\e91c";
 }

src/i18n/en/index.js

@@ -172,6 +172,7 @@ export default {
             hasDebt: 'Customer has debt',
             notChecked: 'Customer not checked',
             noWebAccess: 'Web access is disabled',
+            businessTypeFk: 'Business type',
         },
         summary: {
             basicData: 'Basic data',
@@ -437,6 +438,7 @@ export default {
             shipped: 'Shipped',
             warehouse: 'Warehouse',
             customerCard: 'Customer card',
+            alias: 'Alias',
         },
         boxing: {
             expedition: 'Expedition',

src/i18n/es/index.js

@@ -171,6 +171,7 @@ export default {
             hasDebt: 'El cliente tiene riesgo',
             notChecked: 'El cliente no está comprobado',
             noWebAccess: 'El acceso web está desactivado',
+            businessTypeFk: 'Tipo de negocio',
         },
         summary: {
             basicData: 'Datos básicos',
@@ -436,6 +437,7 @@ export default {
             shipped: 'Enviado',
             warehouse: 'Almacén',
             customerCard: 'Ficha del cliente',
+            alias: 'Alias',
         },
         boxing: {
             expedition: 'Expedición',

src/pages/Claim/Card/ClaimDescriptor.vue

@@ -105,7 +105,6 @@ onMounted(async () => {
             <ClaimDescriptorMenu :claim="entity" />
         </template>
         <template #body="{ entity }">
-            <VnLv :label="t('claim.card.created')" :value="toDate(entity.created)" />
             <VnLv v-if="entity.claimState" :label="t('claim.card.state')">
                 <template #value>
                     <QBadge :color="stateColor(entity.claimState.code)" dense>
@@ -113,13 +112,13 @@ onMounted(async () => {
                     </QBadge>
                 </template>
             </VnLv>
-            <VnLv :label="t('claim.card.ticketId')">
+            <VnLv :label="t('claim.card.created')" :value="toDate(entity.created)" />
+            <VnLv :label="t('claim.card.commercial')">
                 <template #value>
-                    <span class="link">
+                    <VnUserLink
-                        {{ entity.ticketFk }}
+                        :name="entity.client?.salesPersonUser?.name"
-
+                        :worker-id="entity.client?.salesPersonFk"
-                        <TicketDescriptorProxy :id="entity.ticketFk" />
+                    />
-                    </span>
                 </template>
             </VnLv>
             <VnLv
@@ -134,19 +133,20 @@ onMounted(async () => {
                     />
                 </template>
             </VnLv>
-            <VnLv :label="t('claim.card.commercial')">
+            <VnLv :label="t('claim.card.zone')" :value="entity.ticket?.zone?.name" />
-                <template #value>
-                    <VnUserLink
-                        :name="entity.client?.salesPersonUser?.name"
-                        :worker-id="entity.client?.salesPersonFk"
-                    />
-                </template>
-            </VnLv>
             <VnLv
                 :label="t('claim.card.province')"
                 :value="entity.ticket?.address?.province?.name"
             />
-            <VnLv :label="t('claim.card.zone')" :value="entity.ticket?.zone?.name" />
+            <VnLv :label="t('claim.card.ticketId')">
+                <template #value>
+                    <span class="link">
+                        {{ entity.ticketFk }}
+
+                        <TicketDescriptorProxy :id="entity.ticketFk" />
+                    </span>
+                </template>
+            </VnLv>
             <VnLv
                 :label="t('claimRate')"
                 :value="toPercentage(entity.client?.claimsRatio?.claimingRate)"

src/pages/Customer/Card/CustomerDescriptor.vue

@@ -40,6 +40,15 @@ const setData = (entity) => (data.value = useCardDescription(entity.name, entity
         data-key="customerData"
     >
         <template #body="{ entity }">
+            <VnLv :label="t('customer.card.payMethod')" :value="entity.payMethod.name" />
+
+            <VnLv :label="t('customer.card.credit')" :value="toCurrency(entity.credit)" />
+            <VnLv
+                :label="t('customer.card.securedCredit')"
+                :value="toCurrency(entity.creditInsurance)"
+            />
+
+            <VnLv :label="t('customer.card.debt')" :value="toCurrency(entity.debt)" />
             <VnLv v-if="entity.salesPersonUser" :label="t('customer.card.salesPerson')">
                 <template #value>
                     <VnUserLink
@@ -48,13 +57,10 @@ const setData = (entity) => (data.value = useCardDescription(entity.name, entity
                     />
                 </template>
             </VnLv>
-            <VnLv :label="t('customer.card.credit')" :value="toCurrency(entity.credit)" />
             <VnLv
-                :label="t('customer.card.securedCredit')"
+                :label="t('customer.card.businessTypeFk')"
-                :value="toCurrency(entity.creditInsurance)"
+                :value="entity.businessTypeFk"
             />
-            <VnLv :label="t('customer.card.payMethod')" :value="entity.payMethod.name" />
-            <VnLv :label="t('customer.card.debt')" :value="toCurrency(entity.debt)" />
         </template>
         <template #icons="{ entity }">
             <QCardActions>

src/pages/Customer/Card/CustomerSummary.vue

@@ -257,8 +257,7 @@ const creditWarning = computed(() => {
                     link
                 >
                     {{ t('customer.summary.financialData') }}
-                    <QIcon name="open_in_new" color="primary" />
+                    <QIcon name="vn:grafana" color="primary" />
-                    <!-- Pendiente de añadir el icono <QIcon name="vn:grafana" color="primary" /> -->
                 </a>
                 <VnLv
                     :label="t('customer.summary.risk')"

src/pages/Ticket/Card/TicketDescriptor.vue

@@ -88,14 +88,6 @@ const setData = (entity) =>
             <TicketDescriptorMenu :ticket="entity" />
         </template>
         <template #body="{ entity }">
-            <VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
-                <template #value>
-                    <QBadge :color="entity.ticketState.state.classColor">
-                        {{ entity.ticketState.state.name }}
-                    </QBadge>
-                </template>
-            </VnLv>
-            <VnLv :label="t('ticket.card.shipped')" :value="toDate(entity.shipped)" />
             <VnLv :label="t('ticket.card.customerId')">
                 <template #value>
                     <span class="link">
@@ -104,6 +96,13 @@ const setData = (entity) =>
                     </span>
                 </template>
             </VnLv>
+            <VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
+                <template #value>
+                    <QBadge :color="entity.ticketState.state.classColor">
+                        {{ entity.ticketState.state.name }}
+                    </QBadge>
+                </template>
+            </VnLv>
             <VnLv :label="t('ticket.summary.salesPerson')">
                 <template #value>
                     <VnUserLink
@@ -112,12 +111,14 @@ const setData = (entity) =>
                     />
                 </template>
             </VnLv>
-            <VnLv :label="t('ticket.card.warehouse')" :value="entity.warehouse?.name" />
+            <VnLv :label="t('ticket.card.shipped')" :value="toDate(entity.shipped)" />
             <VnLv
                 v-if="entity.agencyMode"
                 :label="t('ticket.card.agency')"
                 :value="entity.agencyMode.name"
             />
+            <VnLv :label="t('ticket.card.warehouse')" :value="entity.warehouse?.name" />
+            <VnLv :label="t('ticket.card.alias')" :value="entity.nickname" />
         </template>
         <template #icons="{ entity }">
             <QCardActions>