<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title></title>
	<link rel="stylesheet" href="../../css/mui.css" />
	<!-- <link rel="stylesheet" type="text/css" href="../../css/mui.extend.css" /> -->
	<!-- <link rel="stylesheet" type="text/css" href="../../css/mui.picker.css" /> -->
	<link rel="stylesheet" type="text/css" href="../../css/overhang.min.css">
	<link rel="stylesheet" href="../../css/bootstrap.css" />
	<!-- <link rel="stylesheet" type="text/css" href="../../css/common.css" /> -->
	<link rel="stylesheet" type="text/css" href="../../css/common1.css" />
	<link rel="stylesheet" type="text/css" href="../../js/v-viewer/viewer.css" />
	<link rel="stylesheet" href="../../css/oneSub/common/imageviewer.css" />
	<link rel="stylesheet" type="text/css" href="../../css/zaixianceping/CePingJieMian.css" />
	<link rel="stylesheet" href="../../css/xuekewang/preview.css" />
	<link href="../../css/zaixianceping/cropper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../../css/iconfont.css" />

	<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/mui.extend.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/htmlFont.js" type="text/javascript" charset="utf-8"></script>

	<title>测评界面</title>
	<style>
		.iconfont {
		  font-size: 25px; /* 基础大小 */
		  margin-right: 30px;
		  color: #48C6FF;
		}
	</style>
	<script type="text/javascript">
		var examNum ;
		var subjectNum  ;
		var gradeNum  ;
		var examPaperNum  ;
		var zyName ;
		mui.plusReady(function() {
			self = plus.webview.currentWebview();
			examNum = self.examNum;
			subjectNum = self.subjectNum;
			gradeNum = self.gradeNum;
			examPaperNum = self.examPaperNum;
			stageId = self.stageId;
			zyName=self.zyName;
			disabled=self.disabled;
			Config();
			// plus.screen.lockOrientation("landscape-primary");//横屏
			plus.screen.lockOrientation("portrait-primary");//竖屏
			
		})
		
		// 子页面js
		mui.init({
		  beforeback: function() {
		    // 获取父页面webview对象
		    var parentView = plus.webview.currentWebview().opener();
		    // 触发父页面的自定义事件
		    mui.fire(parentView, 'refreshParent', {msg: "数据已更新"});
		    return true; // 必须返回true才会执行关闭
		  }
		});
		
	</script>
</head>

