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) => ( - - - null} - disabled={null} - /> - -
- { - setMid(Number(record.id)); - setUpdateVisible(true); - }} - disabled={null} - /> -
- delUser(record.id)} - disabled={null} - /> -
- ), + render: (_, record: any) => { + const items: MenuProps["items"] = [ + { + key: "1", + label: ( + { + setMid(Number(record.id)); + setUpdateVisible(true); + }} + disabled={null} + /> + ), + }, + { + key: "2", + label: ( + delUser(record.id)} + disabled={null} + /> + ), + }, + ]; + + return ( + + + null} + disabled={null} + /> + +
+ + + +
+ ); + }, }, ];