💄 收款/付款结算单搜索栏改造为手写搜索区，状态文案按结算类型区分

- 搜索栏与应收/应付明细页统一为页面级手写搜索区（4列网格、查询/重置独占一行靠右、默认折叠一行4条件）
- 发票状态/收付款状态的搜索标签、表格列标签与下拉选项按结算类型区分（收款=开票/收款方向，付款=收票/付款方向）
- 下拉选项优先取数据字典（invoice_status_*/payment_status_*），未配置时回退前端默认文案
- 搜索区展开/收起后触发 avue 表格高度重算，避免分页被推出视口出现多个滚动条

src/views/settlement/components/formal-settlement-table-panel.vue

@@ -5,8 +5,6 @@
     :table-loading="loading"
     :data="rows"
     v-model:page="crudPage"
-    @search-change="(params, done) => $emit('search-change', params, done)"
-    @search-reset="$emit('search-reset')"
     @selection-change="handleSelectionChange"
     @refresh-change="$emit('refresh')"
     @on-load="page => $emit('load', page)"
@@ -61,7 +59,9 @@
       }}</span>
     </template>
 
-    <template #paymentStatusName="{ row }">{{ paymentName(row.paymentStatus) }}</template>
+    <template #paymentStatusName="{ row }">{{
+      paymentName(row.paymentStatus, row.settlementType)
+    }}</template>
 
     <template #approvalStatusName="{ row }">
       <el-tag :type="statusType(row.approvalStatus)" class="status-text">{{
@@ -154,8 +154,6 @@ export default {
     'load',
     'action',
     'update:selection',
-    'search-change',
-    'search-reset',
   ],
   data() {
     return {
@@ -181,6 +179,10 @@ export default {
     },
   },
   methods: {
+    /** 搜索区展开/收起后由父级调用：avue 表格是固定像素高度，需手动触发了重新计算，否则分页会被推出视口 */
+    recalcTableHeight() {
+      this.$nextTick(() => this.$refs.crud?.getTableHeight?.());
+    },
     handleSelectionChange(selection) {
       this.selection = selection;
       this.$emit('update:selection', selection);
@@ -236,8 +238,8 @@ export default {
     invoiceName(value, settlementType) {
       return invoiceStatusName(value, settlementType);
     },
-    paymentName(value) {
-      return paymentStatusName(value);
+    paymentName(value, settlementType) {
+      return paymentStatusName(value, settlementType);
     },
     kingdeeSyncName(value) {
       return kingdeeSyncName(value);