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> <template>
<div class="all-vip-statistics"> <div class="all-vip-statistics" v-loading="loading">
<div class="summary-section"> <div class="summary-section">
<div class="summary-block"> <div class="summary-block">
<div class="summary-block__title">截止至今到期统计</div> <div class="summary-block__title">截止至今到期统计</div>
@@ -43,11 +43,10 @@
<div ref="tableContainer" class="table-container"> <div ref="tableContainer" class="table-container">
<el-table <el-table
v-loading="loading"
:data="dataList" :data="dataList"
border border
:header-cell-style="{ textAlign: 'center' }" :header-cell-style="{ textAlign: 'center', padding: '6px 0' }"
:cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center', padding: '6px 0' }"
:max-height="tableHeight" :max-height="tableHeight"
> >
<el-table-column type="index" label="序号" width="70" /> <el-table-column type="index" label="序号" width="70" />
@@ -235,6 +234,17 @@ export default {
</script> </script>
<style scoped lang="less"> <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 { .all-vip-statistics {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="vip-expires-statistics"> <div class="vip-expires-statistics" v-loading="loading">
<div class="summary-section"> <div class="summary-section">
<div class="section-title">汇总统计</div> <div class="section-title">汇总统计</div>
<div class="summary-grid"> <div class="summary-grid">
@@ -27,11 +27,10 @@
<div ref="tableContainer" class="table-container"> <div ref="tableContainer" class="table-container">
<el-table <el-table
v-loading="loading"
:data="dataList" :data="dataList"
border border
:header-cell-style="{ textAlign: 'center' }" :header-cell-style="{ textAlign: 'center', padding: '6px 0' }"
:cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center', padding: '6px 0' }"
:max-height="tableHeight" :max-height="tableHeight"
> >
<el-table-column type="index" label="序号" width="70" /> <el-table-column type="index" label="序号" width="70" />
@@ -203,6 +202,13 @@ export default {
</script> </script>
<style scoped lang="less"> <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 { .vip-expires-statistics {
display: flex; display: flex;
flex-direction: column; flex-direction: column;