fix(统计业务): 修复VIP统计页面加载状态和表格样式
- 在所有VIP统计和到期统计页面中添加加载状态指示 - 更新表格头部和单元格样式,增加内边距以改善可读性 - 调整表格单元格的行高,确保内容显示更为美观
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user