|
|
@ -7,40 +7,80 @@ import '../../style.less'; |
|
|
|
|
|
|
|
const AchievementDetails = (props) => { |
|
|
|
const { dispatch, actions, performanceSummaryList } = props |
|
|
|
console.log(performanceSummaryList, '------------------'); |
|
|
|
useEffect(() => { |
|
|
|
dispatch(actions.businessManagement.getPerformanceSummary()); |
|
|
|
}, []); |
|
|
|
let colums = [{ num: '1月', name: 'one' }, { num: '2月', name: 'two' }, { num: '3月', name: 'three' }, { num: '4月', name: 'four' }, { num: '5月', name: 'five' }, { num: '6月', name: 'sex' }, { num: '7月', name: 'seven' }, { num: '8月', name: 'eight' }, { num: '9月', name: 'nine' }, { num: '10月', name: 'ten' }, { num: '11月', name: 'evelen' }, { num: '12月', name: 'twelve' }] |
|
|
|
const columnsList = () => { |
|
|
|
colums.forEach(e => { |
|
|
|
columns.push({ |
|
|
|
title: e.num, |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: e.name + '[amount]', |
|
|
|
width: 130, |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: e.name + '[actualPerformance]', |
|
|
|
width: 130, |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: e.name+'[assessmentPerformance]', |
|
|
|
width: 130, |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: e.name + '[task]', |
|
|
|
width: 130, |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率%', |
|
|
|
dataIndex: e.name + '[completion]', |
|
|
|
width: 130, |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
} |
|
|
|
) |
|
|
|
}) |
|
|
|
} |
|
|
|
let columns = [ |
|
|
|
{ |
|
|
|
title: '部门', |
|
|
|
dataIndex: 'index', |
|
|
|
dataIndex: 'department', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售人员', |
|
|
|
dataIndex: 'index', |
|
|
|
dataIndex: 'sale', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '业务线', |
|
|
|
dataIndex: 'index', |
|
|
|
dataIndex: 'business', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '入职日期', |
|
|
|
dataIndex: 'index', |
|
|
|
dataIndex: 'hiredate', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '转正日期', |
|
|
|
dataIndex: 'index', |
|
|
|
dataIndex: 'regularDate', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
// render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '工龄', |
|
|
@ -48,498 +88,50 @@ const AchievementDetails = (props) => { |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '1月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '2月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '3月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '一季度', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '4月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '5月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '6月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '二季度', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '7月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '8月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '9月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '三季度', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '10月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '11月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '12月', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '合同金额', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '实际业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '考核业绩', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '四季度', |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
title: '销售任务', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '完成率', |
|
|
|
dataIndex: 'index', |
|
|
|
width: 130, |
|
|
|
render: (text, record, index) => index + 1 |
|
|
|
} |
|
|
|
] |
|
|
|
} |
|
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
columnsList() |
|
|
|
let arr = performanceSummaryList.map(e => { |
|
|
|
e.salePerformances.forEach(i => { |
|
|
|
if (i.month == 1) { |
|
|
|
e.one = i |
|
|
|
} |
|
|
|
if (i.month == 2) { |
|
|
|
e.two = i |
|
|
|
} |
|
|
|
if (i.month == 3) { |
|
|
|
e.three = i |
|
|
|
} |
|
|
|
if (i.month == 4) { |
|
|
|
e.four = i |
|
|
|
} |
|
|
|
if (i.month == 5) { |
|
|
|
e.five = i |
|
|
|
} |
|
|
|
if (i.month == 6) { |
|
|
|
e.sex = i |
|
|
|
} |
|
|
|
if (i.month == 7) { |
|
|
|
e.seven = i |
|
|
|
} |
|
|
|
if (i.month == 8) { |
|
|
|
e.eight = i |
|
|
|
} |
|
|
|
if (i.month == 9) { |
|
|
|
e.nine = i |
|
|
|
} |
|
|
|
if (i.month == 10) { |
|
|
|
e.ten = i |
|
|
|
} |
|
|
|
if (i.month == 11) { |
|
|
|
e.evelen = i |
|
|
|
} |
|
|
|
if (i.month == 12) { |
|
|
|
e.twelve = i |
|
|
|
} |
|
|
|
}) |
|
|
|
return e |
|
|
|
}) |
|
|
|
console.log(arr, '================='); |
|
|
|
const exportAllData = () => { |
|
|
|
|
|
|
|
} |
|
|
@ -578,7 +170,7 @@ const AchievementDetails = (props) => { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='summaryList'> |
|
|
|
<Table columns={columns} /> |
|
|
|
<Table columns={columns} dataSource={arr} /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|