fix(frontend): M3 台账/月结/审批三页数据加载与分页——e2e 首跑抓出

calc_settlement_flow e2e 首跑即暴露三处真实缺陷（三页自 2026-10-17 交付
起一直「暂无数据」且翻页失效，此前无 e2e 覆盖）：

- api/{calc,settlements,approvals}.ts 误用默认导出 `request`（axios 实例，
  返回 AxiosResponse 未解包），usePagedList 拿到的 data.list 恒 undefined
  → 三页永远「暂无数据」；改为具名导入 `{ request }`（统一信封解包版）
- 三页均无 onMounted 初始加载 → 进页不取数；补 `onMounted(() => void load())`
- 三页 AppPagination 用 `v-model:page-num` + `@change`（组件无该事件、
  也未实现 update:*）→ 翻页失效；统一为 `:page-num/:page-size` +
  `@page-change/@size-change`
- 并入并行会话的操作列 align="center" 样式与 M4 报表页 README 段落

验证：e2e calc_settlement_flow 8 步全过（API 预置→台账筛选→重算对话框
按回款 ID→版本三态筛选→月结生成→提交锁定→详情抽屉）；type-check 绿

Co-Authored-By: Claude Code <noreply@anthropic.com>

frontend/src/views/calc/ledger/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { onMounted, reactive, ref } from 'vue'
 import { ElMessage } from 'element-plus'
 
 import * as calcApi from '@/api/calc'
@@ -21,13 +21,15 @@ const filters = reactive({
   is_active: 1 as number | undefined,
 })
 
-const { records, total, pageNum, pageSize, loading, load, search } = usePagedList<
-  LedgerRow,
-  { settlement_month?: string; is_active?: number }
->(calcApi.listLedger, () => ({
-  settlement_month: filters.settlement_month.trim() || undefined,
-  is_active: filters.is_active,
-}))
+const { records, total, pageNum, pageSize, loading, load, search, onPageChange, onSizeChange } =
+  usePagedList<LedgerRow, { settlement_month?: string; is_active?: number }>(calcApi.listLedger, () => ({
+    settlement_month: filters.settlement_month.trim() || undefined,
+    is_active: filters.is_active,
+  }))
+
+onMounted(() => {
+  void load()
+})
 
 function resetFilters(): void {
   filters.settlement_month = ''
@@ -121,7 +123,7 @@ async function submitRecalc(): Promise<void> {
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="90" fixed="right">
+      <el-table-column label="操作" width="90" fixed="right" align="center">
         <template #default="{ row }">
           <el-button
             v-if="row.is_active === 1 && row.calc_type === 1"
@@ -136,10 +138,11 @@ async function submitRecalc(): Promise<void> {
     </el-table>
 
     <AppPagination
-      v-model:page-num="pageNum"
-      v-model:page-size="pageSize"
       :total="total"
-      @change="load"
+      :page-num="pageNum"
+      :page-size="pageSize"
+      @page-change="onPageChange"
+      @size-change="onSizeChange"
     />
 
     <el-dialog v-model="recalcVisible" title="重算确认" width="460px">