parent
c9cbae157d
commit
a6bd369fae
@ -0,0 +1,239 @@
|
|||||||
|
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
|
||||||
|
} from "antd";
|
||||||
|
import {TPMIndexHOC} from "../tpm/TPMIndexHOC";
|
||||||
|
import NoneData from './component/NoneData';
|
||||||
|
import './testioncss/testioncss.css';
|
||||||
|
import Contentpart from "./component/Contentpart";
|
||||||
|
import SiderBar from "../tpm/SiderBar";
|
||||||
|
import Headplugselection from "../question/component/Headplugselection";
|
||||||
|
|
||||||
|
class Testpaperlibrary extends Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
Headertop: "",
|
||||||
|
disciplinesdata:null,
|
||||||
|
discipline_id:null,
|
||||||
|
sub_discipline_id:null,
|
||||||
|
tag_discipline_id:null,
|
||||||
|
public:null,
|
||||||
|
difficulty:null,
|
||||||
|
item_type:null,
|
||||||
|
keywords:null,
|
||||||
|
page:1,
|
||||||
|
per_page:10,
|
||||||
|
booljupyterurls:false,
|
||||||
|
Contentdata:[],
|
||||||
|
items_count:0,
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
getContainer = () => {
|
||||||
|
return this.container;
|
||||||
|
};
|
||||||
|
saveContainer = container => {
|
||||||
|
this.container = container;
|
||||||
|
};
|
||||||
|
|
||||||
|
//初始化
|
||||||
|
componentDidMount() {
|
||||||
|
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
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//获取题库筛选资料
|
||||||
|
let urls = `/disciplines.json`;
|
||||||
|
axios.get(urls, {params: {
|
||||||
|
source:"question"
|
||||||
|
}}).then((response) => {
|
||||||
|
if (response) {
|
||||||
|
this.setState({
|
||||||
|
disciplinesdata: response.data.disciplines,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
paginationonChange=()=>{
|
||||||
|
var data={
|
||||||
|
|
||||||
|
}
|
||||||
|
this.getdata(data);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 选择难度
|
||||||
|
setdifficulty=()=>{
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
callback=()=>{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//搜索框的内容
|
||||||
|
setdatafunsval=()=>{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//搜索按钮
|
||||||
|
setdatafuns=()=>{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取数据
|
||||||
|
getdata=(data)=>{
|
||||||
|
const url = `/item_banks.json`;
|
||||||
|
this.setState({
|
||||||
|
booljupyterurls:true,
|
||||||
|
})
|
||||||
|
axios.get((url), {params: data}).then((response) => {
|
||||||
|
setTimeout(()=>{
|
||||||
|
this.setState({
|
||||||
|
booljupyterurls:false,
|
||||||
|
})
|
||||||
|
},1000);
|
||||||
|
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);
|
||||||
|
this.setState({
|
||||||
|
Contentdata: response.data,
|
||||||
|
items_count: response.data.items_count,
|
||||||
|
})
|
||||||
|
}).catch((error) => {
|
||||||
|
////console.log(error)
|
||||||
|
this.setState({
|
||||||
|
booljupyterurls:false,
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
setdiscipline_id=(discipline_id)=>{
|
||||||
|
this.setState({
|
||||||
|
discipline_id:discipline_id,
|
||||||
|
sub_discipline_id:null,
|
||||||
|
tag_discipline_id:null
|
||||||
|
})
|
||||||
|
var data = {
|
||||||
|
discipline_id:discipline_id,
|
||||||
|
sub_discipline_id:null,
|
||||||
|
tag_discipline_id:null,
|
||||||
|
public: this.state.defaultActiveKey,
|
||||||
|
difficulty: this.state.difficulty,
|
||||||
|
item_type: this.state.item_type,
|
||||||
|
keywords: this.state.keywords,
|
||||||
|
page: this.state.page,
|
||||||
|
per_page:10,
|
||||||
|
};
|
||||||
|
this.getdata(data);
|
||||||
|
|
||||||
|
}
|
||||||
|
setsub_discipline_id=(sub_discipline_id)=>{
|
||||||
|
this.setState({
|
||||||
|
sub_discipline_id:sub_discipline_id,
|
||||||
|
tag_discipline_id:null
|
||||||
|
})
|
||||||
|
var data = {
|
||||||
|
discipline_id:this.state.discipline_id,
|
||||||
|
sub_discipline_id:sub_discipline_id,
|
||||||
|
tag_discipline_id:null,
|
||||||
|
public: this.state.defaultActiveKey,
|
||||||
|
difficulty: this.state.difficulty,
|
||||||
|
item_type: this.state.item_type,
|
||||||
|
keywords: this.state.keywords,
|
||||||
|
page: this.state.page,
|
||||||
|
per_page:10,
|
||||||
|
};
|
||||||
|
this.getdata(data);
|
||||||
|
}
|
||||||
|
|
||||||
|
settag_discipline_id=(tag_discipline_id)=>{
|
||||||
|
this.setState({
|
||||||
|
tag_discipline_id:tag_discipline_id
|
||||||
|
})
|
||||||
|
var data = {
|
||||||
|
discipline_id:this.state.discipline_id,
|
||||||
|
sub_discipline_id:this.state.sub_discipline_id,
|
||||||
|
tag_discipline_id:tag_discipline_id,
|
||||||
|
public: this.state.defaultActiveKey,
|
||||||
|
difficulty: this.state.difficulty,
|
||||||
|
item_type: this.state.item_type,
|
||||||
|
keywords: this.state.keywords,
|
||||||
|
page: this.state.page,
|
||||||
|
per_page:10,
|
||||||
|
};
|
||||||
|
this.getdata(data);
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let{Headertop,items_count,page,per_page}=this.state;
|
||||||
|
return (
|
||||||
|
<div className="newMain clearfix" ref={this.saveContainer}>
|
||||||
|
{/*试卷库*/}
|
||||||
|
<SiderBar
|
||||||
|
{...this.props}
|
||||||
|
{...this.state}
|
||||||
|
showDrawer={() => this.showDrawer()}
|
||||||
|
Headertop={Headertop}/>
|
||||||
|
{/*顶部*/}
|
||||||
|
<Headplugselection {...this.props} {...this.state}
|
||||||
|
setdiscipline_id={(e)=>this.setdiscipline_id(e)}
|
||||||
|
setsub_discipline_id={(e)=>this.setsub_discipline_id(e)}
|
||||||
|
settag_discipline_id={(e)=>this.settag_discipline_id(e)}
|
||||||
|
></Headplugselection>
|
||||||
|
{/*头部*/}
|
||||||
|
<Contentpart>
|
||||||
|
|
||||||
|
</Contentpart>
|
||||||
|
{
|
||||||
|
items_count&&items_count>10?
|
||||||
|
<div className="mb30 clearfix educontent mt40 intermediatecenter">
|
||||||
|
<Pagination showQuickJumper current={page} onChange={this.paginationonChange}
|
||||||
|
pageSize={per_page}
|
||||||
|
total={items_count}></Pagination>
|
||||||
|
</div>
|
||||||
|
:
|
||||||
|
<div className="h30 clearfix educontent mt40 intermediatecenter">
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default SnackbarHOC()(TPMIndexHOC(Testpaperlibrary));
|
||||||
@ -0,0 +1,176 @@
|
|||||||
|
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,
|
||||||
|
Tabs,
|
||||||
|
Input,
|
||||||
|
Popover
|
||||||
|
} from "antd";
|
||||||
|
import './../questioncss/questioncom.css';
|
||||||
|
import NoneDatas from '../component/NoneDatas';
|
||||||
|
import LoadingSpin from '../../../common/LoadingSpin';
|
||||||
|
import Contentquestionbank from "./Contentquestionbank";
|
||||||
|
import Listjihe from "./Listjihe";
|
||||||
|
const { TabPane } = Tabs;
|
||||||
|
const Search = Input.Search;
|
||||||
|
class Contentpart extends Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
page:1,
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//初始化
|
||||||
|
componentDidMount(){
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let {page}=this.state;
|
||||||
|
let {defaultActiveKey}=this.props;
|
||||||
|
const content = (
|
||||||
|
<div className="questiontypes" style={{
|
||||||
|
width:'93px',
|
||||||
|
height:'161px',
|
||||||
|
}}>
|
||||||
|
<p className="questiontype " onClick={()=>this.props.setitem_types("SINGLE")}>单选题</p>
|
||||||
|
<p className="questiontypeheng" ></p>
|
||||||
|
<p className="questiontype " onClick={()=>this.props.setitem_types("MULTIPLE")}>多选题</p>
|
||||||
|
<p className="questiontypeheng"></p>
|
||||||
|
<p className="questiontype " onClick={()=>this.props.setitem_types("JUDGMENT")}>判断题</p>
|
||||||
|
<p className="questiontypeheng"></p>
|
||||||
|
<p className="questiontype " onClick={()=>this.props.setitem_types("PROGRAM")}>编程题</p>
|
||||||
|
<p className="questiontypeheng"></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
const contents = (
|
||||||
|
<div className="questiontypes" style={{
|
||||||
|
width:'93px',
|
||||||
|
height:'120px',
|
||||||
|
}}>
|
||||||
|
<p className="questiontype " onClick={()=>this.props.setdifficulty(1)}>简单</p>
|
||||||
|
<p className="questiontypeheng"></p>
|
||||||
|
<p className="questiontype " onClick={()=>this.props.setdifficulty(2)}>适中</p>
|
||||||
|
<p className="questiontypeheng"></p>
|
||||||
|
<p className="questiontype " onClick={()=>this.props.setdifficulty(3)}>困难</p>
|
||||||
|
<p className="questiontypeheng"></p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
return (
|
||||||
|
<div className=" clearfix mt40">
|
||||||
|
<div className="educontent mt10 pb20 w1200s">
|
||||||
|
<div className="w1200ms contentparttit" style={{
|
||||||
|
position: "relative",
|
||||||
|
}}>
|
||||||
|
<style>
|
||||||
|
{
|
||||||
|
`
|
||||||
|
.contentparttit .ant-tabs-nav .ant-tabs-tab{
|
||||||
|
margin: 10px 10px 10px 0 !important;
|
||||||
|
}
|
||||||
|
.contentparttit .ant-tabs-nav .ant-tabs-ink-bar{
|
||||||
|
width: 31px !important;
|
||||||
|
left: 14px;
|
||||||
|
}
|
||||||
|
`
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<Tabs defaultActiveKey={defaultActiveKey} onChange={(e)=>this.props.callback(e)}>
|
||||||
|
<TabPane tab="公共" key="1">
|
||||||
|
</TabPane>
|
||||||
|
<TabPane tab="我的" key="0">
|
||||||
|
</TabPane>
|
||||||
|
</Tabs>
|
||||||
|
<div className=" mt19" style={{
|
||||||
|
position:"absolute",
|
||||||
|
top: "0px",
|
||||||
|
right:" 0px",
|
||||||
|
paddingRight: "20px",
|
||||||
|
}}>
|
||||||
|
<style>
|
||||||
|
{
|
||||||
|
`
|
||||||
|
.xaxisreverseorder .ant-input-group-addon{
|
||||||
|
width: 60px !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.xaxisreverseorder .ant-input-lg {
|
||||||
|
height: 41px;}
|
||||||
|
|
||||||
|
.xaxisreverseorder .ant-popover{
|
||||||
|
top: 348px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.ant-popover-inner-content {
|
||||||
|
padding:0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
`
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div className="xaxisreverseorder">
|
||||||
|
{
|
||||||
|
defaultActiveKey===0||defaultActiveKey==="0"?
|
||||||
|
<a href={'/question/newitem'}>
|
||||||
|
<div className="newbutoon">
|
||||||
|
<p className="newbutoontes" >新增</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
:""
|
||||||
|
}
|
||||||
|
<Popover placement="bottom" content={contents} trigger="click" visible={this.props.visiblemys} onVisibleChange={()=>this.props.handleVisibleChange(true)}>
|
||||||
|
<div className=" sortinxdirection mr10">
|
||||||
|
|
||||||
|
<div className="subjecttit">
|
||||||
|
难度
|
||||||
|
</div>
|
||||||
|
<i className="iconfont icon-sanjiaoxing-down font-12 lg ml7 icondowncolor"></i>
|
||||||
|
</div>
|
||||||
|
</Popover>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<Popover placement="bottom" content={content} trigger="click" visible={this.props.visiblemyss} onVisibleChange={()=>this.props.handleVisibleChanges(true)}>
|
||||||
|
<div className="sortinxdirection mr40">
|
||||||
|
<div className="subjecttit">
|
||||||
|
题型
|
||||||
|
</div>
|
||||||
|
<i className="iconfont icon-sanjiaoxing-down font-12 lg ml7 icondowncolor"></i>
|
||||||
|
</div>
|
||||||
|
</Popover>
|
||||||
|
<Search
|
||||||
|
style={{ width: "347px",marginRight:"60px",}}
|
||||||
|
placeholder="请输入题目名称、内容"
|
||||||
|
enterButton
|
||||||
|
size="large"
|
||||||
|
onInput={(e)=>this.props.setdatafunsval(e)}
|
||||||
|
onSearch={ (value)=>this.props.setdatafuns(value)} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
export default Contentpart
|
||||||
@ -0,0 +1,68 @@
|
|||||||
|
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
|
||||||
|
} from "antd";
|
||||||
|
import './../questioncss/questioncom.css';
|
||||||
|
class Contentquestionbank extends Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
page:1,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//初始化
|
||||||
|
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}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
|
||||||
|
return (
|
||||||
|
|
||||||
|
<div className=" clearfix mt5 Contentquestionbankstyle">
|
||||||
|
<div className="educontent mt10 w100s">
|
||||||
|
<div className="sortinxdirection w100s" >
|
||||||
|
<div className="sortinxdirection w50s">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div className="xaxisreverseorder testpaper w50s">
|
||||||
|
共{this.props.items_count?this.props.items_count:0}个试题
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
export default Contentquestionbank ;
|
||||||
@ -0,0 +1,37 @@
|
|||||||
|
import React, { Component } from 'react';
|
||||||
|
import { getImageUrl , getUrl } from 'educoder';
|
||||||
|
|
||||||
|
class NoneData extends Component{
|
||||||
|
constructor(props) {
|
||||||
|
super(props)
|
||||||
|
}
|
||||||
|
render(){
|
||||||
|
const { style } = this.props;
|
||||||
|
return(
|
||||||
|
<div className="edu-tab-con-box clearfix edu-txt-center intermediatecenter" style={ style || { width:"100%",height:"100%"}}>
|
||||||
|
<style>
|
||||||
|
{`
|
||||||
|
.edu-tab-con-box{
|
||||||
|
padding:100px 0px;
|
||||||
|
}
|
||||||
|
.ant-modal-body .edu-tab-con-box{
|
||||||
|
padding:0px!important;
|
||||||
|
}
|
||||||
|
img.edu-nodata-img{
|
||||||
|
margin: 40px auto 20px;
|
||||||
|
}
|
||||||
|
.zenwuxgsj{
|
||||||
|
font-size:17px;
|
||||||
|
font-family:MicrosoftYaHei;
|
||||||
|
color:rgba(136,136,136,1);
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
</style>
|
||||||
|
<img className="edu-nodata-img mb20" src={getUrl("/images/educoder/nodata.png")}/>
|
||||||
|
<p className="edu-nodata-p mb10 zenwuxgsj">暂无相关数据</p>
|
||||||
|
<p className="edu-nodata-p mb20 mt4 zenwuxgsj">请选择试题进行组卷</p>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default NoneData;
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
import React, { Component } from 'react';
|
||||||
|
import { getImageUrl , getUrl } from 'educoder';
|
||||||
|
|
||||||
|
class NoneDatas extends Component{
|
||||||
|
constructor(props) {
|
||||||
|
super(props)
|
||||||
|
}
|
||||||
|
render(){
|
||||||
|
const { style } = this.props;
|
||||||
|
return(
|
||||||
|
<div className="edu-tab-con-box clearfix edu-txt-center intermediatecenter" style={ style || { width:"100%",height:"100%"}}>
|
||||||
|
<style>
|
||||||
|
{`
|
||||||
|
.edu-tab-con-box{
|
||||||
|
padding:100px 0px;
|
||||||
|
}
|
||||||
|
.ant-modal-body .edu-tab-con-box{
|
||||||
|
padding:0px!important;
|
||||||
|
}
|
||||||
|
img.edu-nodata-img{
|
||||||
|
margin: 40px auto 20px;
|
||||||
|
}
|
||||||
|
.zenwuxgsj{
|
||||||
|
font-size:17px;
|
||||||
|
font-family:MicrosoftYaHei;
|
||||||
|
color:rgba(136,136,136,1);
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
</style>
|
||||||
|
<img className="edu-nodata-img mb20" src={getUrl("/images/educoder/nodata.png")}/>
|
||||||
|
<p className="edu-nodata-p mb10 zenwuxgsj">暂无相关数据</p>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default NoneDatas;
|
||||||
Loading…
Reference in new issue