yslnewtiku
parent
ca4256661d
commit
b24024171d
@ -0,0 +1,100 @@
|
|||||||
|
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,
|
||||||
|
Drawer,
|
||||||
|
Input,
|
||||||
|
Breadcrumb
|
||||||
|
} from "antd";
|
||||||
|
import {TPMIndexHOC} from "../tpm/TPMIndexHOC";
|
||||||
|
import Itembankstop from "./component/Itembankstop";
|
||||||
|
import NoneData from './component/NoneData';
|
||||||
|
import './questioncss/questioncom.css';
|
||||||
|
class Questionitem_banks extends Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
//初始化
|
||||||
|
componentDidMount(){
|
||||||
|
// let {defaultActiveKey}= this.state;
|
||||||
|
// var data={
|
||||||
|
// public:defaultActiveKey
|
||||||
|
// };
|
||||||
|
// this.getdata(data);
|
||||||
|
//
|
||||||
|
// let url=`/users/get_navigation_info.json`;
|
||||||
|
// axios.get(url, {
|
||||||
|
//
|
||||||
|
// }).then((response) => {
|
||||||
|
// // console.log("开始请求/get_navigation_info.json");
|
||||||
|
// // console.log(response);
|
||||||
|
// if(response!=undefined){
|
||||||
|
// if(response.status===200){
|
||||||
|
// this.setState({
|
||||||
|
// Headertop:response.data.top,
|
||||||
|
// Footerdown:response.data.down
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
getdata =(data)=>{
|
||||||
|
// const url=`/item_banks.json`;
|
||||||
|
// axios.get((url),{params:data}).then((response) => {
|
||||||
|
// if(response===null||response===undefined){
|
||||||
|
//
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
// if (response.data.status === 403||response.data.status === 401||response.data.status === 500) {
|
||||||
|
//
|
||||||
|
// }else{
|
||||||
|
//
|
||||||
|
// }
|
||||||
|
// console.log("item_banks");
|
||||||
|
// console.log(response);
|
||||||
|
// }).catch((error) => {
|
||||||
|
// console.log(error)
|
||||||
|
//
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let {page,limit,count,Headertop,visible,placement,modalsType}=this.state;
|
||||||
|
return (
|
||||||
|
<div className="newMain clearfix educontent w1200mss">
|
||||||
|
<div className="w100s mt30">
|
||||||
|
<Breadcrumb separator=">">
|
||||||
|
<Breadcrumb.Item>试题库</Breadcrumb.Item>
|
||||||
|
<Breadcrumb.Item href="">新增试题</Breadcrumb.Item>
|
||||||
|
</Breadcrumb>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Itembankstop>
|
||||||
|
|
||||||
|
</Itembankstop>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
export default SnackbarHOC() (TPMIndexHOC ( Questionitem_banks ));
|
||||||
@ -0,0 +1,50 @@
|
|||||||
|
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';
|
||||||
|
class Choicequestion extends Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
page:1,
|
||||||
|
Knowpoints:[]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//初始化
|
||||||
|
componentDidMount(){
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let {page}=this.state;
|
||||||
|
const { getFieldDecorator } = this.props.form;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className=" clearfix educontent Contentquestionbankstyle w100s w1200fpx mt19" >
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
const Choicequestions = Form.create({ name: 'Choicequestions' })(Choicequestion);
|
||||||
|
export default Choicequestions;
|
||||||
@ -0,0 +1,349 @@
|
|||||||
|
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.state = {
|
||||||
|
page:1,
|
||||||
|
Knowpoints:[]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//初始化
|
||||||
|
componentDidMount(){
|
||||||
|
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)
|
||||||
|
// });
|
||||||
|
|
||||||
|
}
|
||||||
|
onChange=(e)=> {
|
||||||
|
console.log(`checked = ${e.target.checked}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
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,
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
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.props.form.setFieldsValue({
|
||||||
|
rbtx: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<tmp.length;i++){
|
||||||
|
if(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;
|
||||||
|
|
||||||
|
return (
|
||||||
|
|
||||||
|
<div className=" clearfix educontent Contentquestionbankstyle w100s w1200fpx mt19" >
|
||||||
|
<style>
|
||||||
|
{
|
||||||
|
`
|
||||||
|
.ant-form-item{
|
||||||
|
margin-bottom: 0px !important;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
.ant-form-explain{
|
||||||
|
padding-left:0px !important;
|
||||||
|
margin-top: 3px !important;
|
||||||
|
}
|
||||||
|
.ant-select-selection{
|
||||||
|
height: 33px !important;
|
||||||
|
}
|
||||||
|
.ant-input-group{
|
||||||
|
width:258px !important;
|
||||||
|
}
|
||||||
|
.ant-input {
|
||||||
|
height: 33px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
`
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div className="h12"></div>
|
||||||
|
<Form onSubmit={this.handleSubmit}>
|
||||||
|
<Form.Item
|
||||||
|
label="课程"
|
||||||
|
>
|
||||||
|
{getFieldDecorator("rbkc",
|
||||||
|
{
|
||||||
|
rules: [{ required: true, message: '请选择课程' }],
|
||||||
|
}
|
||||||
|
)(
|
||||||
|
|
||||||
|
<InputGroup compact >
|
||||||
|
<Select style={{ width: '258px' }} onChange={this.handleFormkechen} placeholder="请选择...">
|
||||||
|
<Option value="Home">Home</Option>
|
||||||
|
<Option value="Company">Company</Option>
|
||||||
|
</Select>
|
||||||
|
</InputGroup>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item
|
||||||
|
label="知识点"
|
||||||
|
>
|
||||||
|
{getFieldDecorator("rbzsd",
|
||||||
|
{
|
||||||
|
rules: [{ required: true, message: '请选择知识点' }],
|
||||||
|
}
|
||||||
|
)(
|
||||||
|
<div className="sortinxdirection">
|
||||||
|
<InputGroup compact >
|
||||||
|
<Cascader style={{ width: '258px' }} defaultValue={this.state.Knowpoints} options={options} onChange={this.handleFormzhishidian} placeholder="请选择..." />
|
||||||
|
</InputGroup>
|
||||||
|
|
||||||
|
|
||||||
|
<div className="sortinxdirection" style={{
|
||||||
|
height: "33px",
|
||||||
|
lineHeight: "28px",
|
||||||
|
|
||||||
|
}}>
|
||||||
|
|
||||||
|
{this.state.Knowpoints === undefined ? "" : this.state.Knowpoints.map((object, index) => {
|
||||||
|
return (
|
||||||
|
<div className="mytags" style={{
|
||||||
|
position: "relative",
|
||||||
|
}}>
|
||||||
|
<p className="w100s stestcen lh32">{object}</p>
|
||||||
|
<i className="iconfont icon-roundclose font-25 lg ml7 icondowncolorss" onClick={()=>this.deletesobject(object,index)}></i>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item
|
||||||
|
label="题型"
|
||||||
|
>
|
||||||
|
{getFieldDecorator("rbtx",
|
||||||
|
{
|
||||||
|
rules: [{ required: true, message: '请选择题型'}],
|
||||||
|
}
|
||||||
|
)(
|
||||||
|
<InputGroup compact>
|
||||||
|
<Select style={{ width: '258px' }} onChange={this.handleFormtixing} placeholder="请选择...">
|
||||||
|
<Option value="Home">Home</Option>
|
||||||
|
<Option value="Company">Company</Option>
|
||||||
|
</Select>
|
||||||
|
</InputGroup>
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
{
|
||||||
|
`
|
||||||
|
.ant-radio-button-wrapper{
|
||||||
|
width:106px !important;
|
||||||
|
height:33px !important;
|
||||||
|
background:#EEEEEE;
|
||||||
|
border-radius:17px !important;
|
||||||
|
color:#333333;
|
||||||
|
text-align: center !important;
|
||||||
|
border:0px !important;
|
||||||
|
margin-right: 27px !important;
|
||||||
|
margin-top: 6px !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.ant-radio-button-wrapper-checked {
|
||||||
|
width: 106px !important;
|
||||||
|
height: 33px !important;
|
||||||
|
background: #4CACFF !important;
|
||||||
|
border-radius: 17px !important;
|
||||||
|
text-align: center !important;
|
||||||
|
border:0px !important;
|
||||||
|
color: #ffffff !important;
|
||||||
|
margin-right: 27px !important;
|
||||||
|
margin-top: 6px!important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.ant-radio-button-wrapper:not(:first-child)::before{
|
||||||
|
border:0px !important;
|
||||||
|
width:0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-radio-button-wrapper{
|
||||||
|
border:0px !important;
|
||||||
|
}
|
||||||
|
.ant-radio-group{
|
||||||
|
border:0px !important;
|
||||||
|
}
|
||||||
|
.ant-radio-group label{
|
||||||
|
border:0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-radio-group span{
|
||||||
|
border:0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
`
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<Form.Item label="难度">
|
||||||
|
{getFieldDecorator('rbnd',
|
||||||
|
{
|
||||||
|
rules: [{ required: true, message: '请选择难度'}],
|
||||||
|
}
|
||||||
|
)(
|
||||||
|
|
||||||
|
<Radio.Group onChange={this.handleFormLayoutChange} >
|
||||||
|
<Radio.Button value="0">简单</Radio.Button>
|
||||||
|
<Radio.Button value="1">适中</Radio.Button>
|
||||||
|
<Radio.Button value="2">困难</Radio.Button>
|
||||||
|
</Radio.Group>,
|
||||||
|
)}
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item>
|
||||||
|
<Button type="primary" htmlType="submit" className="login-form-button">
|
||||||
|
提交
|
||||||
|
</Button>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
const Itembankstops = Form.create({ name: 'Itembankstops' })(Itembankstop);
|
||||||
|
export default Itembankstops;
|
||||||
Loading…
Reference in new issue