Browse Source

报表中数据视图分页器使用simple模式以避免长度超长展示出问题

zhuth 6 years ago
parent
commit
b9e5ecb7fb

+ 1 - 0
src/components/chartDesigner/content.jsx

@@ -88,6 +88,7 @@ class ChartDesignerContent extends React.Component {
                 themeConfig={chartOption.themeConfig}
                 styleConfig={styleConfig.dataView}
                 pagination={{
+                    simple: true,
                     pageSize: chartOption.pageSize || 25,
                     total: chartOption.total,
                     showTotal: (total, range) => {

+ 27 - 1
src/components/chartDesigner/sections/style/theme/theme2.less

@@ -36,6 +36,12 @@
         }
     }
     .ant-pagination {
+        >.ant-pagination-simple-pager {
+            color: #E6EDFF;
+            >input {
+                color: #46525d;
+            }
+        }
         >.ant-pagination-total-text {
             color: #E6EDFF;
         }
@@ -51,7 +57,7 @@
         }
         >.ant-pagination-item {
             >a {
-                color: #E6EDFF
+                color: #E6EDFF;
             }
             &-active {
                 background: #fff;
@@ -61,6 +67,26 @@
                 }
             }
         }
+        >.ant-pagination-jump-prev {
+            &:hover {
+                .ant-pagination-item-container .ant-pagination-item-ellipsis {
+                    color: #E6EDFF;
+                }
+            }
+            .ant-pagination-item-container .ant-pagination-item-ellipsis {
+                color: #E6EDFF;
+            }
+        }
+        >.ant-pagination-jump-next {
+            &:hover {
+                .ant-pagination-item-container .ant-pagination-item-ellipsis {
+                    color: #E6EDFF;
+                }
+            }
+            .ant-pagination-item-container .ant-pagination-item-ellipsis {
+                color: #E6EDFF;
+            }
+        }
     }
 }
 .aggregate-container.theme2 {

+ 1 - 0
src/components/dashboardDesigner/chartView.jsx

@@ -52,6 +52,7 @@ class ChartView extends React.Component {
                         themeConfig={chartOption.themeConfig}
                         styleConfig={(styleConfig || {}).dataView}
                         pagination={{
+                            simple: true,
                             pageSize: chartOption.pageSize,
                             total: chartOption.total,
                             current: chartOption.page,