import React, {Component} from "react"; import {Link, NavLink} from 'react-router-dom'; import {WordsBtn, ActionBtn,SnackbarHOC,getImageUrl} from 'educoder'; import axios from 'axios'; import { notification, Spin, Table, Pagination, Radio, Checkbox, Form, Input, Select, Cascader, Col, Row, InputNumber, DatePicker, AutoComplete,Button,Tag } from "antd"; import './../questioncss/questioncom.css'; const InputGroup = Input.Group; const { Option } = Select; const options = [ { value: 'zhejiang', label: 'Zhejiang', children: [ { value: 'hangzhou', label: 'Hangzhou', children: [ { value: 'xihu', label: 'West Lake', }, ], }, ], }, { value: 'jiangsu', label: 'Jiangsu', children: [ { value: 'nanjing', label: 'Nanjing', children: [ { value: 'zhonghuamen', label: 'Zhong Hua Men', }, ], }, ], }, ]; class Itembankstop extends Component { constructor(props) { super(props); this.contentMdRef = React.createRef() this.state = { page:1, Knowpoints:[], rbtx:"", } } //初始化 componentDidMount(){ try { this.props.getcontentMdRef(this); }catch (e) { } //console.log("componentDidMount"); //console.log(this.state); //console.log(this.props); // let homeworkid = this.props.match.params.homeworkid; // let url = "/homework_commons/" + homeworkid + "/end_groups.json"; // axios.get(url).then((response) => { // if (response.status === 200) { // this.setState({}) // } // }).catch((error) => { // //console.log(error) // });() // 题型 } componentDidUpdate(prevProps) { // console.log("componentDidUpdate"); // console.log(prevProps); // console.log(this.props.item_banksedit); if(prevProps.item_banksedit !== this.props.item_banksedit){ this.handleFormtixing(this.props.item_banksedit.item_type); this.handleFormLayoutChange(this.props.item_banksedit.difficulty); } } onChange=(e)=> { //console.log(`checked = ${e.target.checked}`); } Getdatas=()=>{ return this.handleSubmits(); } handleSubmits=()=>{ var data=[]; this.props.form.validateFields((err, values) => { data=[] if (!err) { // //console.log("获取的form 数据"); // //console.log(values); data= values; } }); return data; } handleSubmit=(e)=>{ e.preventDefault(); this.props.form.validateFields((err, values) => { if (!err) { //console.log("获取的form 数据"); //console.log(values); } }); } handleFormLayoutChange=(value)=>{ //难度塞选 //console.log("难度塞选"); //console.log(value); this.props.form.setFieldsValue({ rbnd:value+"", }); this.setState({ rbnd:value+"", }) } handleFormkechen=(value)=>{ //课程 //console.log("课程"); //console.log(value); this.props.form.setFieldsValue({ rbkc:value, }); } handleFormzhishidian=(value)=>{ //知识点 //console.log("知识点"); //console.log(value); this.props.form.setFieldsValue({ rbzsd:value, }); this.setState({ Knowpoints:value, }) } handleFormtixing=(value)=>{ //题型 console.log("题型"); console.log(value); this.setState({ rbtx:value+"", }) this.props.form.setFieldsValue({ rbtx:value+"", }); this.props.setitem_type(value); } preventDefault=(e)=> { e.preventDefault(); //console.log('Clicked! But prevent default.'); } deletesobject=(item,index)=>{ var tmp = JSON.parse(JSON.stringify(this.state.Knowpoints)); for(var i=0;i=index){ var pos = this.state.Knowpoints.indexOf(tmp[i]); this.state.Knowpoints.splice(pos, 1); } } this.props.form.setFieldsValue({ rbzsd:this.state.Knowpoints, }); this.setState({ Knowpoints:this.state.Knowpoints, }) // //console.log("deletesobject"); // //console.log(item); // //console.log(index); // //console.log(this.state.Knowpoints); // //console.log("tmp"); // //console.log(tmp); } render() { let {page}=this.state; const { getFieldDecorator } = this.props.form; console.log("renderrenderrender"); console.log(this.props.item_banksedit); console.log("renderrenderrendersssss"); console.log(this.state.rbtx); return (
{getFieldDecorator("rbkc", { rules: [{ required: true, message: '请选择课程' }], } )( )} {getFieldDecorator("rbzsd", { rules: [{ required: true, message: '请选择知识点' }], } )(
{this.state.Knowpoints === undefined ? "" : this.state.Knowpoints.map((object, index) => { return (

{object}

this.deletesobject(object,index)}>
) })}
)}
{getFieldDecorator("rbtx", { rules: [{ required: true, message: '请选择题型'}], } )( )} {getFieldDecorator('rbnd', { rules: [{ required: true, message: '请选择难度'}], } )( 简单 适中 困难 , )} {/**/} {/* */} {/**/}
) } } const Itembankstops = Form.create({ name: 'Itembankstops' })(Itembankstop); export default Itembankstops;