feat: add instance info

Add instance info for the openstack service monitor in the administrator

Change-Id: Iee60a49733514f52c5a1030eeec382d3e4beaf3b

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.

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>

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;
+    }
   }
 }