dev_ec
parent
e2f6056d50
commit
25941dbcf4
@ -0,0 +1,144 @@
|
|||||||
|
import React, { Component } from 'react';
|
||||||
|
|
||||||
|
import classNames from 'classnames'
|
||||||
|
|
||||||
|
import axios from 'axios';
|
||||||
|
|
||||||
|
import { Table, Divider, Tag, Checkbox, InputNumber, Spin, Icon } from 'antd';
|
||||||
|
import SelectTable from './SelectTable'
|
||||||
|
import update from 'immutability-helper'
|
||||||
|
const testState = {
|
||||||
|
"graduation_requirements": [
|
||||||
|
{
|
||||||
|
"id": 1,
|
||||||
|
"position": 1,
|
||||||
|
"content": "毕业要求一"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 2,
|
||||||
|
"position": 2,
|
||||||
|
"content": "毕业要求二"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"training_subitems": [
|
||||||
|
{
|
||||||
|
"id": 1,
|
||||||
|
"content": "培养目标一"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 2,
|
||||||
|
"content": "培养目标二"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"requirement_support_objectives": [
|
||||||
|
{
|
||||||
|
"graduation_requirement_id": 1,
|
||||||
|
"training_subitem_id": 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"graduation_requirement_id": 2,
|
||||||
|
"training_subitem_id": 2
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
class RequirementVsObjective extends Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props)
|
||||||
|
this.state={
|
||||||
|
...testState
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount(){
|
||||||
|
// this.init()
|
||||||
|
// return;
|
||||||
|
|
||||||
|
const yearId = this.props.match.params.yearId
|
||||||
|
const url = `/ec_years/${yearId}/requirement_support_objectives.json`
|
||||||
|
axios.get(url).then((response) => {
|
||||||
|
if (response.data.graduation_requirements) {
|
||||||
|
this.setState( {...response.data} , () => {
|
||||||
|
this.init()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
init = () => {
|
||||||
|
this.graduationRequirementsIdIndexMap = {}
|
||||||
|
this.trainingSubitemsIdIndexMap = {}
|
||||||
|
this.state.graduation_requirements.forEach((item, index) => {
|
||||||
|
this.graduationRequirementsIdIndexMap[item.id] = index
|
||||||
|
})
|
||||||
|
this.state.training_subitems.forEach((item, index) => {
|
||||||
|
this.trainingSubitemsIdIndexMap[item.id] = index
|
||||||
|
})
|
||||||
|
const tableData = []
|
||||||
|
this.state.graduation_requirements.forEach((item, index) => {
|
||||||
|
tableData.push([item.content, ...Array(this.state.training_subitems.length)])
|
||||||
|
})
|
||||||
|
this.state.requirement_support_objectives.forEach(item => {
|
||||||
|
tableData[this.graduationRequirementsIdIndexMap[item.graduation_requirement_id]][this.trainingSubitemsIdIndexMap[item.training_subitem_id]]
|
||||||
|
= true
|
||||||
|
})
|
||||||
|
this.setState({ tableData })
|
||||||
|
}
|
||||||
|
onCellClick = (rowIndex, colIndex, select) => {
|
||||||
|
console.log( rowIndex, colIndex, select )
|
||||||
|
const ec_graduation_requirement_id = this.state.graduation_requirements[rowIndex].id
|
||||||
|
const ec_training_subitem_id = this.state.training_subitems[colIndex].id
|
||||||
|
const yearId = this.props.match.params.yearId
|
||||||
|
const url = `/ec_years/${yearId}/requirement_support_objectives.json`
|
||||||
|
const method = select ? axios.delete : axios.post
|
||||||
|
method(url,
|
||||||
|
select ? {
|
||||||
|
params: {
|
||||||
|
ec_graduation_requirement_id,
|
||||||
|
ec_training_subitem_id
|
||||||
|
}
|
||||||
|
} : {
|
||||||
|
ec_graduation_requirement_id,
|
||||||
|
ec_training_subitem_id
|
||||||
|
}
|
||||||
|
).then((response) => {
|
||||||
|
if (response.data.status == 0) {
|
||||||
|
this.setState(
|
||||||
|
(prevState) => ({
|
||||||
|
tableData : update(prevState.tableData, {[rowIndex]: {[colIndex]: {$set: select ? false : true}}})
|
||||||
|
})
|
||||||
|
)
|
||||||
|
this.props.showNotification(`${select ? '取消' : '选择'}成功`)
|
||||||
|
}
|
||||||
|
}).catch((e) => {
|
||||||
|
|
||||||
|
})
|
||||||
|
if (select) { // 取消
|
||||||
|
|
||||||
|
} else { // 选择
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
render() {
|
||||||
|
const { match, history, current_user } = this.props
|
||||||
|
const { tableData, training_subitems, graduation_requirements, is_manager } = this.state
|
||||||
|
|
||||||
|
const columns = training_subitems && [['毕业要求', '培养目标'], ...training_subitems.map(item => item.content)]
|
||||||
|
const columnIdIndexMap = {}
|
||||||
|
console.log(columns, tableData)
|
||||||
|
return (
|
||||||
|
|
||||||
|
<div className="educontent requirementVsObjective">
|
||||||
|
requirementVsObjective
|
||||||
|
<SelectTable
|
||||||
|
columns={columns}
|
||||||
|
tableData={tableData}
|
||||||
|
onCellClick={this.onCellClick}
|
||||||
|
></SelectTable>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default (RequirementVsObjective) ;
|
||||||
Loading…
Reference in new issue