From 3f4c8fdb9572bf827856ad048d246ffcaeaf4621 Mon Sep 17 00:00:00 2001
From: zhangjingwei <zhang.jingwei@99cloud.net>
Date: Thu, 9 May 2024 12:09:49 +0800
Subject: [PATCH] feat: add instance info

Add instance info for the openstack service monitor in the administrator

Change-Id: Iee60a49733514f52c5a1030eeec382d3e4beaf3b
---
 ...ance-For-Openstack-Service-Monitor-4e2fb683f379b639.yaml | 6 ++++++
 src/pages/monitor/containers/OpenstackService/Services.jsx  | 5 ++++-
 src/pages/monitor/containers/OpenstackService/index.less    | 6 ++++++
 3 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 releasenotes/notes/Support-Instance-For-Openstack-Service-Monitor-4e2fb683f379b639.yaml

diff --git a/releasenotes/notes/Support-Instance-For-Openstack-Service-Monitor-4e2fb683f379b639.yaml b/releasenotes/notes/Support-Instance-For-Openstack-Service-Monitor-4e2fb683f379b639.yaml
new file mode 100644
index 00000000..df661ccb
--- /dev/null
+++ b/releasenotes/notes/Support-Instance-For-Openstack-Service-Monitor-4e2fb683f379b639.yaml
@@ -0,0 +1,6 @@
+---
+features:
+  - |
+    Support instance info for the openstack service monitor in the administrator:
+
+    * Add the instance info below the host of the openstack services.
diff --git a/src/pages/monitor/containers/OpenstackService/Services.jsx b/src/pages/monitor/containers/OpenstackService/Services.jsx
index 23274ea1..5641c574 100644
--- a/src/pages/monitor/containers/OpenstackService/Services.jsx
+++ b/src/pages/monitor/containers/OpenstackService/Services.jsx
@@ -61,7 +61,10 @@ const Services = (props) => {
                   )}
                 </Col>
                 <Col className={styles.title} span={6}>
-                  {it.hostname || it.host}
+                  <div>{it.hostname || it.host}</div>
+                  {it.instance && (
+                    <div className={styles.instance}>{it.instance}</div>
+                  )}
                 </Col>
                 <Col className={styles.status} span={6}>
                   <span>{t('Current Status')}</span>
diff --git a/src/pages/monitor/containers/OpenstackService/index.less b/src/pages/monitor/containers/OpenstackService/index.less
index 67dcfece..0abb32eb 100644
--- a/src/pages/monitor/containers/OpenstackService/index.less
+++ b/src/pages/monitor/containers/OpenstackService/index.less
@@ -15,6 +15,7 @@
 
     .title {
       display: flex;
+      flex-direction: column;
       color: rgba(0, 0, 0, 65%);
       font-weight: 400;
       font-size: 16px;
@@ -26,6 +27,11 @@
       font-weight: 400;
       font-size: 14px;
     }
+
+    .instance {
+      color: rgba(0, 0, 0, 65%);
+      font-size: 12px;
+    }
   }
 }