mirror of
https://github.com/PlayEdu/backend
synced 2025-07-19 19:19:43 +08:00
分类、部门管理拖拽图标悬浮提示
This commit is contained in:
parent
39c1ab2ee2
commit
8affe400fc
@ -428,6 +428,12 @@ textarea.ant-input {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
.ant-tree-treenode {
|
||||
position: relative;
|
||||
.ant-tree-draggable-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-column {
|
||||
width: 1px;
|
||||
|
@ -1,5 +1,5 @@
|
||||
import React, { useState, useEffect } from "react";
|
||||
import { Button, Tree, Modal, message } from "antd";
|
||||
import { Button, Tree, Modal, message, Tooltip } from "antd";
|
||||
import styles from "./index.module.less";
|
||||
import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons";
|
||||
import { department } from "../../api/index";
|
||||
@ -72,6 +72,12 @@ export const DepartmentPage: React.FC = () => {
|
||||
title: (
|
||||
<div className="d-flex">
|
||||
<div className="w-250px mr-24">{departments[id][i].name}</div>
|
||||
<Tooltip placement="top" title="可拖拽和点击">
|
||||
<i
|
||||
className="iconfont icon-icon-drag mr-16"
|
||||
style={{ fontSize: 24 }}
|
||||
/>
|
||||
</Tooltip>
|
||||
{through("department-cud") && (
|
||||
<>
|
||||
<i
|
||||
@ -99,6 +105,12 @@ export const DepartmentPage: React.FC = () => {
|
||||
title: (
|
||||
<div className="d-flex">
|
||||
<div className="w-250px mr-24">{departments[id][i].name}</div>
|
||||
<Tooltip placement="top" title="可拖拽和点击">
|
||||
<i
|
||||
className="iconfont icon-icon-drag mr-16"
|
||||
style={{ fontSize: 24 }}
|
||||
/>
|
||||
</Tooltip>
|
||||
{through("department-cud") && (
|
||||
<>
|
||||
<i
|
||||
|
@ -1,5 +1,5 @@
|
||||
import React, { useState, useEffect } from "react";
|
||||
import { Button, Tree, Modal, message } from "antd";
|
||||
import { Button, Tree, Modal, message, Tooltip } from "antd";
|
||||
import styles from "./index.module.less";
|
||||
import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons";
|
||||
import { resourceCategory } from "../../../api/index";
|
||||
@ -69,6 +69,12 @@ export const ResourceCategoryPage: React.FC = () => {
|
||||
title: (
|
||||
<div className="d-flex">
|
||||
<div className="w-250px mr-24">{categories[id][i].name}</div>
|
||||
<Tooltip placement="top" title="可拖拽和点击">
|
||||
<i
|
||||
className="iconfont icon-icon-drag mr-16"
|
||||
style={{ fontSize: 24 }}
|
||||
/>
|
||||
</Tooltip>
|
||||
{through("resource-category") && (
|
||||
<i
|
||||
className="iconfont icon-icon-edit mr-16"
|
||||
@ -96,6 +102,12 @@ export const ResourceCategoryPage: React.FC = () => {
|
||||
title: (
|
||||
<div className="d-flex">
|
||||
<div className="w-250px mr-24">{categories[id][i].name}</div>
|
||||
<Tooltip placement="top" title="可拖拽和点击">
|
||||
<i
|
||||
className="iconfont icon-icon-drag mr-16"
|
||||
style={{ fontSize: 24 }}
|
||||
/>
|
||||
</Tooltip>
|
||||
{through("resource-category") && (
|
||||
<i
|
||||
className="iconfont icon-icon-edit mr-16"
|
||||
|
Loading…
x
Reference in New Issue
Block a user