/* eslint-disable */
|
/**liuwh
|
* 5/29/2020, 10:38:14 AM
|
* doc comment for the file goes here
|
*/
|
|
/** 绩效详情 */
|
import React, { ReactNode, ReactEventHandler, Component } from 'react';
|
import TableView from '../../../common/TableView';
|
import { Row, Col, Button, InputNumber, message } from 'antd';
|
import { createHashHistory } from 'history';
|
import './index.scss';
|
const history = createHashHistory();
|
import fetch from '../../../../api/request';
|
|
|
export default class MeritsDetail extends Component {
|
constructor(props) {
|
super(props);
|
this.config = {
|
};
|
this.state = {
|
formData: {
|
__key: Date.now(),
|
...this.props.match.params
|
},
|
|
};
|
}
|
|
componentDidMount() { }
|
|
setFormData = data => {
|
console.log('form', data);
|
this.setState({
|
formData: data,
|
});
|
}
|
|
// 保存操作
|
onSave = (item) => {
|
console.log('item', item);
|
let { id , meritsGrade} = item;
|
fetch({
|
url: `api/merits/assess/modifyGrade`,
|
params: {
|
id,
|
meritsGrade
|
}
|
}).then( res=> {
|
if(res) {
|
message.success('保存成功');
|
this.setState({
|
formData: {
|
...this.state.formData,
|
__key: Date.now()
|
}
|
})
|
}
|
})
|
|
}
|
|
renderColumns = () => {
|
return [
|
{ title: '编号', dataIndex: 'id', width: '3%' },
|
{ title: '评分项目', dataIndex: 'scoreItems', width: '6%' },
|
{ title: '评分目标', dataIndex: 'scoreTarget', width: '10%' },
|
{
|
title: '定义与标准', dataIndex: 'standard', width: '25%', render: (cur, item) => {
|
return <div dangerouslySetInnerHTML={{
|
__html: cur.replace(/\n/g, "<br/>")
|
}}></div>
|
}
|
},
|
{
|
title: '系统取数指标', dataIndex: 'systemStandard', width: '10%', render: (cur, item) => {
|
return <div dangerouslySetInnerHTML={{
|
__html: cur.replace(/\n/g, "<br/>")
|
}}></div>
|
}
|
},
|
{ title: '数据来源', dataIndex: 'dataSources', width: '8%' },
|
{ title: '取值范围', dataIndex: 'valueRange', width: '5%' },
|
{
|
title: '计算方式', dataIndex: 'countMethod', width: '8%', render: (cur, item) => {
|
return <div dangerouslySetInnerHTML={{
|
__html: cur.replace(/\n/g, "<br/>")
|
}}></div>
|
}
|
},
|
{
|
title: '权重(%)', dataIndex: 'weight', width: '6%'
|
},
|
{
|
title: '配分(分)', dataIndex: 'allotment', width: '6%'
|
},
|
{
|
title: '考评得分(分)', dataIndex: 'meritsGrade', width: '6%', render: (cur, item, index) => {
|
return <InputNumber size="small" min={0}
|
max={100} formatter={cur => `${cur}分`} parser={value => value.replace('分', '')} value={cur || 0} onChange={(value) => {
|
item['meritsGrade'] = value;
|
this.refs['table-view'].onSetDataSource({ index, data: item })
|
}} />
|
}
|
},
|
{
|
title: '操作', dataIndex: 'operation', width: '10%', render: (cur, item) => {
|
return <a onClick={() => { this.onSave(item) }}>保存</a>
|
}
|
}
|
|
];
|
}
|
|
onBack = () => {
|
history.goBack();
|
}
|
|
render() {
|
const { formData } = this.state;
|
|
let tableParams = {
|
url: `api/merits/assess/findMeritsDetail`,
|
formData,
|
key: formData.__key,
|
columns: this.renderColumns(),
|
extraFromData: {},
|
setFormData: this.setFormData,
|
showPagination: false
|
}
|
|
return (
|
<div className="merits-detail-main">
|
<h2>2020年4月绩效评分表（初级研发工程师）</h2>
|
<TableView {...tableParams} ref="table-view" />
|
<Row className="margin-top">
|
<Col>
|
<Button onClick={this.onBack}>返回</Button>
|
</Col>
|
</Row>
|
</div>
|
)
|
}
|
}
|
