From 237648e95c9b0fa34fb746c0a60c9655f73258e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Wed, 22 Mar 2023 10:37:14 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BA=BF=E4=B8=8A=E8=AF=BE=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=8C=89=E9=92=AE=E4=B8=8B=E6=8B=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/course/index.tsx | 144 +++++++++++++++++++++++--------------
 1 file changed, 90 insertions(+), 54 deletions(-)

diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx
index c47dcd5..7380fc8 100644
--- a/src/pages/course/index.tsx
+++ b/src/pages/course/index.tsx
@@ -9,10 +9,16 @@ import {
   message,
   Space,
   Tabs,
+  Dropdown,
 } from "antd";
 import { course } from "../../api";
 import styles from "./index.module.less";
-import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons";
+import {
+  PlusOutlined,
+  DownOutlined,
+  ExclamationCircleFilled,
+} from "@ant-design/icons";
+import type { MenuProps } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { dateFormat } from "../../utils/index";
 import { Link, useNavigate } from "react-router-dom";
@@ -164,59 +170,89 @@ export const CoursePage = () => {
       title: "操作",
       key: "action",
       fixed: "right",
-      width: 210,
-      render: (_, record: any) => (
-        <Space size="small">
-          <PerButton
-            type="link"
-            text="学员"
-            class="b-link c-red"
-            icon={null}
-            p="course"
-            onClick={() => {
-              setCid(Number(record.id));
-              console.log("学员" + record.id);
-            }}
-            disabled={null}
-          />
-          <div className="form-column"></div>
-          <PerButton
-            type="link"
-            text="课时"
-            class="b-link c-red"
-            icon={null}
-            p="course"
-            onClick={() => {
-              setCid(Number(record.id));
-              setHourUpdateVisible(true);
-            }}
-            disabled={null}
-          />
-          <div className="form-column"></div>
-          <PerButton
-            type="link"
-            text="编辑"
-            class="b-link c-red"
-            icon={null}
-            p="course"
-            onClick={() => {
-              setCid(Number(record.id));
-              setUpdateVisible(true);
-            }}
-            disabled={null}
-          />
-          <div className="form-column"></div>
-          <PerButton
-            type="link"
-            text="删除"
-            class="b-link c-red"
-            icon={null}
-            p="course"
-            onClick={() => delItem(record.id)}
-            disabled={null}
-          />
-        </Space>
-      ),
+      width: 160,
+      render: (_, record: any) => {
+        const items: MenuProps["items"] = [
+          {
+            key: "1",
+            label: (
+              <PerButton
+                type="link"
+                text="课时"
+                class="b-link c-red"
+                icon={null}
+                p="course"
+                onClick={() => {
+                  setCid(Number(record.id));
+                  setHourUpdateVisible(true);
+                }}
+                disabled={null}
+              />
+            ),
+          },
+          {
+            key: "2",
+            label: (
+              <PerButton
+                type="link"
+                text="编辑"
+                class="b-link c-red"
+                icon={null}
+                p="course"
+                onClick={() => {
+                  setCid(Number(record.id));
+                  setUpdateVisible(true);
+                }}
+                disabled={null}
+              />
+            ),
+          },
+          {
+            key: "3",
+            label: (
+              <PerButton
+                type="link"
+                text="删除"
+                class="b-link c-red"
+                icon={null}
+                p="course"
+                onClick={() => delItem(record.id)}
+                disabled={null}
+              />
+            ),
+          },
+        ];
+
+        return (
+          <Space size="small">
+            <PerButton
+              type="link"
+              text="学员"
+              class="b-link c-red"
+              icon={null}
+              p="course"
+              onClick={() => {
+                setCid(Number(record.id));
+                console.log("学员" + record.id);
+              }}
+              disabled={null}
+            />
+            <div className="form-column"></div>
+            <Dropdown menu={{ items }}>
+              <Button
+                type="link"
+                className="b-link c-red"
+                onClick={(e) => e.preventDefault()}
+              >
+                <Space>
+                  更多
+                  <DownOutlined />
+                </Space>
+              </Button>
+            </Dropdown>
+          </Space>
+        );
+      },
     },
   ];