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

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

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;