feat: Improve the service list page (#431)

higress-group · Feb 19, 2025 · 7326219 · 7326219
1 parent 4b112a3
commit 7326219
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 6 deletions.
diff --git a/frontend/src/locales/en-US/translation.json b/frontend/src/locales/en-US/translation.json
@@ -370,10 +370,12 @@
   },
   "service": {
     "columns": {
-      "name": "Service Name",
+      "name": "Service Name (FQDN)",
+      "port": "Port",
       "namespace": "Namespace",
-      "endpoints": "Service Endpoints"
+      "endpoints": "Endpoints"
     },
+    "name": "Service Name",
     "namePlaceholder": "Please input the service name.",
     "namespacePlaceholder": "Please input the namespace."
   },

diff --git a/frontend/src/locales/zh-CN/translation.json b/frontend/src/locales/zh-CN/translation.json
@@ -369,10 +369,12 @@
   },
   "service": {
     "columns": {
-      "name": "服务名称",
+      "name": "服务名称（FQDN）",
+      "port": "服务端口",
       "namespace": "命名空间",
       "endpoints": "服务地址"
     },
+    "name": "服务名称",
     "namePlaceholder": "请输入服务名称",
     "namespacePlaceholder": "请输入命名空间"
   },

diff --git a/frontend/src/pages/service/index.tsx b/frontend/src/pages/service/index.tsx
@@ -18,8 +18,17 @@ const ServiceList: React.FC = () => {
       key: 'name',
       width: 350,
       ellipsis: true,
-      render: (_, record) => {
-        return serviceToString(record);
+      render: (value) => {
+        return value || '-';
+      },
+    },
+    {
+      title: t('service.columns.port'),
+      dataIndex: 'port',
+      key: 'port',
+      width: 100,
+      render: (value) => {
+        return value || '-';
       },
     },
     {
@@ -116,7 +125,7 @@ const ServiceList: React.FC = () => {
         <Row gutter={24}>
           <Col span={6}>
             <Form.Item
-              label={t('service.columns.name')}
+              label={t('service.name')}
               name="name"
             >
               <Input