(*)添加销售统计-销售人员分布 模块入口

api/.vscode/launch.json

@@ -42,9 +42,9 @@
 
             // 测试
             "--clickHouseUrl http://10.8.30.161",
-            "--clickHousePepEmis pg_pepca",
+            "--clickHousePepEmis pepca8",
-            "--clickHouseCamworkflow pg_camworkflow",
+            "--clickHouseCamworkflow camworkflow",
-            "--clickHouseHr pg_hrm",
+            "--clickHouseHr hrm",
          ]
       },
       {

web/client/src/layout/components/header/contant.js

@@ -60,6 +60,11 @@ const headerItems = [{
         itemKey: "recruitRecord",
         text: "招聘记录",
         to: "/humanAffairs/recruit/recruitRecord/appointmentRecords"
+    }, {
+        fatherKey: "recruit",
+        itemKey: "salesStatistics",
+        text: "销售统计",
+        to: "/humanAffairs/recruit/salesStatistics/personnelDistribution"
     }]
 }, {
     itemKey: "employeeRelationship",

web/client/src/sections/humanAffairs/containers/index.js

@@ -9,6 +9,7 @@ import LeaveStatistics from './leaveStatistics';
 import OvertimeStatistics from './overtimeStatistics';
 //招聘
 import AppointmentRecords from './appointmentRecords';
+import PersonnelDistribution from './personnelDistribution';
 //培训
 import ResourceRepository from './resourceRepository';
 //绩效考核
@@ -32,7 +33,7 @@ import PersonnelFilesDetail from './personnelFilesDetail';
 export {
     PersonnelFiles, EmployeeInformation, DeptArchives,
     AttendanceStatistics, LeaveStatistics, OvertimeStatistics,
-    AppointmentRecords,
+    AppointmentRecords, PersonnelDistribution,
     ResourceRepository,
     WeeklyManagement, SaleLog, PMLog,
     ProbationerKPI, RegularKPI,

web/client/src/sections/humanAffairs/containers/personnelDistribution.jsx

@@ -0,0 +1,42 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import Empty from '../components/empty';
+import '../style.less'
+
+const PersonnelDistribution = (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", }}>DISTRIBUTION OF SALES PERSONNEL</div>
+                        </div>
+                    </div>
+                    <Empty />
+                </div>
+            </div>
+        </>
+    )
+}
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions,
+    };
+}
+
+export default connect(mapStateToProps)(PersonnelDistribution);

web/client/src/sections/humanAffairs/nav-item.jsx

@@ -46,6 +46,14 @@ export function getNavItem(user, dispatch) {
                     items: [{
                         itemKey: 'appointmentRecords', to: '/humanAffairs/recruit/recruitRecord/appointmentRecords', text: '任用记录'
                     }]
+                }, {
+                    itemKey: 'salesStatistics',
+                    text: '销售统计',
+                    icon: <iconpark-icon style={{ width: 20, height: 20 }} name="iconcbzhaopin"></iconpark-icon>,//wwwtodo
+                    to: '/humanAffairs/recruit/salesStatistics/personnelDistribution',
+                    items: [{
+                        itemKey: 'personnelDistribution', to: '/humanAffairs/recruit/salesStatistics/personnelDistribution', text: '销售人员分布'
+                    }]
                 }, {
                     itemKey: 'trainFiles',
                     text: '培训档案',

web/client/src/sections/humanAffairs/routes.js

@@ -2,7 +2,7 @@ import {
     PersonnelFiles, EmployeeInformation,    //人员档案
     DeptArchives,       //部门档案
     AttendanceStatistics, LeaveStatistics, OvertimeStatistics,
-    AppointmentRecords,
+    AppointmentRecords, PersonnelDistribution,
     ResourceRepository,
     WeeklyManagement, SaleLog, PMLog,
     ProbationerKPI, RegularKPI,
@@ -89,6 +89,16 @@ export default [{
                         component: AppointmentRecords,
                         breadcrumb: '任用记录',
                     }]
+                }, {
+                    path: '/salesStatistics',
+                    key: 'salesStatistics',
+                    breadcrumb: '销售统计',
+                    childRoutes: [{
+                        path: '/personnelDistribution',
+                        key: 'personnelDistribution',
+                        component: PersonnelDistribution,
+                        breadcrumb: '销售人员分布',
+                    }]
                 }]
             }, {
                 path: '/train',