diff --git a/pc4mobx/hrmSalary/index.js b/pc4mobx/hrmSalary/index.js
index fff7a3d1..66be0fca 100644
--- a/pc4mobx/hrmSalary/index.js
+++ b/pc4mobx/hrmSalary/index.js
@@ -42,6 +42,7 @@ import MobilePayroll from "./pages/mobilePayroll";
 import SysConfig from "./pages/sysConfig";
 import RuleConfig from "./pages/ruleConfig/ruleConfig";
 import Appconfig from "./pages/appConfig";
+import RoleManagement from "./pages/roleManagement";
 import FieldManagement from "./pages/fieldManagement";
 import AnalysisOfSalaryStatistics from "./pages/analysisOfSalaryStatistics";
 import EmployeeList from "./pages/employeeView";
@@ -159,6 +160,7 @@ const Routes = (
     <Route key="sysconfig" path="sysconfig" component={SysConfig}/>
     <Route key="sysconfig-1" path="sysconfig-1" component={RuleConfig}/>
     <Route key="appconfig" path="appconfig" component={Appconfig}/>
+    <Route key="roleManagement" path="roleManagement" component={RoleManagement}/>
     <Route key="fieldManagement" path="fieldManagement" component={FieldManagement}/>
     <Route key="analysisOfSalaryStatistics" path="analysisOfSalaryStatistics" component={AnalysisOfSalaryStatistics}/>
     <Route key="analysisOfSalaryStatisticsId" path="analysisOfSalaryStatistics/:employeeId" component={EmployeeList}/>
diff --git a/pc4mobx/hrmSalary/pages/roleManagement/index.js b/pc4mobx/hrmSalary/pages/roleManagement/index.js
new file mode 100644
index 00000000..8b9f1355
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/roleManagement/index.js
@@ -0,0 +1,33 @@
+/*
+  *  角色管理
+  *
+  * @Author:    黎永顺
+  * @Date:      2024/9/6
+  * @Wechat:
+  * @Email:     971387674@qq.com
+  * @description:
+*/
+import React, { Component } from "react";
+import { WeaLocaleProvider, WeaTop } from "ecCom";
+import { Button } from "antd";
+import "./index.less";
+
+const getLabel = WeaLocaleProvider.getLabel;
+
+class Index extends Component {
+  render() {
+    const buttons = [
+      <Button type="primary">{getLabel(111, "新建")}</Button>
+    ];
+    return (
+      <WeaTop
+        title={getLabel(111, "角色管理")} icon={<i className="icon-coms-Flow-setting"/>}
+        iconBgcolor="#F14A2D" buttons={buttons} className="rolemanagement-index"
+      >
+        <div className="rolemanagement-content"></div>
+      </WeaTop>
+    );
+  }
+}
+
+export default Index;
diff --git a/pc4mobx/hrmSalary/pages/roleManagement/index.less b/pc4mobx/hrmSalary/pages/roleManagement/index.less
new file mode 100644
index 00000000..de10225a
--- /dev/null
+++ b/pc4mobx/hrmSalary/pages/roleManagement/index.less
@@ -0,0 +1,8 @@
+.rolemanagement-index {
+  .rolemanagement-content {
+    height: 100%;
+    overflow-y: hidden;
+    padding: 16px 16px 0;
+    background: rgb(246, 246, 246);
+  }
+}