提交

web-admin/src/views/cell-storage/protocol-audit/PaymentInfoTab.vue

@@ -15,7 +15,7 @@
       </el-tabs>
 
       <div class="filter-block">
-        <el-form :model="searchForm" class="filter-form" label-position="top" @submit.prevent>
+        <el-form :model="searchForm" class="filter-form filter-form--inline-label" @submit.prevent>
           <div class="filter-grid">
             <el-form-item label="关键词">
               <el-input
@@ -47,7 +47,9 @@
             </el-form-item>
           </div>
           <div class="filter-actions-row">
-            <span class="filter-hint">支持按协议号模糊检索；默认展示近 30 天内应缴费的明细。</span>
+            <span class="filter-hint"
+              >支持按协议号模糊检索；默认展示应缴费时间为当天前 10 天至后 20 天的明细。</span
+            >
             <div class="filter-actions-end">
               <el-button class="btn-ghost" @click="handleReset">
                 <el-icon><RefreshLeft /></el-icon>重置
@@ -458,9 +460,10 @@
   }
 
   function getDefaultInstallmentDueDateRange(): [string, string] {
-    const end = new Date()
     const start = new Date()
-    start.setDate(start.getDate() - 30)
+    const end = new Date()
+    start.setDate(start.getDate() - 10)
+    end.setDate(end.getDate() + 20)
     return [formatLocalDate(start), formatLocalDate(end)]
   }
 
@@ -736,17 +739,24 @@
     margin-bottom: 4px;
   }
 
-  .filter-form :deep(.el-form-item) {
+  .filter-form--inline-label :deep(.el-form-item) {
     margin-bottom: 0;
     min-width: 0;
+    align-items: center;
   }
 
-  .filter-form :deep(.el-form-item__label) {
+  .filter-form--inline-label :deep(.el-form-item__label) {
     font-size: 13px;
     font-weight: 500;
     color: var(--mint-text-muted, #64748b);
-    padding: 0 0 4px;
-    line-height: 1.2;
+    padding-right: 8px;
+    line-height: 36px;
+    height: 36px;
+  }
+
+  .filter-form--inline-label :deep(.el-form-item__content) {
+    flex: 1;
+    min-width: 0;
   }
 
   .attachment-upload {