<template>
	<div>
		<div style="padding: 10px;text-align: center;font-size: 20px;font-weight: bold;border-bottom: 2px solid #60A900;position: relative;">
			{{title}}
			<div style="position: absolute;right: 0;bottom: 10px;font-weight: normal;font-size: 14px;">
				{{getAllNum}}
			</div>
		</div>
		<div style="display: flex;justify-content: center;margin-top: 10px;">
			<div>
				<el-radio-group v-model="show" >
					<el-radio :label="true" ><span style="font-size: 16px;">全部显示</span></el-radio>
					<el-radio :label="false" ><span style="font-size: 16px;">隐藏答案</span></el-radio>
				</el-radio-group>
			</div>
		</div>
		<div style="padding: 10px 20px;">
			<div v-for="(v,i) in content" :key="i">
				<div v-for="(item,key) in v" :key="key">
					<div v-if="key == '27'">
						<span v-if="i==0">
							一、
						</span>
						<span v-else-if="i==1">
							二、
						</span>
						<span v-else>
							三、
						</span>
						单选题 （{{'共'+item.count+'题,共'+item.score+'分'}}）
					</div>
					<div v-else-if="key == '28'">
						<span v-if="i==0">
							一、
						</span>
						<span v-else-if="i==1">
							二、
						</span>
						<span v-else>
							三、
						</span>
						多选题 （{{'共'+item.count+'题,共'+item.score+'分'}}）
					</div>
					<div v-else>
						<span v-if="i==0">
							一、
						</span>
						<span v-else-if="i==1">
							二、
						</span>
						<span v-else>
							三、
						</span>
						判断题 （{{'共'+item.count+'题,共'+item.score+'分'}}）
					</div>
					<div v-for="(value,index) in item.rubricInfos" :key="value.RubricID">
						<div v-if="key == '27'">
							<danxuan :content="value" :index="index" :show="show"></danxuan>
						</div>
						<div v-else-if="key == '28'">
							<duoxuan :content="value" :index="index" :show="show"></duoxuan>
						</div>
						<div v-else>
							<panduan :content="value" :index="index" :show="show"></panduan>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</template>

<script>
	import danxuan from "./danxuan.vue"
	import duoxuan from "./duoxuan.vue"
	import panduan from "./panduan.vue"
	export default {
		name:"YvlanSj",
		props: {
			content: { // 传入的地址
				type: Object,
				default:null,
			},
			title:{
				type:String,
				default:null,
			}
		},
		components:{
			danxuan,duoxuan,panduan
		},
		data() {
			return {
				show:true,
			};
		},
		computed: {
			getAllNum(){
				let num = 0
				let score = 0
				for(let i in this.content){
					for(let q in this.content[i]){
						num += this.content[i][q].count
						score += this.content[i][q].score
					}
				}
				return "总共"+num+"题 共"+score+"分"
			}
		},
		mounted() {
			
		},
		methods: {
			
		},
	};
</script>

<style>
	
</style>