From e7a63c350f55d8a409fa5838c3b8bf5075513831 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Thu, 20 Apr 2023 10:28:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E5=91=98=E5=88=97=E8=A1=A8=E5=A4=9A?=
 =?UTF-8?q?=E4=BD=99=E7=9A=84=E6=93=8D=E4=BD=9C=E6=8C=89=E9=92=AE=E6=94=B6?=
 =?UTF-8?q?=E7=BC=A9=E5=88=B0=E6=9B=B4=E5=A4=9A=E9=87=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/member/index.tsx | 116 +++++++++++++++++++++++--------------
 1 file changed, 74 insertions(+), 42 deletions(-)

diff --git a/src/pages/member/index.tsx b/src/pages/member/index.tsx
index 40e99e3..cfcbdfe 100644
--- a/src/pages/member/index.tsx
+++ b/src/pages/member/index.tsx
@@ -8,10 +8,16 @@ import {
   Table,
   message,
   Image,
+  Dropdown,
 } from "antd";
+import type { MenuProps } from "antd";
 import type { ColumnsType } from "antd/es/table";
 // import styles from "./index.module.less";
-import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons";
+import {
+  PlusOutlined,
+  DownOutlined,
+  ExclamationCircleFilled,
+} from "@ant-design/icons";
 import { user } from "../../api/index";
 import { dateFormat } from "../../utils/index";
 import { Link, Navigate } from "react-router-dom";
@@ -97,47 +103,73 @@ const MemberPage = () => {
       key: "action",
       fixed: "right",
       width: 160,
-      render: (_, record: any) => (
-        <Space size="small">
-          <Link
-            style={{ textDecoration: "none" }}
-            to={`/member/learn?id=${record.id}`}
-          >
-            <PerButton
-              type="link"
-              text="学习"
-              class="b-link c-red"
-              icon={null}
-              p="user-learn"
-              onClick={() => null}
-              disabled={null}
-            />
-          </Link>
-          <div className="form-column"></div>
-          <PerButton
-            type="link"
-            text="编辑"
-            class="b-link c-red"
-            icon={null}
-            p="user-update"
-            onClick={() => {
-              setMid(Number(record.id));
-              setUpdateVisible(true);
-            }}
-            disabled={null}
-          />
-          <div className="form-column"></div>
-          <PerButton
-            type="link"
-            text="删除"
-            class="b-link c-red"
-            icon={null}
-            p="user-destroy"
-            onClick={() => delUser(record.id)}
-            disabled={null}
-          />
-        </Space>
-      ),
+      render: (_, record: any) => {
+        const items: MenuProps["items"] = [
+          {
+            key: "1",
+            label: (
+              <PerButton
+                type="link"
+                text="编辑"
+                class="b-link c-red"
+                icon={null}
+                p="user-update"
+                onClick={() => {
+                  setMid(Number(record.id));
+                  setUpdateVisible(true);
+                }}
+                disabled={null}
+              />
+            ),
+          },
+          {
+            key: "2",
+            label: (
+              <PerButton
+                type="link"
+                text="删除"
+                class="b-link c-red"
+                icon={null}
+                p="user-destroy"
+                onClick={() => delUser(record.id)}
+                disabled={null}
+              />
+            ),
+          },
+        ];
+
+        return (
+          <Space size="small">
+            <Link
+              style={{ textDecoration: "none" }}
+              to={`/member/learn?id=${record.id}`}
+            >
+              <PerButton
+                type="link"
+                text="学习"
+                class="b-link c-red"
+                icon={null}
+                p="user-learn"
+                onClick={() => null}
+                disabled={null}
+              />
+            </Link>
+            <div className="form-column"></div>
+            <Dropdown menu={{ items }}>
+              <Button
+                type="link"
+                className="b-link c-red"
+                onClick={(e) => e.preventDefault()}
+              >
+                <Space size="small" align="center">
+                  更多
+                  <DownOutlined />
+                </Space>
+              </Button>
+            </Dropdown>
+          </Space>
+        );
+      },
     },
   ];