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/system/approvals/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 {
@@ -47,6 +47,10 @@ const { records, total, pageNum, pageSize, loading, load, search, onPageChange,
     }),
   )
 
+onMounted(() => {
+  void load()
+})
+
 function resetFilters(): void {
   filters.keyword = ''
   filters.status = undefined
@@ -177,7 +181,7 @@ async function submitAction(): Promise<void> {
       <el-table-column label="提交时间" min-width="150">
         <template #default="{ row }">{{ formatDateTime(row.create_time) }}</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 link type="primary" @click="openDetail(row)">详情</el-button>
         </template>
@@ -185,12 +189,11 @@ async function submitAction(): Promise<void> {
     </el-table>
 
     <AppPagination
-      v-model:page-num="pageNum"
-      v-model:page-size="pageSize"
       :total="total"
-      @change="load"
-      @size-change="onSizeChange"
+      :page-num="pageNum"
+      :page-size="pageSize"
       @page-change="onPageChange"
+      @size-change="onSizeChange"
     />
 
     <el-drawer v-model="detailVisible" title="审批详情" size="480px">