优化

src/modules/finance/pages/FinanceSettlementPayablesView.vue

@@ -1,2 +1,12 @@
-<script setup lang="ts">import FinanceFormalSettlementPage from './FinanceFormalSettlementPage.vue'</script>
-<template><FinanceFormalSettlementPage kind="payable" /></template>
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import FinanceFormalSettlementPage from './FinanceFormalSettlementPage.vue'
+
+const route = useRoute()
+const router = useRouter()
+const settlementId = computed(() => String(route.params.settlementId || ''))
+function openDetail(id: string) { void router.push({ name: 'finance-settlement-payable-detail', params: { settlementId: id } }) }
+function back() { void router.push({ name: 'finance-settlement-payables' }) }
+</script>
+<template><FinanceFormalSettlementPage kind="payable" :settlement-id="settlementId" @open-detail="openDetail" @back="back" /></template>