✨ 客户账单弹窗增加汇总和导出

bms-front/src/components/BasicTable/index.vue

@@ -126,15 +126,18 @@
       </template>
     </el-table>
 
-    <!-- 分页 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      :page-sizes="pageSizes"
-      @pagination="getList"
-    />
+    <!-- 分页；可选的分页前置内容用于展示汇总等信息。 -->
+    <div class="basic-table-pagination" :class="{ 'basic-table-pagination--with-extra': $slots['pagination-extra'] }">
+      <slot name="pagination-extra" />
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        :page-sizes="pageSizes"
+        @pagination="getList"
+      />
+    </div>
   </div>
 </template>
 
@@ -727,6 +730,16 @@ onBeforeUnmount(() => {
 .basic-table {
   width: 100%;
 }
+.basic-table-pagination--with-extra {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+.basic-table-pagination--with-extra :deep(.pagination-container) {
+  margin-left: auto;
+}
 .basic-table-virtual {
   width: 100%;
   min-height: 240px;