From 6f3e3eccff690182ff7e758231d901c184cb6054 Mon Sep 17 00:00:00 2001
From: lanyuanxiaoyao <lanyuanxiaoyao@gmail.com>
Date: Wed, 3 Jan 2024 17:52:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20UI=E5=85=BC=E5=AE=B9=E6=96=B0?=
 =?UTF-8?q?=E7=89=88=E6=9C=ACamis?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/components/cloud-tab.js | 4 ++--
 web/components/common.js    | 2 ++
 web/components/yarn-tab.js  | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/components/cloud-tab.js b/web/components/cloud-tab.js
index 80a6db9..b453534 100644
--- a/web/components/cloud-tab.js
+++ b/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'},
         ]
     }
 }
diff --git a/web/components/common.js b/web/components/common.js
index bd50dc1..502730c 100644
--- a/web/components/common.js
+++ b/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,
diff --git a/web/components/yarn-tab.js b/web/components/yarn-tab.js
index 545edd7..b162bbc 100644
--- a/web/components/yarn-tab.js
+++ b/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`,