feat: 收款流水页筛选条件补充收款金额区间与认领人

src/views/payment/receipt-flow.vue

@@ -31,6 +31,26 @@
           <el-form-item v-show="searchExpanded" label="明细流水号">
             <el-input v-model="query.detailSerialNo" clearable placeholder="请输入" />
           </el-form-item>
+          <el-form-item v-show="searchExpanded" label="收款金额">
+            <div class="amount-range">
+              <el-input-number
+                v-model="query.receiptAmountStart"
+                :controls="false"
+                :min="0"
+                placeholder="最低金额"
+              />
+              <span>~</span>
+              <el-input-number
+                v-model="query.receiptAmountEnd"
+                :controls="false"
+                :min="0"
+                placeholder="最高金额"
+              />
+            </div>
+          </el-form-item>
+          <el-form-item v-show="searchExpanded" label="认领人">
+            <el-input v-model="query.claimerName" clearable placeholder="请输入" />
+          </el-form-item>
           <el-form-item v-show="searchExpanded" label="认领状态">
             <el-select v-model="query.claimStatus" clearable placeholder="请选择">
               <el-option
@@ -259,6 +279,9 @@ const emptyQuery = () => ({
   claimStatus: '',
   pushStatus: '',
   kingdeeBillStatus: '',
+  receiptAmountStart: undefined,
+  receiptAmountEnd: undefined,
+  claimerName: '',
   transactionTimeRange: [],
 });
 
@@ -460,7 +483,14 @@ export default {
 }
 .receipt-flow-page__search :deep(.el-input),
 .receipt-flow-page__search :deep(.el-select),
-.receipt-flow-page__search :deep(.el-date-editor) {
+.receipt-flow-page__search :deep(.el-date-editor),
+.receipt-flow-page__search :deep(.el-input-number) {
+  width: 100%;
+}
+.receipt-flow-page__search .amount-range {
+  display: flex;
+  align-items: center;
+  gap: 4px;
   width: 100%;
 }
 .receipt-flow-page__search-actions {