分类、部门管理拖拽图标悬浮提示

This commit is contained in:
禺狨 2023-03-15 10:18:19 +08:00
parent 39c1ab2ee2
commit 8affe400fc
3 changed files with 32 additions and 2 deletions

View File

@ -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;

View File

@ -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

View File

@ -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"