yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-06-16 12:38:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

线上课列表操作按钮下拉

Browse Source
This commit is contained in:
禺狨 2023-03-22 10:37:14 +08:00
parent fa93168a44
commit 237648e95c
1 changed files with 90 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
src/pages/course/index.tsx
View File

@ -9,10 +9,16 @@ import {
message, message,
Space, Space,
Tabs, Tabs,
Dropdown,
} from "antd"; } from "antd";
import { course } from "../../api"; import { course } from "../../api";
import styles from "./index.module.less"; 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 type { ColumnsType } from "antd/es/table";
import { dateFormat } from "../../utils/index"; import { dateFormat } from "../../utils/index";
import { Link, useNavigate } from "react-router-dom"; import { Link, useNavigate } from "react-router-dom";
@ -164,59 +170,89 @@ export const CoursePage = () => {
title: "操作", title: "操作",
key: "action", key: "action",
fixed: "right", fixed: "right",
width: 210, width: 160,
render: (_, record: any) => ( render: (_, record: any) => {
<Space size="small"> const items: MenuProps["items"] = [
<PerButton {
type="link" key: "1",
text="学员" label: (
class="b-link c-red" <PerButton
icon={null} type="link"
p="course" text="课时"
onClick={() => { class="b-link c-red"
setCid(Number(record.id)); icon={null}
console.log("学员" + record.id); p="course"
}} onClick={() => {
disabled={null} setCid(Number(record.id));
/> setHourUpdateVisible(true);
<div className="form-column"></div> }}
<PerButton disabled={null}
type="link" />
text="课时" ),
class="b-link c-red" },
icon={null} {
p="course" key: "2",
onClick={() => { label: (
setCid(Number(record.id)); <PerButton
setHourUpdateVisible(true); type="link"
}} text="编辑"
disabled={null} class="b-link c-red"
/> icon={null}
<div className="form-column"></div> p="course"
<PerButton onClick={() => {
type="link" setCid(Number(record.id));
text="编辑" setUpdateVisible(true);
class="b-link c-red" }}
icon={null} disabled={null}
p="course" />
onClick={() => { ),
setCid(Number(record.id)); },
setUpdateVisible(true); {
}} key: "3",
disabled={null} label: (
/> <PerButton
<div className="form-column"></div> type="link"
<PerButton text="删除"
type="link" class="b-link c-red"
text="删除" icon={null}
class="b-link c-red" p="course"
icon={null} onClick={() => delItem(record.id)}
p="course" disabled={null}
onClick={() => delItem(record.id)} />
disabled={null} ),
/> },
</Space> ];
),
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>
);
},
}, },
]; ];