yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-12-29 07:51:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

部门、分类管理页面图标替换

Browse Source
This commit is contained in:
禺狨
2023-03-14 15:17:28 +08:00
parent 1972380fd7
commit 63a8992312
9 changed files with 135 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/pages/resource/resource-category/index.tsx
View File

@@ -1,13 +1,13 @@
import React, { useState, useEffect } from "react";
import { Button, Space, Tree, Modal, message } from "antd";
import { Button, Tree, Modal, message } from "antd";
import styles from "./index.module.less";
import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons";
import { resourceCategory } from "../../../api/index";
import { useNavigate } from "react-router-dom";
import { PerButton } from "../../../compenents";
import type { DataNode, TreeProps } from "antd/es/tree";
import { ResourceCategoryCreate } from "./compenents/create";
import { ResourceCategoryUpdate } from "./compenents/update";
import { useSelector } from "../../../store/hooks";
const { confirm } = Modal;
@@ -25,7 +25,7 @@ interface DataType {
}
export const ResourceCategoryPage: React.FC = () => {
const navigate = useNavigate();
const permisssions = useSelector((state: any) => state.permisssions);
const [loading, setLoading] = useState<boolean>(true);
const [refresh, setRefresh] = useState(false);
const [treeData, setTreeData] = useState<any>([]);
@@ -42,6 +42,13 @@ export const ResourceCategoryPage: React.FC = () => {
setSelectKey(selectedKeys);
};
const through = (p: string) => {
if (!permisssions) {
return false;
}
return typeof permisssions[p] !== "undefined";
};
const getData = () => {
setLoading(true);
resourceCategory.resourceCategoryList().then((res: any) => {
@@ -62,30 +69,27 @@ export const ResourceCategoryPage: React.FC = () => {
title: (
<div className="d-flex">
<div className="w-250px mr-24">{categories[id][i].name}</div>
<Space size="small">
<PerButton
type="link"
text="编辑"
class="b-link c-red"
icon={null}
p="resource-category"
onClick={() => {
setCid(categories[id][i].id);
setUpdateVisible(true);
}}
disabled={null}
/>
<div className="form-column"></div>
<PerButton
type="link"
text="删除"
class="b-link c-red"
icon={null}
p="resource-category"
onClick={() => delUser(categories[id][i].id)}
disabled={null}
/>
</Space>
<i
className="iconfont icon-icon-drag mr-16"
style={{ fontSize: 24 }}
/>
{through("resource-category") && (
<>
<i
className="iconfont icon-icon-edit mr-16"
style={{ fontSize: 24 }}
onClick={() => {
setCid(categories[id][i].id);
setUpdateVisible(true);
}}
/>
<i
className="iconfont icon-icon-delete"
style={{ fontSize: 24 }}
onClick={() => delUser(categories[id][i].id)}
/>
</>
)}
</div>
),
key: categories[id][i].id,
@@ -96,30 +100,27 @@ export const ResourceCategoryPage: React.FC = () => {
title: (
<div className="d-flex">
<div className="w-250px mr-24">{categories[id][i].name}</div>
<Space size="small">
<PerButton
type="link"
text="编辑"
class="b-link c-red"
icon={null}
p="resource-category"
onClick={() => {
setCid(categories[id][i].id);
setUpdateVisible(true);
}}
disabled={null}
/>
<div className="form-column"></div>
<PerButton
type="link"
text="删除"
class="b-link c-red"
icon={null}
p="resource-category"
onClick={() => delUser(categories[id][i].id)}
disabled={null}
/>
</Space>
<i
className="iconfont icon-icon-drag mr-16"
style={{ fontSize: 24 }}
/>
{through("resource-category") && (
<>
<i
className="iconfont icon-icon-edit mr-16"
style={{ fontSize: 24 }}
onClick={() => {
setCid(categories[id][i].id);
setUpdateVisible(true);
}}
/>
<i
className="iconfont icon-icon-delete"
style={{ fontSize: 24 }}
onClick={() => delUser(categories[id][i].id)}
/>
</>
)}
</div>
),
key: categories[id][i].id,