<body>
	<div id="cepingjiemian">
		<header class="mui-bar mui-bar-nav" id="header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">
				<div class="cepingName">
					{{cepingName}}
				</div>
			</h1>
		</header>
		<div class="mui-content">
			<!-- 题列表 -->
			<div class="ti">
				<ul class="ti-ul">
					<li v-for="(item,i) in tiList" class="ti-li" @click="changeTi(i)" :ref="'tiItem_' + i">
						<div class="tiItem" :style="{ backgroundColor:i==defQuestionIndex?'#48C6FF':''}">
							<p ><span style="font-size: 0.13rem;font-weight: bold;">{{"T"+item.questionName}}</span><span style="font-size: 0.07rem;">{{(item.submitStatus=='1'?'(已交)':'')}}</span></p>
						</div>
					</li>
				</ul>
			</div>
			<!-- 题干-->
			<div class="tigan">
				<div class="questionType"><span>{{defQuestion.questionName}}、</span><span>{{defQuestion.qtypeName}}{{defQuestion.questionType=='0'?defQuestion.multiple=='1'?'(多选)':'(单选)':''}}</span> <span>(</span><span>{{defQuestion.fullScore}}</span> <span>分)</span></div>
				<!-- 原题 -->
				<div class="stem" v-show="expanded">
					<div v-html="defQuestion.stem" ></div>
					<div v-html="defQuestion.stem_ziti" ></div>
				</div>
				<div @click="zhankaiOrShouQi()" style="text-align: center;line-height:5vh;height: 5vh;margin-top: 20px;">
					<span style="display: inline-block;text-align: center;line-height:5vh;width:20vh;height: 5vh;border:1px dashed gainsboro;">{{expanded? '收起全部题干内容' : '展开全部题干内容'}}</span>
				</div>
				<!-- 知识点kpoints+答案answer+解析explanation -->
				<div class="kae" v-show="disabled">
					<!-- 答案 -->
					<div class="answer" v-show="expanded2">
						<span class="qml-explanation">【答案】</span>
						<div  v-html="defQuestion.answer"></div>
					</div>
					
					<!-- 解析 -->
					<div class="explanation" v-html="defQuestion.explanation" v-show="expanded2"></div>
					<div @click="zhankaiOrShouQi2()" style="text-align: center;line-height:5vh;height: 5vh;margin-top: 20px;">
						<span style="display: inline-block;text-align: center;line-height:5vh;width:20vh;height: 5vh;border:1px dashed gainsboro;">{{expanded2? '收起全部答案解析内容' : '展开全部答案解析内容'}}</span>
					</div>
				</div>
				
				<div class="myanswer">
					<span class="qml-explanation">【我的答案】</span>
					<template v-if="defQuestion.questionType=='0'">
						<span>{{defQuestion.myscore}}/{{defQuestion.fullScore}}分</span>
					</template>
					<template v-else-if="defQuestion.panfenStatus=='F'">
						<span>未阅卷</span>
					</template>
					<template v-else-if="defQuestion.myscoreList">
						<span v-for="oneSubQues in defQuestion.myscoreList" class="div-myscore-hbcq">
							<span>T{{oneSubQues.questionName}}</span>
							<span>（{{oneSubQues.myscore}}/{{oneSubQues.fullScore}}分）</span>
						</span>
					</template>
					<template v-else>
						<span>{{defQuestion.myscore}}/{{defQuestion.fullScore}}分</span>
					</template>
					
					<div class="myanswer">
						<template v-if="defQuestion.submitStatus!='1'">未作答</template>
						<template v-else-if="defQuestion.answerStatus=='1'">不会做</template>
						<template v-else-if="defQuestion.questionType=='0'">
							<template v-if="defQuestion.multiple=='1'">{{defQuestion.myanswer.join('')}}</template>
							<template v-else>{{defQuestion.myanswer}}</template>
						</template>
						<template v-else>
							<div>
								<img :src="defQuestion.mergedImage"  class="preview-img" :data-preview-src="defQuestion.mergedImage" data-preview-group='1' style="display: inline-block;width: 150px;height: 150px;" v-if="defQuestion.mergedImage">
								<div v-else></div>
							</div>
						</template>
					</div>
						
				</div>
					
				</div>
						
			</div>
			<!-- 切换上一题下一题 -->
			<div class="qiehuan">
				<div class="anniu">
					<div v-if="defQuestionIndex=='0'" >
						<span></span>
					</div>	
					<div class="pre" @click="pre" v-else>
						<—&nbsp;上一题
					</div>	
				</div>
				
				<div class="anniu">
					<div v-if="defQuestionIndex==(tiList.length-1)">
						<span></span>
					</div>	
					<div class="next" @click="next" v-else>
						下一题&nbsp;—>
					</div>	
				</div>
				
			</div>
		</div>
		
	</div>
		
</body>
<script type="text/javascript" src="../../js/axios.min.js"></script>
<script type="text/javascript" src="../../js/vue-2.6.12.js"></script>
<script type="text/javascript" src="../../js/compressorJs/compressor.js"></script>
<script type="text/javascript" src="../../js/compressorJs/compressor.min.js"></script>
<script type="text/javascript" src="../../js/mui.zoom.js"></script>
<script type="text/javascript" src="../../js/mui.previewimage.js"></script>
<script src="../../js/zaixianceping/cropper.min.js"></script>
<script type="text/javascript" src="../../js/zaixianceping/mergeCompressImage.js"></script>
<script type="text/javascript" src="../../js/zaixianceping/merge-images.js"></script>
<script type="text/javascript" src="../../js/zaixianceping/cePingDetail.js"></script>
<!-- <script type="text/javascript" src="../../js/zaixianceping/crop.js"></script> -->
</html>





