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