feat: enhance filter navigation with role-based visibility and active position handling

app/components/content/encounter/list.vue

@@ -106,14 +106,12 @@ watch(getActiveRole, (role? : string) => {
 
 watch(() => recAction.value, () => {
   const basePath = `/${props.classCode}/encounter`
-  // console.log(`${basePath}/${recId.value}`, recAction.value)
-  // return
   if (recAction.value === ActionEvents.showConfirmDelete) {
     isRecordConfirmationOpen.value = true
   } else if (recAction.value === ActionEvents.showCancel) {
     isRecordCancelOpen.value = true
   } else if (recAction.value === ActionEvents.showDetail) {
-    navigateTo(`${basePath}/${recId.value}`)
+    navigateTo(`${basePath}/${recId.value}/detail`)
   } else if (recAction.value === ActionEvents.showEdit) {
     navigateTo(`${basePath}/${recId.value}/edit`)
   } else if (recAction.value === ActionEvents.showProcess) {
@@ -142,6 +140,7 @@ async function getPatientList() {
     const result = await getEncounterList(params)
     if (result.success) {
       data.value = result.body?.data || []
+      dataFiltered.value = [...data.value]
     }
   } catch (error) {
     console.error('Error fetching encounter list:', error)