import React, {Component} from "react";
import {Link, NavLink} from 'react-router-dom';
import {WordsBtn, ActionBtn, getImageUrl,markdownToHTML} from 'educoder';
import axios from 'axios';
import {
	notification,
	Spin,
	Table,
	Pagination,
	Drawer,
	Input,
	Button,
	Breadcrumb,
	Radio
} from "antd";
import Itembankstop from "./component/Itembankstop";
import NoneData from './component/NoneData';
import './questioncss/questioncom.css';
import '../tpm/newshixuns/css/Newshixuns.css';
const tagArray = [
	'A．', 'B．', 'C．', 'D．', 'E．', 'F．', 'G．', 'H．', 'I．',
	'J．', 'K．', 'L．', 'M．', 'N．', 'O．', 'P．', 'Q．', 'R．',
	'S．', 'T．', 'U．', 'V．', 'W．', 'X．', 'Y．', 'Z．'
]
//单选题
class Paperreview_single extends Component {
	constructor(props) {
		super(props);

		this.state = {
			questions:0,
			totalscore:0,
			total:0,

		}

	}

	//初始化
	componentDidMount() {




	}


	getdata = (data) => {

	}

	preservation = () => {




	}


	setitem_type = (item_type) => {


	}

	render() {
		let {questions,totalscore,total,items} = this.state;
		let {objectsingle} =this.props;
		// //console.log(params);
		return (
			<div className="w100s borderwdswuh  mt25 mb20  pd20 " style={{
				minHeight: "114px",
			}}>


			{/*顶部*/}
		<div className="w100s sortinxdirection ">
			<div className=" sortinxdirection ">
				<p className="cretitlecolrlis lh28">{objectsingle.id}</p>、<p className="cretitlecolrlisobj lh28">（{objectsingle.score}分）</p>
			</div>
			<style>
				{
					`
					.markdown-body{
					   color: #333333;
             font-size: 14px !important;
                 line-height: 28px;

					}
					.markdown-body p {
					 color: #333333;
					 font-size: 14px !important;
					     line-height: 28px;

					}
					`
				}
			</style>
			<div className=" lh28 listjihetixingstit markdown-body cretitlecolrlist"  style={{wordBreak: "break-word"}} dangerouslySetInnerHTML={{__html: markdownToHTML(objectsingle&&objectsingle.name).replace(/▁/g, "▁▁▁")}}>
			</div>
		</div>
		{/*内容*/}
		<div className="w100s sortinxdirection">

			<p className="w100s listjihetixingstits sortinxdirection ">
				{
					objectsingle.item_type==="JUDGMENT"?
						objectsingle === undefined ||objectsingle === null? "" : objectsingle.choices.map((object, index) => {
							return (
								<p className={index===1? "sortinxdirection  ml10":"sortinxdirection  " }  >
									<Radio checked={object.is_answer}>
										{object.choice_text}
									</Radio>
								</p>
							)
						})
						:
						objectsingle === undefined ||objectsingle === null? "" : objectsingle.choices.map((object, index) => {
							return (
								<p className="sortinxdirection " >
									{tagArray[index]}
									<p style={{wordBreak: "break-word"}} dangerouslySetInnerHTML={{__html: markdownToHTML(object.choice_text).replace(/▁/g, "▁▁▁")}}></p>
								</p>
							)
						})
				}

			</p>
		</div>
	</div>
		)

	}


}

export default Paperreview_single