PANDA-JSR/SecScore
1
0
Fork 0
mirror of https://github.com/SECTL/SecScore.git synced 2026-07-19 19:04:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 优化学生管理操作列避免横向溢出

Browse Source
This commit is contained in:
JSR
2026-03-25 19:58:03 +08:00
parent f88731ff27
commit 76da215d6a
1 changed files with 23 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StudentManager.tsx
+23 -41
View File
@@ -1,7 +1,7 @@
import React, { useEffect, useMemo, useRef, useState, useCallback } from "react" import React, { useEffect, useMemo, useRef, useState, useCallback } from "react"
import { Table, Button, Space, message, Modal, Form, Input, Tag, Pagination } from "antd" import { Table, Button, Space, message, Modal, Form, Input, Tag, Pagination, Dropdown } from "antd"
import type { ColumnsType } from "antd/es/table" import type { ColumnsType } from "antd/es/table"
import { UploadOutlined } from "@ant-design/icons" import { UploadOutlined, MoreOutlined } from "@ant-design/icons"
import { useTranslation } from "react-i18next" import { useTranslation } from "react-i18next"
import { TagEditorDialog } from "./TagEditorDialog" import { TagEditorDialog } from "./TagEditorDialog"
import { getAvatarFromExtraJson, setAvatarInExtraJson } from "../utils/studentAvatar" import { getAvatarFromExtraJson, setAvatarInExtraJson } from "../utils/studentAvatar"
@@ -631,48 +631,30 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
{ {
title: t("common.operation"), title: t("common.operation"),
key: "operation", key: "operation",
width: isMobile ? 150 : 220, width: isMobile ? 96 : 110,
fixed: isMobile ? "right" : undefined, fixed: isMobile ? "right" : undefined,
render: (_, row) => ( render: (_, row) => (
<Space size={isMobile ? 4 : 8} direction={isMobile ? "vertical" : "horizontal"}> <Dropdown
<Button trigger={["click"]}
type="link" menu={{
size={isMobile ? "small" : "middle"} items: [
disabled={!canEdit} { key: "editTags", label: t("students.editTags") },
onClick={() => handleOpenTagEditor(row)} { key: "editGroup", label: t("students.editGroup") },
style={{ padding: isMobile ? "2px 4px" : undefined }} { key: "editAvatar", label: t("students.editAvatar") },
> { key: "delete", danger: true, label: t("common.delete") },
{t("students.editTags")} ],
onClick: ({ key }) => {
if (key === "editTags") handleOpenTagEditor(row)
else if (key === "editGroup") handleOpenGroupEditor(row)
else if (key === "editAvatar") handleOpenAvatarEditor(row)
else if (key === "delete") handleDelete(row.id)
},
}}
>
<Button size={isMobile ? "small" : "middle"} disabled={!canEdit} icon={<MoreOutlined />}>
{t("common.operation")}
</Button> </Button>
<Button </Dropdown>
type="link"
size={isMobile ? "small" : "middle"}
disabled={!canEdit}
onClick={() => handleOpenGroupEditor(row)}
style={{ padding: isMobile ? "2px 4px" : undefined }}
>
{t("students.editGroup")}
</Button>
<Button
type="link"
size={isMobile ? "small" : "middle"}
disabled={!canEdit}
onClick={() => handleOpenAvatarEditor(row)}
style={{ padding: isMobile ? "2px 4px" : undefined }}
>
{t("students.editAvatar")}
</Button>
<Button
type="link"
danger
size={isMobile ? "small" : "middle"}
disabled={!canEdit}
onClick={() => handleDelete(row.id)}
style={{ padding: isMobile ? "2px 4px" : undefined }}
>
{t("common.delete")}
</Button>
</Space>
), ),
}, },
] ]