fix: ServiceList display namespace

console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceList/ServiceList.js

@@ -125,6 +125,12 @@ class ServiceList extends React.Component {
     });
   }
 
+  setNowNameSpace = (nowNamespaceName, nowNamespaceId) =>
+    this.setState({
+      nowNamespaceName,
+      nowNamespaceId,
+    });
+
   rowColor = row => ({ className: !row.healthyInstanceCount ? 'row-bg-red' : '' });
 
   render() {
@@ -140,7 +146,7 @@ class ServiceList extends React.Component {
       detail,
       deleteAction,
     } = locale;
-    const { keyword } = this.state;
+    const { keyword, nowNamespaceName, nowNamespaceId } = this.state;
     const { init, getValue } = this.field;
     this.init = init;
     this.getValue = getValue;
@@ -154,7 +160,16 @@ class ServiceList extends React.Component {
           tip="Loading..."
           color="#333"
         >
-          <RegionGroup left={serviceList} namespaceCallBack={this.getQueryLater} />
+          <RegionGroup
+            setNowNameSpace={this.setNowNameSpace}
+            namespaceCallBack={this.getQueryLater}
+          />
+          <h3 className="page-title">
+            <span className="title-item">{serviceList}</span>
+            <span className="title-item">|</span>
+            <span className="title-item">{nowNamespaceName}</span>
+            <span className="title-item">{nowNamespaceId}</span>
+          </h3>
           <Row className="demo-row" style={{ marginBottom: 10, padding: 0 }}>
             <Col span="24">
               <Form inline field={this.field}>

console/src/main/resources/static/console-fe/src/pages/ServiceManagement/ServiceList/ServiceList.scss

@@ -12,4 +12,18 @@
  */
 
 .service-management {
+  .page-title {
+    height: 30px;
+    width: 100%;
+    line-height: 30px;
+    margin: 0 0 20px;
+    padding: 0 0 0 10px;
+    border-left: 3px solid #09c;
+    color: #ccc;
+  }
+  .title-item {
+    font-size: 14px;
+    color: #000;
+    margin-right: 8px;
+  }
 }