From ef814a71ed8ab0e338be71f74b02f52fd0754c53 Mon Sep 17 00:00:00 2001
From: MeteorSky <jinyuyang@chinamobile.com>
Date: Thu, 5 Dec 2024 18:22:19 +0800
Subject: [PATCH] =?UTF-8?q?agent=E5=AE=89=E8=A3=85=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/dashboard/install/installAgent.vue     | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/plugins/observability-instance/web-ui/src/pages/dashboard/install/installAgent.vue b/plugins/observability-instance/web-ui/src/pages/dashboard/install/installAgent.vue
index 4e8de0c0b..184c5aa63 100644
--- a/plugins/observability-instance/web-ui/src/pages/dashboard/install/installAgent.vue
+++ b/plugins/observability-instance/web-ui/src/pages/dashboard/install/installAgent.vue
@@ -12,7 +12,7 @@
       <div class="dialog-content" v-show="installData.length != 0" style="padding-bottom: 0px">
         <div>
           <el-steps direction="vertical" :active="doingIndex">
-            <el-step v-for="item in installData" :key="item.name" :title="item.name">
+            <el-step v-for="item in installData" :key="item.name" :title="item.name" :class="{ error: item.state == 'ERROR' }">
               <template #description>
                 <div v-for="msg in item.msgs" :key="msg">
                   <b>{{ msg }}</b>
@@ -346,4 +346,14 @@ onBeforeUnmount(() => {
 .suggest-info {
   margin-bottom: 10px;
 }
+
+:deep(.is-finish) {
+  color: green;
+  border-color: green;
+}
+
+:deep(.error *) {
+  color: red !important;
+  border-color: red !important;
+}
 </style>
-- 
Gitee