feature(web): 优化时间线展示

加入分页，增加对时间点的排序，默认最近的在最前面

service-web/src/main/resources/static/components/table-tab.js

@@ -262,6 +262,10 @@ function tableTab() {
                                                     method: 'get',
                                                     url: '${base}/hudi/timeline/list',
                                                     data: {
+                                                        page: '${page|default:undefined}',
+                                                        count: '${perPage|default:undefined}',
+                                                        order: '${orderBy|default:undefined}',
+                                                        direction: '${orderDir|default:undefined}',
                                                         flink_job_id: '${flinkJobId|default:undefined}',
                                                         alias: '${tableMeta.alias|default:undefined}',
                                                         filter_type: '${filter_type|default:undefined}'
@@ -271,11 +275,33 @@ function tableTab() {
                                                     },
                                                 },
                                                 syncLocation: false,
+                                                silentPolling: true,
+                                                stopAutoRefreshWhenModalIsOpen: true,
+                                                resizable: false,
+                                                perPage: 10,
+                                                headerToolbar: [
+                                                    "reload",
+                                                    {
+                                                        type: 'pagination',
+                                                        layout: ['pager', 'perPage'],
+                                                        maxButtons: 8,
+                                                        showPageInput: false,
+                                                    },
+                                                ],
+                                                footerToolbar: [
+                                                    {
+                                                        type: 'pagination',
+                                                        layout: ['pager', 'perPage'],
+                                                        maxButtons: 8,
+                                                        showPageInput: false,
+                                                    },
+                                                ],
                                                 columns: [
                                                     {
                                                         name: 'timestamp',
                                                         label: '时间点',
                                                         width: 150,
+                                                        sortable: true,
                                                     },
                                                     {
                                                         name: 'filter_action',
@@ -287,7 +313,7 @@ function tableTab() {
                                                     {
                                                         name: 'filter_state',
                                                         label: ' 状态',
-                                                        width: 100,
+                                                        width: 80,
                                                         align: 'center',
                                                         ...mappingField('state', hudiTimelineStateMapping),
                                                         filterable: filterableField(hudiTimelineStateMapping, true),