From 6d5bea10a4ee5d4f928be3d33878b35063bfb71e Mon Sep 17 00:00:00 2001
From: chenghuan <chenghuanv587@qq.com>
Date: Mon, 16 Mar 2026 16:15:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=BB=9F=E8=AE=A1=E4=B8=9A=E5=8A=A1):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8DVIP=E7=BB=9F=E8=AE=A1=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E7=8A=B6=E6=80=81=E5=92=8C=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在所有VIP统计和到期统计页面中添加加载状态指示
- 更新表格头部和单元格样式，增加内边距以改善可读性
- 调整表格单元格的行高，确保内容显示更为美观
---
 .../vipStatistics/allVip.vue                   | 18 ++++++++++++++----
 .../vipStatistics/expiresStatisticsBase.vue    | 14 ++++++++++----
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/views/modules/statisticsBusiness/vipStatistics/allVip.vue b/src/views/modules/statisticsBusiness/vipStatistics/allVip.vue
index 80b13d8..66b7463 100644
--- a/src/views/modules/statisticsBusiness/vipStatistics/allVip.vue
+++ b/src/views/modules/statisticsBusiness/vipStatistics/allVip.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="all-vip-statistics">
+  <div class="all-vip-statistics" v-loading="loading">
     <div class="summary-section">
       <div class="summary-block">
         <div class="summary-block__title">截止至今到期统计</div>
@@ -43,11 +43,10 @@
 
       <div ref="tableContainer" class="table-container">
         <el-table
-          v-loading="loading"
           :data="dataList"
           border
-          :header-cell-style="{ textAlign: 'center' }"
-          :cell-style="{ textAlign: 'center' }"
+          :header-cell-style="{ textAlign: 'center', padding: '6px 0' }"
+          :cell-style="{ textAlign: 'center', padding: '6px 0' }"
           :max-height="tableHeight"
         >
           <el-table-column type="index" label="序号" width="70" />
@@ -235,6 +234,17 @@ export default {
 </script>
 
 <style scoped lang="less">
+.el-form-item {
+  margin-bottom: 0 !important;
+}
+
+/deep/ .el-table .cell,
+/deep/ .el-table th > .cell {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  line-height: 20px;
+}
+
 .all-vip-statistics {
   display: flex;
   flex-direction: column;
diff --git a/src/views/modules/statisticsBusiness/vipStatistics/expiresStatisticsBase.vue b/src/views/modules/statisticsBusiness/vipStatistics/expiresStatisticsBase.vue
index c8b304e..c0ede97 100644
--- a/src/views/modules/statisticsBusiness/vipStatistics/expiresStatisticsBase.vue
+++ b/src/views/modules/statisticsBusiness/vipStatistics/expiresStatisticsBase.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="vip-expires-statistics">
+  <div class="vip-expires-statistics" v-loading="loading">
     <div class="summary-section">
       <div class="section-title">汇总统计</div>
       <div class="summary-grid">
@@ -27,11 +27,10 @@
 
       <div ref="tableContainer" class="table-container">
         <el-table
-          v-loading="loading"
           :data="dataList"
           border
-          :header-cell-style="{ textAlign: 'center' }"
-          :cell-style="{ textAlign: 'center' }"
+          :header-cell-style="{ textAlign: 'center', padding: '6px 0' }"
+          :cell-style="{ textAlign: 'center', padding: '6px 0' }"
           :max-height="tableHeight"
         >
           <el-table-column type="index" label="序号" width="70" />
@@ -203,6 +202,13 @@ export default {
 </script>
 
 <style scoped lang="less">
+/deep/ .el-table .cell,
+/deep/ .el-table th > .cell {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  line-height: 20px;
+}
+
 .vip-expires-statistics {
   display: flex;
   flex-direction: column;