账单样式

src/pages/bill/index.tsx

@@ -29,7 +29,7 @@ interface CategoryOption {
 
 /**
  * 账单列表页
- * 采购单完成后由后台按门店生成（只读）；头部 summary 为门店口径待支付汇总（含审核中，不受筛选影响）
+ * 采购单完成后由后台按门店生成（只读）；底部汇总栏为门店口径待支付汇总（含审核中，不受筛选影响）
  * 支持多选账单合并导出 Excel（可按一级分类过滤商品明细）
  */
 export default function BillListPage() {
@@ -185,22 +185,11 @@ export default function BillListPage() {
     [selectedIds, toggleSelectMode],
   )
 
-  return (
-    <View className={`bill-page ${selectMode ? 'bill-page--select' : ''}`}>
-      {/* ========== 待支付汇总（门店口径，含审核中） ========== */}
-      {loggedIn && summary && summary.unpaid_count > 0 && (
-        <View className='bill-summary'>
-          <View className='bill-summary__info'>
-            <Text className='bill-summary__label'>待支付账单（含审核中）</Text>
-            <Text className='bill-summary__count'>{summary.unpaid_count} 笔</Text>
-          </View>
-          <View className='bill-summary__right'>
-            <Text className='bill-summary__amount'>￥{summary.unpaid_amount}</Text>
-            <View className='bill-summary__pay' onClick={goPay}>去付款</View>
-          </View>
-        </View>
-      )}
+  /** 底部待支付汇总栏是否可见（多选导出时让位给导出栏） */
+  const showPayBar = loggedIn && !selectMode && !!summary && summary.unpaid_count > 0
 
+  return (
+    <View className={`bill-page ${selectMode ? 'bill-page--select' : ''} ${showPayBar ? 'bill-page--pay' : ''}`}>
       {/* ========== 状态筛选 + 导出入口 ========== */}
       <View className='bill-toolbar'>
         <ScrollView scrollX className='status-scroll'>
@@ -278,6 +267,17 @@ export default function BillListPage() {
         <View className='bill-loading'><Text>没有更多了</Text></View>
       )}
 
+      {/* ========== 底部待支付汇总栏（门店口径，含审核中） ========== */}
+      {showPayBar && summary && (
+        <View className='bill-paybar'>
+          <View className='bill-paybar__info'>
+            <Text className='bill-paybar__label'>待支付账单（含审核中）{summary.unpaid_count} 笔</Text>
+            <Text className='bill-paybar__amount'>￥{summary.unpaid_amount}</Text>
+          </View>
+          <View className='bill-paybar__btn' onClick={goPay}>去付款</View>
+        </View>
+      )}
+
       {/* ========== 导出操作栏 ========== */}
       {selectMode && (
         <View className='export-bar'>