添加删除按钮

dotnetcore · Apr 5, 2022 · a757a8e · a757a8e
1 parent 69ca50b
commit a757a8e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/AgileConfig.Server.UI/react-ui-antd/src/pages/Services/index.less b/AgileConfig.Server.UI/react-ui-antd/src/pages/Services/index.less
@@ -0,0 +1,3 @@
+.linkDanger {
+    color: #ff4d4f;
+}
diff --git a/AgileConfig.Server.UI/react-ui-antd/src/pages/Services/index.tsx b/AgileConfig.Server.UI/react-ui-antd/src/pages/Services/index.tsx
@@ -7,6 +7,7 @@ import React, {  useRef, useState } from 'react';
 import { getIntl, getLocale } from 'umi';
 import { ServiceItem } from './data';
 import { addService, queryService } from './service';
+import styles from './index.less';
 
 const handleAdd = async (fields: ServiceItem) => {
   const intl = getIntl(getLocale());
@@ -99,15 +100,24 @@ const services: React.FC = () => {
       dataIndex: 'alive',
       valueEnum: {
         0: {
-          text: '离线',
+          text: '异常',
           status: 'Default'
         },
         1: {
-          text: '在线',
-          status: 'Processing'
+          text: '健康',
+          status: 'Success'
         }
       },
       width: 120
+    },
+    {
+      title: '操作',
+      valueType: 'option',
+      render: (text, record, _, action) => [
+        <a className={styles.linkDanger}>
+          删除
+        </a>
+      ]
     }
   ];
   return (