Skip to content

S
sass-admin
Commit d29fc66b by Lichen
Options

添加角色权限管控

parent 883f1a63
Showing with 656 additions and 111 deletions
src/common/permissions/AuthContext.jsx 0 → 100644
/**
* @file @/common/permissions/AuthContext.jsx
* @description 权限上下文
* @param {Object} props - 组件属性
* @param {React.ReactNode} props.children - 子组件
* @returns {React.ReactNode} - 包含权限信息的上下文提供者
* @author Lichen
* @date 2025/09/28
* @example
* import { AuthProvider } from '@/common/permissions/AuthContext';
* <AuthProvider>
* <App />
* </AuthProvider>
*/
import React, { createContext, useState, useEffect } from "react";
export const AuthContext = createContext();
export const AuthProvider = ({ children }) => {
const [userPermissions, setUserPermissions] = useState([]);
useEffect(() => {
const perms = JSON.parse(localStorage.getItem("userPermissions") || "[]");
setUserPermissions(perms);
}, []);
return (
<AuthContext.Provider value={{ userPermissions }}>
{children}
</AuthContext.Provider>
);
};
src/common/permissions/Permission.jsx 0 → 100644
/**
* @file @/common/permissions/Permission.jsx
* @description 控制组件渲染权限
* @param {Object} props - 组件属性
* @param {React.ReactNode} props.children - 需要权限控制的子组件
* @param {string|string[]} props.permission - 所需权限字符串或数组
* @param {'or' | 'and'} [props.mode='or'] - 权限匹配模式，'or' 表示满足任一权限即可，'and' 表示需满足所有权限
* @param {React.ReactNode} [props.fallback=null] - 无权限时显示的替代组件，默认为 null（不显示）
* @returns {React.ReactNode} - 根据权限渲染子组件或替代组件
* @author Lichen
* @date 2025/09/28
* @example
* import Permission from '@/common/permissions/Permission';
* <Permission permission="edu_site_admin">
* <button>用户管理</button>
* </Permission>
*
* <Permission permission={['edu_site_admin']} mode="and" fallback={<span>无权限</span>}>
* <button>删除用户</button>
* </Permission> // mode="and" 表示权限全部满足时才显示组件，否则显示 fallback
*
* <Permission permission={['edu_site_admin']} mode="or">
* <button>修改用户</button>
* </Permission> // mode="or" 表示权限满足其一时显示组件，否则显示 fallback
*/
import usePermission from "./usePermission";
const Permission = ({ children, permission, mode = "or", fallback = null }) => {
const hasPermission = usePermission();
return hasPermission(permission, mode) ? children : fallback;
};
export default Permission;
src/common/permissions/usePermission.js 0 → 100644
/**
* @file @/common/permissions/usePermission.js
* @description 权限检查 Hook
* @param {string|string[]} permission - 权限字符串或数组
* @param {'or' | 'and'} [mode='or'] - 权限匹配模式，'or' 表示满足任一权限即可，'and' 表示需满足所有权限
* @returns {Function} - 检查权限的函数
* @author Lichen
* @date 2025/09/28
* @example
* import usePermission from '@/common/permissions/usePermission';
* const hasPermission = usePermission();
* hasPermission('edu_general_user:one'); // true 或 false
* hasPermission(['edu_general_user:one', 'edu_site_admin'], 'and'); // true 或 false
* hasPermission(['edu_general_user:one', 'edu_site_admin'], 'or'); // true 或 false
*/
import { useContext } from "react";
import { AuthContext } from "./AuthContext";
const usePermission = () => {
const { userPermissions } = useContext(AuthContext);
/**
* 检查权限
* @param {string|string[]} permission - 权限字符串或数组
* @param {'or' | 'and'} mode - 匹配模式，默认 'or'
* @returns {boolean}
*/
const hasPermission = (permission, mode = "or") => {
if (!userPermissions || !Array.isArray(userPermissions)) return false;
if (typeof permission === "string") {
return userPermissions.includes(permission);
}
if (Array.isArray(permission)) {
if (mode === "and") {
return permission.every(p => userPermissions.includes(p));
} else {
return permission.some(p => userPermissions.includes(p));
}
}
return false;
};
return hasPermission;
};
export default usePermission;
src/main.jsx
......@@ -6,4 +6,11 @@
import React from "react";
import ReactDOM from "react-dom";
import App from "./app.js";
ReactDOM.render(<App />, document.getElementById("root"));
// 引入权限上下文
import { AuthProvider } from "@/common/permissions/AuthContext";
ReactDOM.render(
<AuthProvider>
<App />
</AuthProvider>,
document.getElementById("root")
);
src/pages/Login/redux/actions.js
......@@ -51,6 +51,12 @@ export function exfetchR(data, cb, check) {
data,
}).then(res => {
if (res.success) {
let userPermissions = "";
const authRole = res?.data?.authRole || [];
if (authRole.length > 0) {
userPermissions = JSON.stringify(authRole.map(role => role.code));
}
window.localStorage.setItem("userPermissions", userPermissions);
//只有社群的话直接滚走去社群
if (res.data.isOnlyCommunity) {
sessionStorage.setItem("mgtk", res.data.Authorization);
......
src/pages/Operating/MenuManager/Breadcrumb/index.jsx
import React, { Component } from "react";
import styles from "./Bread.less";
import { connect } from "react-redux";
import Permission from "@/common/permissions/Permission";
import {
Divider,
Popover,
......@@ -24,10 +25,7 @@ class Breadcrumb extends Component {
const { collapsed, title } = this.props;
return (
<div
className={collapsed ? styles.collapsed : styles.bread}
>
<div className={collapsed ? styles.collapsed : styles.bread}>
<span
style={{
fontSize: "20px",
......@@ -36,15 +34,31 @@ class Breadcrumb extends Component {
lineHeight: "60px",
marginLeft: "32px",
backgroundColor: "#FFF",
marginRight: '20px',
marginRight: "20px",
}}
>
菜单管理
</span>
<Button type="primary" style={{ right: '30px', top: '15px', position: 'absolute' }} onClick={() => { this.props.showModal('',"add") }}>新建一级菜单</Button>
</div >
)
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Button
type="primary"
style={{ right: "30px", top: "15px", position: "absolute" }}
onClick={() => {
this.props.showModal("", "add");
}}
>
新建一级菜单
</Button>
</Permission>
</div>
);
}
}
......
src/pages/Operating/MenuManager/index.jsx
......@@ -26,6 +26,7 @@ import {
postUpDown,
getSortListUpDown,
} from "./redux/actions";
import Permission from "@/common/permissions/Permission";
const FormItem = Form.Item;
const RadioGroup = Radio.Group;
......@@ -106,11 +107,22 @@ class MenuManager extends React.Component {
key: "action",
render: (text, record, index) => (
<span>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
<Popconfirm
title="确定执行此操作？"
onConfirm={() => this.onDelete(record)}
>
<a className={styles.handle_button}>{record.enabled == 1 ? '禁用' : "启用"}</a>
<a className={styles.handle_button}>
{record.enabled == 1 ? "禁用" : "启用"}
</a>
</Popconfirm>
<a
......@@ -126,12 +138,16 @@ class MenuManager extends React.Component {
下移
</a>
<Dropdown overlay={() => {
return (<Menu >
<Dropdown
overlay={() => {
return (
<Menu>
<Menu.Item key="0">
<a onClick={() => this.showModal(record, 'edit')} >修改</a>
<a onClick={() => this.showModal(record, "edit")}>
修改
</a>
</Menu.Item>
{!record.childrenMenus &&
{!record.childrenMenus && (
<Menu.Item key="3">
<Popconfirm
title="是否删除？"
......@@ -140,19 +156,28 @@ class MenuManager extends React.Component {
<a className={styles.handle_button}>删除</a>
</Popconfirm>
</Menu.Item>
}
{record.menuType == 0 &&
)}
{record.menuType == 0 && (
<Menu.Item key="1">
<a onClick={() => this.showModal(record, 'child')} >添加子菜单</a>
<a onClick={() => this.showModal(record, "child")}>
添加子菜单
</a>
</Menu.Item>
}
</Menu>)
}
} trigger={['click']}>
<a className={styles.handle_button} onClick={e => e.preventDefault()}>
更多<Icon type="down" />
)}
</Menu>
);
}}
trigger={["click"]}
>
<a
className={styles.handle_button}
onClick={e => e.preventDefault()}
>
更多
<Icon type="down" />
</a>
</Dropdown>
</Permission>
</span>
),
},
......
src/pages/SystemManagement/Article/index.jsx
......@@ -20,6 +20,7 @@ import {
import { getIficationList } from "../Information/redux/action";
import moment from "moment";
import Styles from "./style.less";
import Permission from "@/common/permissions/Permission";
class Atricle extends React.Component {
constructor(props) {
......@@ -470,6 +471,15 @@ class Atricle extends React.Component {
render: (text, record) => {
return (
<div>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
{record.state == "2" && (
<div style={{ display: "inline" }}>
<a
......@@ -555,6 +565,7 @@ class Atricle extends React.Component {
</Popconfirm>
</div>
)}
</Permission>
</div>
);
},
......
src/pages/SystemManagement/Banner/index.jsx
......@@ -18,6 +18,7 @@ import {
} from "./redux/actions";
import EditBanner from "./editBanner";
import Breadcrumb from "@/common/Breadcrumb";
import Permission from '@/common/permissions/Permission';
const Option = Select.Option;
const textOver = {
......@@ -131,7 +132,22 @@ class Banner extends React.PureComponent {
render: (text, record) => {
return (
<div>
{" "}
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={
<span
onClick={() => this.toEditBanner(record, "look")}
style={{ ...buttonStyle }}
>
查看
</span>
}
>
{/* record.state == "1" 为上架状态 */}
<span
onClick={() =>
......@@ -160,6 +176,7 @@ class Banner extends React.PureComponent {
) : (
""
)}
</Permission>
</div>
);
},
......@@ -364,6 +381,7 @@ class Banner extends React.PureComponent {
</Col>
<Col span={8} offset={16}>
<FormItem>
<Permission permission={['edu_party_member:two', 'edu_party_member:three', 'edu_site_admin']} mode="or">
<Button
type="primary"
onClick={() => this.toEditBanner({}, "add")}
......@@ -371,6 +389,7 @@ class Banner extends React.PureComponent {
>
新建Banner
</Button>
</Permission>
<Button
type="primary"
onClick={() => {
......
src/pages/SystemManagement/Information/head.jsx
import React from "react";
import { Row, Col, Form, Icon, Input, Button, DatePicker, Select } from "antd";
import Permission from "@/common/permissions/Permission";
const FormItem = Form.Item;
const Option = Select.Option;
const RangePicker = DatePicker.RangePicker;
......@@ -100,6 +101,16 @@ class Header extends React.Component {
>
重置
</Button>
<Permission
permission={[
"edu_general_user:one",
"edu_party_member:one",
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Button
type="primary"
style={{ marginLeft: "30px" }}
......@@ -107,6 +118,7 @@ class Header extends React.Component {
>
新建内容
</Button>
</Permission>
</FormItem>
</Col>
</Form>
......
src/pages/SystemManagement/Information/index.jsx
......@@ -52,6 +52,7 @@ import {
import moment from "moment";
import Styles from "./index.less";
import InfoComment from "./InfoComment.jsx";
import Permission from "@/common/permissions/Permission";
const TreeNode = Tree.TreeNode;
const FormItem = Form.Item;
const Option = Select.Option;
......@@ -276,6 +277,14 @@ class TreeItem extends React.Component {
<span
style={{ float: "right", position: "absolute", right: "15%" }} //bug-12640-liyuan 30 -> 15%
>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Icon
type="plus"
className={Styles.pmEditIcon}
......@@ -291,6 +300,7 @@ class TreeItem extends React.Component {
className={Styles.pmEditIcon}
onClick={() => this.onDelete()}
/> */}
</Permission>
</span>
)
: ""}
......@@ -299,6 +309,14 @@ class TreeItem extends React.Component {
<span
style={{ float: "right", position: "absolute", right: "15%" }} //bug-12640-liyuan 30 -> 15%
>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Icon
type="plus"
className={Styles.pmEditIcon}
......@@ -314,6 +332,7 @@ class TreeItem extends React.Component {
className={Styles.pmEditIcon}
onClick={() => this.onDelete()}
/>
</Permission>
</span>
)
: ""}
......@@ -1067,6 +1086,17 @@ class Information extends React.Component {
render: (text, record) => {
return (
<div>
<Permission
permission={[
"edu_general_user:one",
"edu_party_member:one",
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
fallback={<span>-</span>}
mode="or"
>
<a
className={Styles.marr10}
onClick={() => this.cancelRoof(record.id)}
......@@ -1115,15 +1145,13 @@ class Information extends React.Component {
onConfirm={() => this.delete(record.id)}
>
{/*4月10号临时发布 后台没有发布生产接口 前端只能隐藏*/}
<a
className={Styles.marr10}
href="#"
>
<a className={Styles.marr10} href="#">
删除
</a>
</Popconfirm>
</div>
)}
</Permission>
</div>
);
},
......@@ -1171,9 +1199,18 @@ class Information extends React.Component {
borderRadius: 5,
}}
>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Button type="primary" onClick={() => this.showEidt()}>
新增一级分类
</Button>
</Permission>
<Tree
className="draggable-tree"
draggable
......
src/pages/SystemManagement/Mailbox/index.jsx
......@@ -13,6 +13,7 @@ import func from "@/common/commonFunc";
import Breadcrumb from "@/common/Breadcrumb";
import AddEditForm from "./addEditForm";
import { connect } from "react-redux";
import Permission from "@/common/permissions/Permission";
import {
// postReleases,
// postUnReleases,
......@@ -428,12 +429,21 @@ class Mailbox extends React.Component {
查看
</a>
</div>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Popconfirm
title="是否删除?"
onConfirm={() => this.onDelete(record.id)}
>
<a className={Styles.marr10}>删除</a>
</Popconfirm>
</Permission>
</div>
);
},
......
src/pages/SystemManagement/Message/addEditForm.jsx
......@@ -10,6 +10,7 @@ import { connect } from "react-redux";
import { gupList, gupfetch } from "@/common/UpLoad/redux/actions";
import moment from "moment";
import validator from "@/common/validatorForm/index";
import Permission from "@/common/permissions/Permission";
const FormItem = Form.Item;
class addEdit extends React.Component {
......@@ -151,11 +152,24 @@ class addEdit extends React.Component {
onCancel={onCancel}
footer={
<>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
{state === 1 && (
<Button key="1" type="primary" onClick={() => onApprove(id, 2)}>
<Button
key="1"
type="primary"
onClick={() => onApprove(id, 2)}
>
接收
</Button>
)}
</Permission>
<Button key="3" type="primary" onClick={onCancel}>
返回
</Button>
......@@ -167,10 +181,7 @@ class addEdit extends React.Component {
{getFieldDecorator("name", {
initialValue: seeEdit && seeEdit.name,
})(
<Input
disabled={type !== "edit"}
style={{ width: "300px" }}
/>
<Input disabled={type !== "edit"} style={{ width: "300px" }} />
)}
</FormItem>
<FormItem {...formItemLayout} label="留言图片">
......@@ -181,7 +192,11 @@ class addEdit extends React.Component {
key={index}
src={item}
alt=""
style={{ width: "200px", height: "240px", cursor: 'pointer' }}
style={{
width: "200px",
height: "240px",
cursor: "pointer",
}}
onClick={() => this.handlePreview(item)}
/>
))}
......@@ -204,7 +219,7 @@ class addEdit extends React.Component {
footer={null}
onCancel={this.handleCancel}
>
<img alt="preview" style={{ width: '100%' }} src={previewImage} />
<img alt="preview" style={{ width: "100%" }} src={previewImage} />
</Modal>
</>
);
......
src/pages/SystemManagement/Message/index.jsx
......@@ -18,6 +18,7 @@ import {
getList,
} from "./redux/action";
import moment from "moment";
import Permission from "@/common/permissions/Permission";
import Styles from "./style.less";
const TreeNode = Tree.TreeNode;
const FormItem = Form.Item;
......@@ -438,6 +439,14 @@ class Message extends React.Component {
查看
</a>
</div>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<div style={{ display: "inline" }}>
<Popconfirm
title="是否删除?"
......@@ -446,6 +455,7 @@ class Message extends React.Component {
<a className={Styles.marr10}>删除</a>
</Popconfirm>
</div>
</Permission>
</div>
);
},
......
src/pages/SystemManagement/MessageManagement/index.js
......@@ -26,6 +26,7 @@ import {
} from "./redux/actions";
import moment from "moment";
import HandleMessageCheck from "./handleMessageCheck";
import Permission from "@/common/permissions/Permission";
import Style from "./index.less";
const TabPane = Tabs.TabPane;
// require('./index.scss');
......@@ -475,6 +476,14 @@ class News extends React.Component {
{
<div>
<a onClick={() => this.customSee(record)}>查看</a>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Divider type="vertical" />
<a
disabled={record.status == 1 ? false : true}
......@@ -508,8 +517,11 @@ class News extends React.Component {
title="取消发送?"
onConfirm={() => this.onSend(record, false, 1)}
>
<a disabled={record.status == 2 ? false : true}>取消发送</a>
<a disabled={record.status == 2 ? false : true}>
取消发送
</a>
</Popconfirm>
</Permission>
</div>
}
</div>
......@@ -549,6 +561,14 @@ class News extends React.Component {
return (
<div>
<a onClick={() => this.systemModify(record, "look")}>查看</a>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Divider type="vertical" />
<a
disabled={record.status == "7" ? true : false}
......@@ -572,6 +592,7 @@ class News extends React.Component {
>
下架
</a>
</Permission>
</div>
);
},
......@@ -615,6 +636,14 @@ class News extends React.Component {
<a onClick={() => this.messageCheckModify(record, "look")}>
查看
</a>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Divider type="vertical" />
<a
disabled={record.status == "7" ? true : false}
......@@ -636,6 +665,7 @@ class News extends React.Component {
>
上架
</a>
</Permission>
</div>
</div>
);
......@@ -722,6 +752,14 @@ class News extends React.Component {
QueryForm={this.QueryForm}
onClickChange={this.onClickChange}
/>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Button
className={Style.marl40}
type="primary"
......@@ -730,6 +768,7 @@ class News extends React.Component {
>
新增消息
</Button>
</Permission>
{this.state.visible && (
<AddQueryModal
handleSearch={this.handleSearch}
......
src/pages/SystemManagement/Organization/ImportOrganization/ImportOrganization.jsx
......@@ -29,6 +29,7 @@ import UpdateTree from "../UpdateTree/UpdateTree";
import ImportAccount from "../ImportAccount/ImportAccount";
import ImportStopAccountModal from "../ImportStopAccountModal/ImportStopAccountModal";
import Style from "./ImportOrganization.less";
import Permission from "@/common/permissions/Permission";
const { Search } = Input;
const confirm = Modal.confirm;
......@@ -438,9 +439,11 @@ class ImportOrganization extends Component {
style={{ display: !window.orgId ? "none" : "block" }}
onConfirm={this.importerAccount}
>
<a onClick={eve =>{
eve.stopPropagation()
}}>
<a
onClick={eve => {
eve.stopPropagation();
}}
>
导出用户
</a>
</Popconfirm>
......@@ -452,9 +455,11 @@ class ImportOrganization extends Component {
style={{ display: !window.orgId ? "none" : "block" }}
onConfirm={this.importerOrganization}
>
<a onClick={eve =>{
eve.stopPropagation()
}}>
<a
onClick={eve => {
eve.stopPropagation();
}}
>
导出组织架构
</a>
</Popconfirm>
......@@ -463,9 +468,14 @@ class ImportOrganization extends Component {
</a> */}
</Menu.Item>
<Menu.Item>
<Permission
permission={["edu_party_member:three", "edu_site_admin"]}
mode="or"
>
<a onClick={() => this.ImportAccountModal("导入组织并联用户")}>
导入组织并关联用户
</a>
</Permission>
</Menu.Item>
</Menu>
);
......@@ -489,7 +499,13 @@ class ImportOrganization extends Component {
{/*<Button type="primary" style={{marginRight:10,backgroundColor:"#00BCD4",borderColor:"#00BCD4"}}>导出组织架构</Button>*/}
{/*<Button type="primary" style={{marginRight:10,backgroundColor:"#00BCD4",borderColor:"#00BCD4"}}>导出组织用户</Button>*/}
<Search onChange={this.handleGetValue} className={Style.searchInput} placeholder="请输入用户名/姓名/手机号/工号" onSearch={() => this.handleSearch()} style={{ width: "300px" }} />
<Search
onChange={this.handleGetValue}
className={Style.searchInput}
placeholder="请输入用户名/姓名/手机号/工号"
onSearch={() => this.handleSearch()}
style={{ width: "300px" }}
/>
<Dropdown
visible={this.state.higherSearch}
......@@ -497,7 +513,7 @@ class ImportOrganization extends Component {
trigger={["click"]}
onVisibleChange={visible =>
this.setState({
higherSearch: visible
higherSearch: visible,
})
}
overlay={
......@@ -548,14 +564,16 @@ class ImportOrganization extends Component {
/>
</Modal> */}
{
// this.props.isShowBtn ? (
// <>
<div className={Style.tabBarLeft}>
{
this.props.isShowBtn ? (
<Permission
permission={["edu_party_member:three", "edu_site_admin"]}
mode="or"
>
{this.props.isShowBtn ? (
<Link
to={{
pathname: "/" +
pathname:
"/" +
companyCode +
"/" +
siteCode +
......@@ -563,10 +581,9 @@ class ImportOrganization extends Component {
state: {
departmentTree: departmentTree,
companyCode: companyCode,
siteCode: siteCode
}
}
}
siteCode: siteCode,
},
}}
>
<Button
type="primary"
......@@ -576,10 +593,8 @@ class ImportOrganization extends Component {
新增用户
</Button>
</Link>
) : null
}
{
this.state.visible && (
) : null}
{this.state.visible && (
<Modal
title={this.state.title}
visible={this.state.visible}
......@@ -620,8 +635,7 @@ class ImportOrganization extends Component {
{/*导入组织解除用户 6月1 不上*/}
{/*{this.state.ImportStopAccountModal?<ImportStopAccountModal handleCancel={this.handleCancel}/>:null}*/}
</Modal>
)
}
)}
{/*批量操作解绑*/}
<div style={{ display: "inline-block" }}>
<Batch
......@@ -635,24 +649,21 @@ class ImportOrganization extends Component {
disableBatch={this.props.disableBatch}
/>
</div>
{
this.props.isShowBtn ? (
</Permission>
{this.props.isShowBtn ? (
<Dropdown
overlay={menu}
trigger={['click']}
overlayStyle={{zIndex:9}}
className={Style.selectMore}>
trigger={["click"]}
overlayStyle={{ zIndex: 9 }}
className={Style.selectMore}
>
<Button>
更多操作
<Icon type="down" />
</Button>
</Dropdown>
) : null
}
) : null}
</div>
// </>
// ) : null
}
</div>
<div className="marketing-table" style={{ marginRight: "20px" }}>
......
src/pages/SystemManagement/Organization/ManagerTree.jsx
......@@ -6,6 +6,7 @@ import UpdataDepartment from "./UpdataDepartment/UpdataDepartment";
import DepartmentForm from "./Department/Department";
import styles from "./index.less";
import ScrollBar from "../../Operating/LanguageConfiguration/ScrollBar";
import Permission from "@/common/permissions/Permission";
// const Search = Input.Search;
const TreeNode = Tree.TreeNode;
const FormItem = Form.Item;
......@@ -183,13 +184,20 @@ class TreeItem extends Component {
>
<span
className={
show && !isUserGroup ?
layer === 8 ? styles.itemTitleHover8 :
layer === 7 ? styles.itemTitleHover7 :
layer === 6 ? styles.itemTitleHover6 :
layer === 5 ? styles.itemTitleHover5 :
layer === 4 ? styles.itemTitleHover4 :
layer === 3 ? styles.itemTitleHover3 : styles.itemTitleHover2
show && !isUserGroup
? layer === 8
? styles.itemTitleHover8
: layer === 7
? styles.itemTitleHover7
: layer === 6
? styles.itemTitleHover6
: layer === 5
? styles.itemTitleHover5
: layer === 4
? styles.itemTitleHover4
: layer === 3
? styles.itemTitleHover3
: styles.itemTitleHover2
: styles.itemTitle
}
title={data.name}
......@@ -197,23 +205,25 @@ class TreeItem extends Component {
{data.name}
</span>
{(show && !isUserGroup && (
{show && !isUserGroup && (
<span style={{ float: "right" }}>
<Dropdown overlay={menu} trigger={['click']}>
<Icon
type="more"
/>
<Permission
permission={["edu_party_member:three", "edu_site_admin"]}
mode="or"
>
<Dropdown overlay={menu} trigger={["click"]}>
<Icon type="more" />
</Dropdown>
<Icon
style={{ marginLeft: "2px" }}
type="plus"
onClick={() => this.showModal("新增部门")}
/>
</Permission>
</span>
))}
)}
</p>
{/* </Popover> */}
</div>
);
}
......
src/pages/SystemManagement/Organization/UserTable/UserTable.jsx
......@@ -7,6 +7,7 @@ import EditPasswords from "../EditPassword/EditPassword";
import moment from "moment";
import { sm2 } from "sm-crypto";
import md5 from "md5";
import Permission from "@/common/permissions/Permission";
class UserTable extends Component {
constructor(props) {
......@@ -90,6 +91,11 @@ class UserTable extends Component {
render: (text, record, index) => {
return (
<span>
<Permission
permission={["edu_party_member:three", "edu_site_admin"]}
mode="or"
fallback={<span>-</span>}
>
{record.enabled === "启用" ? (
<a onClick={() => this.handleEdit("停用", record)}>停用</a>
) : (
......@@ -108,6 +114,7 @@ class UserTable extends Component {
</a>
<Divider type="vertical" />
<a onClick={() => this.handleResetPassword(record)}>重置密码</a>
</Permission>
</span>
);
},
......
src/pages/SystemManagement/RoteManager/AddRotes.jsx
......@@ -218,7 +218,7 @@ class AddRotes extends Component {
message: "请输入角色序号,数字字母下划线组成",
},
],
})(<Input placeholder="角色序号" maxLength={20} />)}
})(<Input placeholder="角色序号" maxLength={30} />)}
</FormItem>
<FormItem {...formItemLayout} label="角色名:">
{getFieldDecorator("name", {
......
src/pages/SystemManagement/RoteManager/RoteManager.jsx
......@@ -20,6 +20,7 @@ import { connect } from "react-redux";
import * as actions from "./redux/actions";
import AddRotes from "./AddRotes";
import RoteCheck from "./RoteCheck";
import Permission from "@/common/permissions/Permission";
const Option = Select.Option;
class RoteManager extends React.Component {
......@@ -98,6 +99,11 @@ class RoteManager extends React.Component {
key: "action",
render: (text, record, index) => (
<span>
<Permission
permission={["edu_site_admin"]}
mode="or"
fallback={<span>-</span>}
>
<a
data-index={index}
onClick={() => this.editModal("修改角色", record)}
......@@ -119,9 +125,9 @@ class RoteManager extends React.Component {
管理对象
</a>
<Divider type="vertical" />
{
record.isSiteDefaultAdmin ?
<a style={{color:"#999"}}>删除</a> :
{record.isSiteDefaultAdmin ? (
<a style={{ color: "#999" }}>删除</a>
) : (
<Popconfirm
title="是否要删除此行？"
onConfirm={() =>
......@@ -132,8 +138,8 @@ class RoteManager extends React.Component {
>
<a>删除</a>
</Popconfirm>
}
)}
</Permission>
</span>
),
},
......@@ -363,7 +369,7 @@ class RoteManager extends React.Component {
return (
<div className="list" style={{ paddingLeft: "20px" }}>
<Breadcrumb title="角色管理" />
<div className="list-btn" style={{paddingTop:15}}>
<div className="list-btn" style={{ paddingTop: 15 }}>
<div ref={input => (this.input = input)}>
{/*<Input placeholder="请输入角色序号或角色名" style={{width: 250, marginRight: 10}} onKeyDown={this.getExamKeyword} onChange={this.handleGetValue} />*/}
<Input
......@@ -378,9 +384,17 @@ class RoteManager extends React.Component {
>
搜索
</Button>
<Button type="primary" onClick={() => this.insertModal("创建角色")}>
<Permission
permission={["edu_site_admin"]}
mode="or"
>
<Button
type="primary"
onClick={() => this.insertModal("创建角色")}
>
创建角色
</Button>
</Permission>
</div>
</div>
<Table
......
src/pages/SystemManagement/Site/Door/index.js
......@@ -6,13 +6,24 @@ import { connect } from "react-redux";
import { getSiteList, releaseSite, unReleaseSite } from "./redux/actions";
import func from "@/common/commonFunc";
import Breadcrumb from "@/common/Breadcrumb";
import Permission from "@/common/permissions/Permission";
class Door extends Component {
constructor(props) {
super(props);
this.columns = [
{ title: "终端", key: "site", dataIndex: "site", align: "left" },
{ title: "操作人", key: "operation", dataIndex: "operation", align: "left" },
{ title: "最后操作日期", key: "lastTime", dataIndex: "lastTime", align: "left" },
{
title: "操作人",
key: "operation",
dataIndex: "operation",
align: "left",
},
{
title: "最后操作日期",
key: "lastTime",
dataIndex: "lastTime",
align: "left",
},
{ title: "状态", key: "status", dataIndex: "status", align: "left" },
{
title: "操作",
......@@ -21,6 +32,15 @@ class Door extends Component {
dataIndex: "action",
render: (text, record) => (
<div className={Styles.doorOpt}>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
{text.state == 0 ? (
<a
// href={"javascript:void(0)"}
......@@ -86,6 +106,7 @@ class Door extends Component {
>
配置登录页
</Link>
</Permission>
</div>
),
},
......
src/pages/TrainingPrograms/ProgeamsManage/index.jsx
......@@ -78,6 +78,7 @@ import Comment from "./Comment.jsx";
import CourseResourceView from "../../OnLine/CourseBank/CourseManagement/resource/index.jsx";
import ResourceListView from "../../OnLine/CourseBank/CourseManagement/resource/resourceList.jsx";
import Permission from "@/common/permissions/Permission";
import styles from "./index.less";
......@@ -419,6 +420,14 @@ class TreeItem extends Component {
<span className={styles.itemTitle}>{data.key}</span>
{(show && (
<span style={{ float: "right" }}>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Icon
style={{ marginRight: "10px" }}
type="edit"
......@@ -430,15 +439,25 @@ class TreeItem extends Component {
className={styles.pm_edit_icon}
onClick={() => this.onDelete()}
/>
</Permission>
</span>
)) ||
(addshow && (
<span style={{ float: "right" }}>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Icon
type="plus"
className={styles.pm_edit_icon}
onClick={() => this.showModal("1")}
/>
</Permission>
</span>
))}
</p>
......@@ -2956,6 +2975,15 @@ class NewTP extends Component {
key: "operation",
render: (text, record) => (
<div>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
{record.state === "草稿" ? (
<div>
<a
......@@ -2970,7 +2998,9 @@ class NewTP extends Component {
cancelText="取消"
onConfirm={() => this.onUp(record)}
>
<a style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}>
<a
style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}
>
上架
</a>
</Popconfirm>
......@@ -2980,7 +3010,9 @@ class NewTP extends Component {
cancelText="取消"
onConfirm={() => this.onDelete(record)}
>
<a style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}>
<a
style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}
>
删除
</a>
</Popconfirm>
......@@ -2999,7 +3031,9 @@ class NewTP extends Component {
cancelText="取消"
onConfirm={() => this.onDown(record)}
>
<a style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}>
<a
style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}
>
下架
</a>
</Popconfirm>
......@@ -3024,7 +3058,9 @@ class NewTP extends Component {
cancelText="取消"
onConfirm={() => this.onUp(record)}
>
<a style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}>
<a
style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}
>
上架
</a>
</Popconfirm>
......@@ -3034,7 +3070,9 @@ class NewTP extends Component {
cancelText="取消"
onConfirm={() => this.onDelete(record)}
>
<a style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}>
<a
style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}
>
删除
</a>
</Popconfirm>
......@@ -3102,7 +3140,9 @@ class NewTP extends Component {
cancelText="取消"
onConfirm={() => this.downTxt(record.id)}
>
<a style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}>
<a
style={{ marginLeft: "10px", color: "rgb(24, 144, 255)" }}
>
导出签到记录
</a>
</Popconfirm>
......@@ -3135,6 +3175,7 @@ class NewTP extends Component {
</a>
</Popconfirm>
</div> */}
</Permission>
</div>
),
},
......@@ -3298,6 +3339,14 @@ class NewTP extends Component {
>
查询
</Button>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Button
type="primary"
style={{ marginLeft: 60 }}
......@@ -3305,6 +3354,7 @@ class NewTP extends Component {
>
新建项目
</Button>
</Permission>
</div>
<div className={styles.listDiv}>
......
src/pages/TrainingTools/Question/index.jsx
......@@ -23,6 +23,7 @@ import {
message,
} from "antd";
import Breadcrumb from "@/common/Breadcrumb";
import Permission from "@/common/permissions/Permission";
const TabPane = Tabs.TabPane;
import styles from "./style/index.less";
import { withRouter } from "react-router-dom";
......@@ -317,6 +318,15 @@ class Survey extends Component {
key: "action",
render: (text, record) => (
<div className={styles.survey_list_btns}>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
{key == 1 ? (
<Link
to={`/${companyCode}/${siteCode}/index/tool/question/question-management/details/${record.id}/2`}
......@@ -407,6 +417,7 @@ class Survey extends Component {
</div> */}
</div>
) : null}
</Permission>
</div>
),
},
......@@ -449,6 +460,14 @@ class Survey extends Component {
>
查询
</Button>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Link
to={
"/" +
......@@ -470,6 +489,7 @@ class Survey extends Component {
>
删除
</Button>
</Permission>
</div>
<Tabs
className={styles.survey_tabs}
......
src/pages/TrainingTools/Survey/index.jsx
......@@ -27,6 +27,7 @@ const TabPane = Tabs.TabPane;
import styles from "./style/index.less";
// 在import部分添加
import { withRouter } from "react-router-dom";
import Permission from "@/common/permissions/Permission";
var companyCode = location.pathname.split("/")[1];
var siteCode = location.pathname.split("/")[2];
......@@ -309,6 +310,15 @@ class Survey extends Component {
key: "action",
render: (text, record) => (
<div className={styles.survey_list_btns}>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
{key == 1 ? (
<Link
to={`/${companyCode}/${siteCode}/index/tool/survey/survey-management/details/${record.id}/2`}
......@@ -392,6 +402,7 @@ class Survey extends Component {
</div>
</div>
) : null}
</Permission>
</div>
),
},
......@@ -434,6 +445,14 @@ class Survey extends Component {
>
查询
</Button>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Link
to={
"/" +
......@@ -455,6 +474,7 @@ class Survey extends Component {
>
删除
</Button>
</Permission>
</div>
<Tabs
className={styles.survey_tabs}
......
src/pages/TrainingTools/exam/exam/index.jsx
......@@ -21,6 +21,7 @@ const dic = {
};
import { Link } from "react-router-dom";
import { connect } from "react-redux";
import Permission from "@/common/permissions/Permission";
import {
getExamList,
......@@ -131,6 +132,15 @@ class Exam extends Component {
dataIndex: "action",
render: (text, record) => (
<div className="operation">
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
<Link
to={{
pathname:
......@@ -154,10 +164,14 @@ class Exam extends Component {
>
下架
</a>
<a href="javascript:void(0)" onClick={() => self.examCopy(text.id)}>
<a
href="javascript:void(0)"
onClick={() => self.examCopy(text.id)}
>
复制
</a>
{text.visibleRange === 2 ? <Divider type="vertical" /> : null}
</Permission>
</div>
),
},
......@@ -213,6 +227,15 @@ class Exam extends Component {
dataIndex: "action",
render: (text, record) => (
<div className="operation">
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
<Link
to={{
pathname:
......@@ -250,15 +273,13 @@ class Exam extends Component {
onConfirm={() => this.deleteExam(text.id)}
>
{/*4月10号临时发布 后台没有发布生产接口 前端只能隐藏*/}
<a
href="javascript:void(0)"
style={{ marginLeft: 10 }}
>
<a href="javascript:void(0)" style={{ marginLeft: 10 }}>
删除
</a>
</Popconfirm>
{text.visibleRange === 2 ? <Divider type="vertical" /> : null}
</Permission>
</div>
),
},
......@@ -314,6 +335,15 @@ class Exam extends Component {
dataIndex: "action",
render: (text, record) => (
<div className="operation">
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
<Link
to={{
pathname:
......@@ -344,14 +374,12 @@ class Exam extends Component {
onConfirm={() => this.deleteExam(text.id)}
>
{/*4月10号临时发布 后台没有发布生产接口 前端只能隐藏*/}
<a
style={{ marginLeft: 10 }}
href="#"
>
<a style={{ marginLeft: 10 }} href="#">
删除
</a>
</Popconfirm>
{text.visibleRange === 2 ? <Divider type="vertical" /> : null}
</Permission>
</div>
),
},
......@@ -583,6 +611,14 @@ class Exam extends Component {
>
查询
</Button>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Link
to={
"/" +
......@@ -592,10 +628,14 @@ class Exam extends Component {
"/index/tool/test/test-management/create"
}
>
<Button type="primary" style={{ marginLeft: 10, marginTop: 16 }}>
<Button
type="primary"
style={{ marginLeft: 10, marginTop: 16 }}
>
新建考试
</Button>
</Link>
</Permission>
{/*<Button type="primary" onClick={this.deleteExam} style={{ marginLeft:10,display:this.state.tabsKey==1?'inline':'none'}}>删除</Button>*/}
</div>
</div>
......
src/pages/TrainingTools/exam/examCheck/index.jsx
......@@ -16,6 +16,7 @@ import { Link } from "react-router-dom";
import "./style/examCheck.less";
import { connect } from "react-redux";
import { getExamList, downTxt } from "./redux/actions";
import Permission from "@/common/permissions/Permission";
import api from "./api.js";
// import fetch from "@/util/fetch.js";
import request from "@/util/request.js";
......@@ -135,6 +136,15 @@ class ExamCheck extends Component {
dataIndex: "action",
render: (text, record) => (
<div className="operation" style={{ width: 154 }}>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
fallback={<span>-</span>}
>
<Link
to={{
pathname:
......@@ -158,6 +168,7 @@ class ExamCheck extends Component {
>
<a href="#">导出考试结果</a>
</Popconfirm>
</Permission>
</div>
),
},
......
src/pages/TrainingTools/exam/questionBank/index.jsx
......@@ -21,6 +21,7 @@ import func from "@/util/commonFunc.js";
import styles from "./Style/questionBank.less";
const Option = Select.Option;
import { connect } from "react-redux";
import Permission from "@/common/permissions/Permission";
import {
getQuestionBankList,
getId,
......@@ -147,9 +148,20 @@ class QuestionBank extends Component {
<a href="javascript:void(0)" onClick={() => self.look(text.id)}>
查看
</a>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Divider type="vertical" />
<a href="javascript:void(0)" onClick={() => self.change(text.id)}>
<a
href="javascript:void(0)"
onClick={() => self.change(text.id)}
>
修改
</a>
......@@ -185,6 +197,7 @@ class QuestionBank extends Component {
>
导出试题
</a>
</Permission>
</div>
),
},
......@@ -552,6 +565,14 @@ class QuestionBank extends Component {
>
重置
</Button>
<Permission
permission={[
"edu_party_member:two",
"edu_party_member:three",
"edu_site_admin",
]}
mode="or"
>
<Button
type="primary"
onClick={() => this.open("questionBank")}
......@@ -559,6 +580,7 @@ class QuestionBank extends Component {
>
新建题库
</Button>
</Permission>
{/*<Button type="primary" onClick={()=>this.deleteQuestionBank("multi")} style={{marginRight: 10}}>删除</Button>*/}
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment