src/pages/Ticket/Card/TicketExpedition.vue

@@ -17,6 +17,7 @@ import axios from 'axios';
 import VnTable from 'src/components/VnTable/VnTable.vue';
 import VnBtnSelect from 'src/components/common/VnBtnSelect.vue';
 import FetchData from 'src/components/FetchData.vue';
+import useOpenURL from 'src/composables/useOpenURL';
 
 const route = useRoute();
 const stateStore = useStateStore();
@@ -123,6 +124,12 @@ const columns = computed(() => [
                 isPrimary: true,
                 action: (row) => showLog(row),
             },
+            {
+                title: t('Grafana'),
+                icon: 'vn:grafana',
+                isPrimary: true,
+                action: ({ id }) => openGrafana(id),
+            },
         ],
     },
 ]);
@@ -192,10 +199,16 @@ const getExpeditionState = async (expedition) => {
     }));
 };
 
+const openGrafana = (expeditionFk) => {
+    useOpenURL(
+        `https://grafana.verdnatura.es/d/d552ab74-85b4-4e7f-a279-fab7cd9c6124/control-de-expediciones?orgId=1&var-expeditionFk=${expeditionFk}`
+    );
+};
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
-    const filteredColumns = columns.value.filter((col) => col.name !== 'history');
+    const filteredColumns = columns.value.filter(({ name }) => name !== 'history');
-    allColumnNames.value = filteredColumns.map((col) => col.name);
+    allColumnNames.value = filteredColumns.map(({ name }) => name);
 });
 </script>