fix(视图-明细表): 分页统一为灰色

This commit is contained in:
wisonic-s 2023-12-27 15:25:40 +08:00
parent 4d63e9c842
commit 85d5e682ed

View File

@ -150,10 +150,6 @@ const renderChart = (viewInfo: Chart, resetPageInfo: boolean) => {
initScroll()
}
const pageColor = computed(() => {
const text = view.value?.customStyle?.text
return text.color ?? 'white'
})
const setupPage = (chart: ChartObj, resetPageInfo?: boolean) => {
const customAttr = chart.customAttr
if (chart.type !== 'table-info' || customAttr.basicStyle.tablePageMode !== 'page') {
@ -360,13 +356,12 @@ onBeforeUnmount(() => {
<div style="height: 100%" :id="containerId"></div>
</div>
<div class="table-page-info" v-if="showPage && !isError">
<div :style="{ color: pageColor }">{{ state.pageInfo.total }}</div>
<div>{{ state.pageInfo.total }}</div>
<el-pagination
class="table-page-content"
layout="prev, pager, next"
v-model:page-size="state.pageInfo.pageSize"
v-model:current-page="state.pageInfo.currentPage"
:style="{ color: pageColor }"
:pager-count="5"
:total="state.pageInfo.total"
@update:current-page="handleCurrentChange"
@ -397,14 +392,16 @@ onBeforeUnmount(() => {
display: flex;
width: 100%;
justify-content: space-between;
color: grey;
:deep(.table-page-content) {
button {
color: inherit;
button,
button[disabled] {
color: grey;
background: transparent !important;
}
ul li {
&:not(.is-active) {
color: inherit;
color: grey;
}
background: transparent !important;
}