zm/nuttyreading-master-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(统计业务): 修复VIP统计页面加载状态和表格样式

Browse Source 
- 在所有VIP统计和到期统计页面中添加加载状态指示
- 更新表格头部和单元格样式，增加内边距以改善可读性
- 调整表格单元格的行高，确保内容显示更为美观
This commit is contained in:
chenghuan
2026-03-16 16:15:41 +08:00
parent bba73fdc7c
commit 6d5bea10a4
2 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/modules/statisticsBusiness/vipStatistics/allVip.vue
View File

@@ -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;

14
src/views/modules/statisticsBusiness/vipStatistics/expiresStatisticsBase.vue
View File

@@ -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;