feat(settlement): 优化“正式结算”和“运输对账”页面表格结构及样式

- 将正式结算页面中的表格及工具栏整体封装为子组件 formal-settlement-table-panel
- 正式结算页通过 tabs 展示应付/应收，分别引入封装表格组件，保证功能完整性和切换时的数据刷新
- 正式结算表格子组件支持行操作、工具栏按钮和分页，提升代码复用和维护性
- 运输对账页面同样改用 transport-reconciliation-table-panel 封装表格与工具栏
- 调整预结算单弹窗“结算汇率”输入框为左对齐，改善字段显示
- 清理有关表格页面的旧样式与冗余代码，确保样式统一
- 修改本地开发服务器端口及代理配置，切换到 2889 端口并更新代理目标地址

.workbuddy/memory/2026-08-21.md

@@ -90,3 +90,19 @@
   2. 页面级表格样式 `.settlement-detail-page__table, .settlement-detail-page :deep(.el-table)` 的 `th.el-table__cell` 增加 `text-align: center !important;`，统一所有表头居中（覆盖金额列 `align: right` 导致的表头右偏）。
   3. 新增 `.settlement-detail-page__adjust-table` 样式块：`.el-input-number`、`.el-input`、`.el-select` 全部 `width: 100% !important;`，使控件撑满单元格不被截断；`el-input-number` 内部输入保持右对齐。
 - 验证：Vite 2889 编译通过（HTTP 200），HMR 生效。待用户在 2889 刷新核对调整弹窗输入框是否完整显示、表头是否全部居中。
+
+## formal-settlement：把表格放进 tabs
+- 需求：`/settlement/formal-settlement` 原本 `el-tabs`(应付/应收) 是空的 type 切换器，表格+工具栏在 tabs 外面；要求把表格放进 tabs 内。
+- 改动：
+  1. 新建 `src/views/settlement/components/formal-settlement-table-panel.vue`：把工具栏(新增/付款申请/同步金蝶/打印结算单/导出 + 刷新) + `el-table` + 分页整体抽成子组件；props 收 `rows/columns/loading/page/hasPermission`，emits `create/payment/sync/export/refresh/page-change/update:selection/action`；行操作(查看/编辑/删除/提交/通过/驳回/作废)经 `rowActions(row)` 计算可见项后 emit `action {type,row}`；工具栏"打印"经 `emitSingle('print')` 取选中单行后 emit action（与父 `selectedOne` 行为一致）。
+  2. `src/views/settlement/formal-settlement.vue`：删除原 toolbar+table+pagination 块与对应 scoped 样式(`__toolbar/__toolbar-right/__links/__pagination`)，在 `el-tabs` 两个 `el-tab-pane` 内各放一个 `<formal-settlement-table-panel>`（DRY，共用同一组件）；新增 `handlePageChange({current,size})`、`handleAction({type,row})` 分发行操作；`handlePrint(row)` 改为接收行参数（不再用 selectedOne）；删除无用 `handleSizeChange`。
+- 验证：Vite build 通过(EXIT=0)，无编译错误。待用户在 2889 刷新核对：应付/应收两个 tab 各自带完整表格与工具栏、切换 tab 触发 reload。
+
+## 预结算单结算汇率输入框居左
+- 需求：`/settlement/pre-settlement` 弹窗中「结算汇率」字段（el-input-number）默认居中，要求改为居左。
+- 改动：
+  1. `src/option/settlement/preSettlementForm.js`：`exchangeRate` 字段新增 `class: 'exchange-rate-input'`。
+  2. `src/views/settlement/components/pre-settlement-editor.vue`：
+     - `el-input-number` 上绑定 `:class="field.class"`。
+     - scoped style 的 `&__form` 内增加 `:deep(.exchange-rate-input .el-input__inner) { text-align: left; }`。
+- 影响：仅针对「结算汇率」字段，不改动其他数字输入框对齐方式。