diff --git a/src/pages/Route/RouteAutonomous.vue b/src/pages/Route/RouteAutonomous.vue
index 0c504ba9f..8d1a7f6fd 100644
--- a/src/pages/Route/RouteAutonomous.vue
+++ b/src/pages/Route/RouteAutonomous.vue
@@ -131,6 +131,10 @@ const openCreateInvoiceIn = () => {
 
     router.push({ name: 'RouteAutonomousCreateInvoiceIn', query: { q: params } });
 };
+
+function navigateToRouteSummary(event, row) {
+    router.push({ name: 'RouteSummary', params: { id: row.routeFk } })
+}
 </script>
 
 <template>
@@ -195,6 +199,7 @@ const openCreateInvoiceIn = () => {
                             selection="multiple"
                             :rows-per-page-options="[0]"
                             hide-pagination
+                            @row-click="navigateToRouteSummary"
                         >
                             <template #body-cell-ID="props">
                                 <QTd :props="props">
@@ -233,7 +238,7 @@ const openCreateInvoiceIn = () => {
                                             name="preview"
                                             size="xs"
                                             color="primary"
-                                            @click="viewSummary(props?.row?.routeFk, RouteSummary)"
+                                            @click.stop="viewSummary(props?.row?.routeFk, RouteSummary)"
                                         >
                                             <QTooltip>{{ t('Preview') }}</QTooltip>
                                         </QIcon>
diff --git a/src/pages/Route/RouteRoadmap.vue b/src/pages/Route/RouteRoadmap.vue
index f176aebc5..767a1bf2e 100644
--- a/src/pages/Route/RouteRoadmap.vue
+++ b/src/pages/Route/RouteRoadmap.vue
@@ -15,10 +15,12 @@ import axios from 'axios';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import {useSummaryDialog} from "composables/useSummaryDialog";
 import RoadmapSummary from "pages/Route/Roadmap/RoadmapSummary.vue";
+import {useRouter} from "vue-router";
 
 const stateStore = useStateStore();
 const { t } = useI18n();
 const quasar = useQuasar();
+const router = useRouter();
 const { viewSummary } = useSummaryDialog();
 
 const to = Date.vnNew();
@@ -124,6 +126,10 @@ function confirmRemove() {
         })
         .onOk(() => refreshKey.value++);
 }
+
+function navigateToRoadmapSummary(event, row) {
+    router.push({ name: 'RoadmapSummary', params: { id: row.id } })
+}
 </script>
 
 <template>
@@ -219,7 +225,7 @@ function confirmRemove() {
                             :rows-per-page-options="[0]"
                             hide-pagination
                             :pagination="{ sortBy: 'ID', descending: true }"
-                            :on-row-click="(evt, row) => console.log(evt, row)"
+                            @row-click="navigateToRoadmapSummary"
                         >
                             <template #body-cell-carrier="props">
                                 <QTd :props="props">