From 85d5e682eda44ae34715d13d385d22a8c5b28c03 Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Wed, 27 Dec 2023 15:25:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=A7=86=E5=9B=BE-=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=E8=A1=A8):=20=E5=88=86=E9=A1=B5=E7=BB=9F=E4=B8=80=E4=B8=BA?=
 =?UTF-8?q?=E7=81=B0=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/components/ChartComponentS2.vue         | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue b/core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue
index fc135dd7bb..6925449d80 100644
--- a/core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue
@@ -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;
     }