feature(web): 增加队列信息字段显示

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

@@ -6,22 +6,68 @@ function queueCrud(name) {
         interval: 10000,
         syncLocation: false,
         silentPolling: true,
-        headerToolbar: ['reload'],
         loadDataOnce: true,
         affixHeader: false,
-        perPage: 100,
+        perPage: 20,
+        stopAutoRefreshWhenModalIsOpen: true,
+        resizable: false,
+        headerToolbar: [
+            "reload",
+            'filter-toggler',
+            {
+                type: "tpl",
+                tpl: "共 <span class='text-primary font-bold'>${total|default:0}</span> 个任务"
+            },
+            {
+                type: 'pagination',
+                layout: ['pager', 'perPage'],
+                maxButtons: 8,
+                showPageInput: false,
+            }
+        ],
+        footerToolbar: [
+            {
+                type: 'pagination',
+                layout: ['pager', 'perPage'],
+                maxButtons: 8,
+                showPageInput: false,
+            }
+        ],
         columns: [
-            {name: 'id', label: 'ID'},
+            {
+                name: 'data.flinkJobId',
+                label: '任务 ID',
+                width: 170,
+                ...copyField('data.flinkJobId')
+            },
+            {
+                name: 'data.alias',
+                label: '别名',
+                ...copyField('data.alias')
+            },
+            {
+                name: 'data.batch',
+                label: '批次',
+                width: 100,
+                type: 'tpl',
+                tpl: '<span class="label label-warning">${data.batch}</span>'
+            },
             {
                 name: 'priority',
                 label: '优先级',
-                align: 'center',
+                width: 60,
+                type: 'tpl',
+                tpl: '<span class="label bg-info">${priority}</span>'
+            },
+            {
+                name: 'data.comment',
+                label: '备注',
+                width: 150,
             },
             {
                 name: 'createTime',
-                label: '启动时间',
+                label: '任务提交时间',
                 ...time('createTime'),
-                align: 'center',
                 width: 140,
             },
         ]
@@ -32,7 +78,7 @@ function queueTab() {
     return {
         title: '压缩队列',
         tab: [
-            queueCrud('compaction-queue')
+            queueCrud('compaction-queue-b1')
         ],
     }
 }