feat(web): UI兼容新版本amis

web/components/cloud-tab.js

@@ -28,10 +28,10 @@ function cloudCrud(title, path) {
                 label: '启动时间',
                 ...time('serviceUpTime'),
                 align: 'center',
-                width: 140,
+                width: 160,
             },
             {name: 'url', label: '地址', width: 200},
-            {name: 'serviceId', label: '服务', width: 180, fixed: 'right'},
+            {name: 'serviceId', label: '服务', width: 200, fixed: 'right'},
         ]
     }
 }

web/components/common.js

@@ -142,6 +142,7 @@ function yarnQueueCrud(clusters = undefined, queueNames = undefined) {
                 type: 'tooltip-wrapper',
                 body: '${TRUNCATE(queueName, 20)}',
                 content: '${queueName}',
+                inline: true,
             },
             {
                 label: '当前容量',
@@ -238,6 +239,7 @@ function yarnCrudColumns() {
             className: 'nowrap',
             type: 'tpl',
             tpl: "${IF(syncApplication, '<span class=\"rounded-xl label label-primary\">S</span>', IF(compactionApplication, '<span class=\"rounded-xl label label-primary\">C</span>', ''))}${IF(hudiApplication, '<span class=\"mx-2\"/>', '')}${IF(syncApplication, flinkJobName, IF(compactionApplication, alias, name))}",
+            // tpl: '${name}',
             backgroundScale: {
                 min: 0.001,
                 max: 1.000,

web/components/yarn-tab.js

@@ -1,6 +1,6 @@
 function yarnTab(cluster, title, queueNames = 'root', searchName = undefined) {
     return {
-        title: `${title} 集群`,
+        title: `${title}集群`,
         tab: [
             {
                 id: `${cluster}-yarn-service`,