diff --git a/web/client/src/sections/humanAffairs/containers/departmentTrainRecord.jsx b/web/client/src/sections/humanAffairs/containers/departmentTrainRecord.jsx
new file mode 100644
index 0000000..1de4110
--- /dev/null
+++ b/web/client/src/sections/humanAffairs/containers/departmentTrainRecord.jsx
@@ -0,0 +1,36 @@
+import React, { useEffect, useRef, useState, useMemo } from 'react';
+import { connect } from 'react-redux';
+
+const DepartmentTrainRecord = (props) => {
+    const { dispatch, actions } = props
+    return (<div style={{ padding: '0px 12px' }}>
+        <div style={{ display: 'flex' }}>
+            <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>培训</div>
+            <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14, margin: '0px 8px' }}>/</div>
+            <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>培训管理</div>
+            <div style={{ color: '#033C9A', fontSize: 14, margin: '0px 8px' }}>/</div>
+            <div style={{ color: '#033C9A', fontSize: 14 }}>部门培训记录</div>
+        </div>
+        <div style={{ background: '#FFFFFF', boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)', borderRadius: 2, padding: '20px 0px 20px 19px ', marginTop: 12 }}>
+            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                <div style={{ display: 'flex', alignItems: 'baseline' }}>
+                    <div style={{ width: 0, height: 20, borderLeft: '3px solid #0F7EFB', borderTop: '3px solid transparent', borderBottom: '3px solid transparent' }}></div>
+                    <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#033C9A', marginLeft: 8 }}>部门培训管理</div>
+                    <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>DEPARTMENT TRAIN RECORD</div>
+                </div>
+            </div>
+
+        </div>
+
+    </div>)
+}
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions
+    };
+}
+
+export default connect(mapStateToProps)(DepartmentTrainRecord);
\ No newline at end of file
diff --git a/web/client/src/sections/humanAffairs/containers/index.js b/web/client/src/sections/humanAffairs/containers/index.js
index 8a0f6c0..76708e6 100644
--- a/web/client/src/sections/humanAffairs/containers/index.js
+++ b/web/client/src/sections/humanAffairs/containers/index.js
@@ -12,6 +12,7 @@ import AppointmentRecords from './appointmentRecords';
 import PersonnelDistribution from './salersDistribution/personnelDistribution';
 //培训
 import ResourceRepository from './resourceRepository';
+import DepartmentTrainRecord from './departmentTrainRecord';
 //绩效考核
 import WeeklyManagement from './weeklyManagement';
 import SaleLog from './saleLog';
@@ -34,7 +35,7 @@ export {
     PersonnelFiles, EmployeeInformation, DeptArchives,
     AttendanceStatistics, LeaveStatistics, OvertimeStatistics,
     AppointmentRecords, PersonnelDistribution,
-    ResourceRepository,
+    ResourceRepository, DepartmentTrainRecord,
     WeeklyManagement, SaleLog, PMLog,
     ProbationerKPI, RegularKPI,
     MonthlyProcess, Quarter, HighMonthly, PenaltiesRecord,
diff --git a/web/client/src/sections/humanAffairs/nav-item.jsx b/web/client/src/sections/humanAffairs/nav-item.jsx
index 5a57bbc..0b9b880 100644
--- a/web/client/src/sections/humanAffairs/nav-item.jsx
+++ b/web/client/src/sections/humanAffairs/nav-item.jsx
@@ -69,6 +69,8 @@ export function getNavItem(user, dispatch) {
                     to: '/humanAffairs/train/trainingManagement/personalTrainRecord',
                     items: [{
                         itemKey: 'personalTrainRecord', to: '/humanAffairs/train/trainingManagement/personalTrainRecord', text: '个人培训记录'
+                    }, {
+                        itemKey: 'departmentTrainRecord', to: '/humanAffairs/train/trainingManagement/departmentTrainRecord', text: '部门培训记录'
                     }]
                 }, {
                     itemKey: 'basicAction',
diff --git a/web/client/src/sections/humanAffairs/routes.js b/web/client/src/sections/humanAffairs/routes.js
index 4838dd5..4d7a8c0 100644
--- a/web/client/src/sections/humanAffairs/routes.js
+++ b/web/client/src/sections/humanAffairs/routes.js
@@ -10,6 +10,7 @@ import {
     EmployeeAuth, FormMaintenance,
     PersonnelFilesDetail,
     PersonalTrainRecord,
+    DepartmentTrainRecord
 } from './containers';
 
 export default [{
@@ -124,6 +125,11 @@ export default [{
                         key: 'personalTrainRecord',
                         component: PersonalTrainRecord,
                         breadcrumb: '个人培训记录',
+                    }, {
+                        path: '/departmentTrainRecord',
+                        key: 'departmentTrainRecord',
+                        component: DepartmentTrainRecord,
+                        breadcrumb: '部门培训记录',
                     }]
                 }]
             },