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);

		const objectsingleid=objectsingle.id;
		const objectsinglescore=`（${objectsingle.score}分）`;
		return (
			<div className="w100s borderwdswuh  mt25 mb20  pd20 " style={{
				minHeight: "114px",
			}}>


			{/*顶部*/}
		<div className="w100s sortinxdirection ">
			{/*<div className=" sortinxdirection ">*/}
			{/*	<p className="cretitlecolrlis lh28">{objectsingleid}</p>、<p className="cretitlecolrlisobj lh28">（{objectsinglescore}分）</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(objectsingleid+objectsinglescore+objectsingle.name).replace(/▁/g, "▁▁▁")}}>
			</div>
		</div>
		{/*内容*/}
		<div className="w100s sortinxdirection">


				{
					objectsingle.item_type==="JUDGMENT"?
						<p className="w100s listjihetixingstits sortinxdirection ">
							{
								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>
									)
								})
							}
						</p>
						:
						objectsingle.item_type==="PROGRAM"?
							<p className="w100s listjihetixingstitssy sortinxdirection ">
								<p className={"sortinxdirection  mt15"} >
									<p style={{wordBreak: "break-word"}} dangerouslySetInnerHTML={{__html: markdownToHTML(objectsingle.program_attr.description).replace(/▁/g, "▁▁▁")}}></p>
								</p>
							</p>
							:
						<p className="w100s listjihetixingstits verticallayout ">
							{
								objectsingle === undefined ||objectsingle === null? "" : objectsingle.choices.map((object, index) => {
									return (
										<p className={index===0?"sortinxdirection":"sortinxdirection  mt15"} >
											{tagArray[index]}
											<p style={{wordBreak: "break-word"}} dangerouslySetInnerHTML={{__html: markdownToHTML(object.choice_text).replace(/▁/g, "▁▁▁")}}></p>
										</p>
									)
								})
							}
						</p>
				}


		</div>




			</div>
		)

	}


}

export default Paperreview_single