import React from 'react'; import { Input, Button, Form, Select, Icon, Spin, InputNumber, Tag } from 'antd'; import './tech.less'; import TechSelect from './techSelect.jsx'; const FormItem = Form.Item; const Option = Select.Option; const edulvlArr = ["高中", "大专", "本科", "硕士研究生", "博士研究生"]; const TechFrom = Form.create()(React.createClass({ getInitialState() { return { loading: false, techzoneArr: [], havetechzone: [], skillArr: [], haveskill: [] }; }, handleSubmit(e) { e.preventDefault(); this.props.form.validateFields((err, values) => { if (!err) { console.log('Received values of form: ', values); } }); }, techzone(x, y, z) { this.state.selecttech = x + '/' + y + '/' + z; }, addtechzone(e) { let _me = this; let newArr = _me.state.techzoneArr; if (this.state.selecttech !== undefined) { if (_me.state.techzoneArr.length > 0) { let thebool = true; _me.state.techzoneArr.map(function (item, i) { if (item === _me.state.selecttech) { thebool = false }; }); if (thebool) { newArr = _me.state.techzoneArr.concat(_me.state.selecttech); } } else if (_me.state.techzoneArr.length === 0) { newArr = _me.state.techzoneArr.concat(_me.state.selecttech); } this.setState({ techzoneArr: newArr }); }; }, deletetechzone(e) { let _me = this.state; let newArr = []; _me.techzoneArr.map(function (item, i) { if (item !== e) { newArr.push(item); } }); this.setState({ techzoneArr:newArr }) }, addskill(e) { let _me = this; let theskill = _me.props.form.getFieldValue('skill') if (theskill !== undefined) { if (_me.state.skillArr.length > 0) { let thebool = true; _me.state.skillArr.map(function (item, i) { if (item === theskill) { thebool = false }; }); if (thebool) { _me.state.skillArr.push(theskill); } } else if (_me.state.skillArr.length === 0) { _me.state.skillArr.push(theskill); } this.setState({ haveskill: _me.state.skillArr }); }; console.log(_me.state.skillArr); }, deleteskill(e) { let _me = this.state; _me.skillArr.map(function (item, i) { if (item === e) { _me.skillArr.splice(i, 1); } }); console.log(_me.skillArr); }, render() { const { getFieldDecorator } = this.props.form; const formItemLayout = { labelCol: { span: 4 }, wrapperCol: { span: 12 }, }; const _me = this; return (
{getFieldDecorator('techpeople')(
)}
{getFieldDecorator('techzone')(
)}
{ this.state.techzoneArr.map(function (item, i) { return {item} }.bind(this)) }
{getFieldDecorator('skill')(
擅长 的研究
)}
{ this.state.haveskill.map(function (item, i) { return {item} }.bind(this)) }
); }, })); const Person = React.createClass({ getInitialState() { return { loading: false }; }, render() { return (

完善研究领域与擅长能力可加入平台专家,承接技术难题!

) } }); export default Person;