(paimon-webui) branch main updated: [Improvement] Align field names displayed on the Snapshot page with the backend interface (#282)

[nicholasjiang]

This is an automated email from the ASF dual-hosted git repository.

nicholasjiang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/paimon-webui.git


The following commit(s) were added to refs/heads/main by this push:
     new 322a6c65 [Improvement] Align field names displayed on the Snapshot 
page with the backend interface (#282)
322a6c65 is described below

commit 322a6c651fc73660ec39827b963fc5b1b95df83b
Author: s7monk <34889415+s7m...@users.noreply.github.com>
AuthorDate: Mon Jun 3 11:02:02 2024 +0800

    [Improvement] Align field names displayed on the Snapshot page with the 
backend interface (#282)
---
 .../src/views/metadata/components/schema/index.tsx |  2 +-
 .../views/metadata/components/snapshot/index.tsx   | 47 ++++++++++++++++++++++
 paimon-web-ui/src/views/metadata/index.module.scss |  2 +
 3 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/paimon-web-ui/src/views/metadata/components/schema/index.tsx 
b/paimon-web-ui/src/views/metadata/components/schema/index.tsx
index faa352f8..64e9065b 100644
--- a/paimon-web-ui/src/views/metadata/components/schema/index.tsx
+++ b/paimon-web-ui/src/views/metadata/components/schema/index.tsx
@@ -103,7 +103,7 @@ export default defineComponent({
             row-key={(rowData: Schema) => rowData.schemaId}
             columns={this.columns}
             data={this.schemaData || []}
-            max-height="calc(100vh - 260px)"
+            max-height="calc(100vh - 280px)"
           />
         </n-spin>
       </n-card>
diff --git a/paimon-web-ui/src/views/metadata/components/snapshot/index.tsx 
b/paimon-web-ui/src/views/metadata/components/snapshot/index.tsx
index 85ada1db..3353ac3a 100644
--- a/paimon-web-ui/src/views/metadata/components/snapshot/index.tsx
+++ b/paimon-web-ui/src/views/metadata/components/snapshot/index.tsx
@@ -32,27 +32,72 @@ export default defineComponent({
       {
         title: 'Snapshot ID',
         key: 'snapshotId',
+        width: 120,
       },
       {
         title: 'Schema ID',
         key: 'schemaId',
+        width: 120,
+      },
+      {
+        title: 'Commit User',
+        key: 'commitUser',
+        width: 330,
       },
       {
         title: 'Commit Identifier',
         key: 'commitIdentifier',
+        width: 170,
       },
 
       {
         title: 'Commit Kind',
         key: 'commitKind',
+        width: 140,
       },
       {
         title: 'Commit Time',
         key: 'commitTime',
+        width: 190,
         render: (row) => {
           return dayjs(row.commitTime).format('YYYY-MM-DD HH:mm:ss')
         },
       },
+      {
+        title: 'Base Manifest List',
+        key: 'baseManifestList',
+        width: 430,
+      },
+      {
+        title: 'Delta Manifest List',
+        key: 'deltaManifestList',
+        width: 430,
+      },
+      {
+        title: 'Changelog Manifest List',
+        key: 'changelogManifestList',
+        width: 430,
+      },
+      {
+        title: 'Total Record Count',
+        key: 'totalRecordCount',
+        width: 170,
+      },
+      {
+        title: 'Delta Record Count',
+        key: 'deltaRecordCount',
+        width: 170,
+      },
+      {
+        title: 'Changelog Record Count',
+        key: 'changelogRecordCount',
+        width: 210,
+      },
+      {
+        title: 'Watermark',
+        key: 'watermark',
+        width: 220,
+      },
     ]
 
     const onFetchData = async () => {
@@ -78,6 +123,8 @@ export default defineComponent({
           <n-data-table
             columns={this.columns}
             data={this.snapshots || []}
+            max-height="calc(100vh - 280px)"
+            scroll-x="3200px"
           />
         </n-spin>
       </n-card>
diff --git a/paimon-web-ui/src/views/metadata/index.module.scss 
b/paimon-web-ui/src/views/metadata/index.module.scss
index 91473a55..2e75ae1d 100644
--- a/paimon-web-ui/src/views/metadata/index.module.scss
+++ b/paimon-web-ui/src/views/metadata/index.module.scss
@@ -23,6 +23,8 @@ under the License. */
   .content {
     display: flex;
     flex-direction: column;
+    flex-grow: 1;
+    overflow-x: auto;
     
     width: calc(100% - 60px);