Skip to content

E
eduline
Commit f38cc92b by 陈超
Options

A

parent 42380b02
Showing with 420 additions and 251 deletions
apps/classroom/Tpl/default/Index/search_w3g.html
......@@ -316,7 +316,8 @@
//点击真题
onTapQuestion: function(item) {
if(item.price == 0) {
let url = "{:U('exams/index/examsroom')}" + "&paper_id=" + item.id + "&joinType=1"
window.location.href = url
} else {
}
......
apps/exams/Tpl/default/Index/examsroom_w3g.html
<include file="__THEME__/public_header_w3g"/>
<link rel="stylesheet" type="text/css" href="__APP__/css/public.css">
<link rel="stylesheet" type="text/css" href="__APP__/icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="__APP__/css/public_header_footer_media.css">
<link rel="stylesheet" type="text/css" href="__APP__/css/exam_2.0.css">
<div class="cover"></div>
<div class="min-height-wrap">
<div class="exam-header">
<div class="back-date">
<i class="icon icon-fanhui1" style="display: none;"></i>
<small>
<php>if($paper['reply_time']){</php>
<span id="time_hh">-</span>:<span id="time_mm">-</span>:<span id="time_ss">-</span>
<php>}else{</php>
<span>不限时</span>
<php>}</php>
</small>
</div>
<div class="view-stop">
<neq name="Think.get.joinType" value="2"><i class="icon icon-zanting"></i></neq>
<a href="javascript:;" id="show-answer-card"><i class="icon icon-datiqia"></i></a>
</div>
<neq name="Think.get.joinType" value="2">
<ul class="the-stop">
<li>继续</li>
<if condition="$paper['assembly_type'] neq 1"><li id="progressExams">下次再做</li></if>
</ul>
</neq>
</div>
<div class="answer-card">
<php>$question_num = 1;</php>
<volist name="paper_options.options_type" id="options_type">
<php>
if(!$paper_options['options_questions_data'][$options_type['question_type']]){
break;
}
</php>
<dl>
<dt><h6>{$options_type.type_info.question_type_title}</h6></dt>
<dd>
<volist name="paper_options['options_questions_data'][$options_type['question_type']]" id="question">
<a id="card{$question_num}" <php>if(isset($tempData['content'][$question['exams_question_id']])){ echo "class='on go_question'";}</php> href="javascript:;" data-question_num="{$question_num}" class="go_question">{$question_num}</a>
<php>$question_num++;</php>
</volist>
</dd>
</dl>
</volist>
<div class="btns-complete">
<a href="javascript:void(0)" style="color:#fff;" class="assignment">交卷</a>
</div>
</div>
<input type="hidden" name="reply_time" value="{$paper.reply_time|default='0'}" />
<form name="answers" method="POST" action="{:U('exams/Index/doHaddleExams')}">
<input type="hidden" name="anser_time" id="anser_time" value="{$tempData.anser_time|default='0'}">
<input type="hidden" name="exams_mode" value="{$Think.get.joinType|default=1}">
<input type="hidden" name="paper_id" value="{$paper.exams_paper_id}">
<input type="hidden" name="ch_id" value="{$_GET['s_id']}">
<input type="hidden" name="view_url" value="{$_GET['view']}">
<input type="hidden" name="is_timeout" value="0">
<php>if($tempData){</php>
<input type="hidden" name="exams_users_id" value="{$tempData.exams_users_id}">
<php>}</php>
<input type="hidden" name="paper_options_id" value="{$paper_options.exams_paper_options_id}">
<div class="static-exam">
<php>$question_num = 1;</php>
<volist name="paper_options.options_type" id="options_type">
<switch name="options_type.question_type_key">
<case value="radio|judge|multiselect">
<!-- 单选题 -->
<volist name="paper_options['options_questions_data'][$options_type['question_type']]" id="question">
<dl id="ex{$question_num}" data-type="{$options_type.question_type_key}" data-question_num="{$question_num}">
<dt>
<h5><small>{$question_num}</small>/{$paper_options.questions_count}<strong>{$options_type.type_info.question_type_title}</strong></h5>
<h3>{$question.content}</h3>
</dt>
<dd>
<php>
if($tempData){
$content = isset($tempData['content'][$question['exams_question_id']]) ? $tempData['content'][$question['exams_question_id']] : [];
}else{
$content = [];
}
</php>
<volist name="question.answer_options" id="answer">
<div class="answer_box">
<p class="answer_p<php>if(in_array($key,$content)){</php> on<php>}</php>" data-answer="{$key}"><em>{$key}</em>{$answer}</p>
</div>
</volist>
<div class="user_answer_hidden">
<input type="hidden" name="user_answer[{$question.exams_question_id}]" value="{:implode(',',$content)}">
</div>
</dd>
<a href="javascript:;" data-question_num="{$question_num}" class="next next_question">下一题</a>
<div class="operation">
<div class="operation-tit">
<eq name="isPractice" value="1"><strong><small>查看解析</small><i class="icon icon-arrowDown"></i></strong></eq>
<php>if($question['is_collect'] == 1){</php>
<b data-question_id="{$question.exams_question_id}" data-action="0">
<i class="icon icon-shoucang2" style="color:#F7B659;"></i><small>已收藏</small>
</b>
<php>}else{</php>
<b data-question_id="{$question.exams_question_id}" data-action="1">
<i class="icon icon-area1"></i><span>考点:{$question.exams_point_title}</span>
<i class="icon icon-shoucang2"></i><small>收藏习题</small>
</b>
<php>}</php>
</div>
<eq name="isPractice" value="1">
<!--答案解析-->
<div class="analysis">
<div class="analysis-pic">
<h6>正确答案</h6><abbr><volist name="question.answer_true_option" id="answer_true">{$answer_true}</volist></abbr>
</div>
<div class="analysis-txt">
<h6>解析</h6>
<p>{$question.analyze}</p>
</div>
</div>
</eq>
</div>
</dl>
<php>$question_num++;</php>
</volist>
</case>
<case value="completion">
<!-- 填空题 -->
<volist name="paper_options['options_questions_data'][$options_type['question_type']]" id="question">
<dl id="ex{$question_num}" data-type="{$options_type.question_type_key}" data-question_num="{$question_num}">
<dt>
<h5><small>{$question_num}</small>/{$paper_options.questions_count}<strong>{$options_type.type_info.question_type_title}</strong></h5>
<h3>{$question.content}</h3>
</dt>
<dd>
<php>
if($tempData){
$content = isset($tempData['content'][$question['exams_question_id']]) ? $tempData['content'][$question['exams_question_id']] : [];
}else{
$content = [];
}
</php>
<volist name="question.answer_true_option" id="answer">
<label>{$i}、<input type="text" class="anserItem" <php>if($content){</php>value="{$content[$i-1]}"<php>}</php> name="user_answer[{$question.exams_question_id}][]"></label>
</volist>
</dd>
<a href="javascript:;" data-question_num="{$question_num}" class="next next_question">下一题</a>
<div class="operation">
<div class="operation-tit">
<eq name="isPractice" value="1"><strong><small>查看解析</small><i class="icon icon-arrowDown"></i></strong></eq>
<php>if($question['is_collect'] == 1){</php>
<b data-question_id="{$question.exams_question_id}" data-action="0"><i class="icon icon-shoucang2" style="color:#F7B659;"></i><small>已收藏</small></b>
<php>}else{</php>
<b data-question_id="{$question.exams_question_id}" data-action="1">
<i class="icon icon-area1"></i><span>考点:{$question.exams_point_title}</span>
<i class="icon icon-shoucang2"></i><small>收藏习题</small>
</b>
<php>}</php>
</div>
<eq name="isPractice" value="1">
<!--答案解析-->
<div class="analysis">
<div class="analysis-pic">
<h5>正确答案</h5>
<ul>
<volist name="question.answer_true_option" id="answer_true">
<li>{$i}、{$answer_true}</li>
</volist>
</ul>
</div>
<div class="analysis-txt">
<h6>解析</h6>
<p>{$question.analyze}</p>
</div>
</div>
</eq>
</div>
</dl>
<php>$question_num++;</php>
</volist>
</case>
<case value="essays">
<!-- 简述题-->
<volist name="paper_options['options_questions_data'][$options_type['question_type']]" id="question">
<dl id="ex{$question_num}" data-type="{$options_type.question_type_key}" data-question_num="{$question_num}">
<dt>
<h5><small>{$question_num}</small>/{$paper_options.questions_count}<strong>{$options_type.type_info.question_type_title}</strong></h5>
<h3>{$question.content}</h3>
</dt>
<dd>
<php>
if($tempData){
$content = isset($tempData['content'][$question['exams_question_id']]) ? $tempData['content'][$question['exams_question_id']] : [];
}else{
$content = [];
}
</php>
<textarea class="anserItem" name="user_answer[{$question.exams_question_id}]">{$content[0]|default=''}</textarea>
</dd>
<a href="javascript:;" data-question_num="{$question_num}" class="next next_question">下一题</a>
<div class="operation">
<div class="operation-tit">
<eq name="isPractice" value="1"><strong><small>查看解析</small><i class="icon icon-arrowDown"></i></strong></eq>
<php>if($question['is_collect'] == 1){</php>
<b data-question_id="{$question.exams_question_id}" data-action="0"><i class="icon icon-shoucang2" style="color:#F7B659;"></i><small>已收藏</small></b>
<php>}else{</php>
<b data-question_id="{$question.exams_question_id}" data-action="1">
<i class="icon icon-area1"></i><span>考点:{$question.exams_point_title}</span>
<i class="icon icon-shoucang2"></i><small>收藏习题</small>
</b>
<php>}</php>
</div>
<eq name="isPractice" value="1">
<!--答案解析-->
<div class="analysis">
<div class="analysis-txt">
<h6>解析</h6>
<p>{$question.analyze}</p>
</div>
</div>
</eq>
</div>
</dl>
<php>$question_num++;</php>
</volist>
</case>
</switch>
</volist>
</div>
</form>
</div>
<include file="__THEME__/public_footer_w3g"/>
<script src="__APP__/js/public_header_footer_media.js"></script>
<script src="__APP__/js/public_exam_3g.js"></script>
<script type="text/javascript">
if("{$_GET['examsresult']}"){
var re = "{:jiemi($_GET['examsresult'])}",
ve = "{:jiemi($_GET['view'])}";
layer.open({
content:'课时考试',
btn: ['查看结果', '返回课程'],
yes:function(){
window.location.href = re;
},
no:function(){
window.location.href = ve;
}
});
}
<include file="__THEME__/public_header_w3g" />
<style type="text/css">
/*比较多用到的*/
.box {
display: flex;
display: -webkit-flex;
align-items: center;
}
.boxCn {
display: flex !important;
display: -webkit-flex;
align-items: center;
justify-content: center !important;
}
.flex1 {
flex: 1;
}
/*遮罩层*/
.mask {
position: fixed !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
transition: all .3s ease-in-out;
z-index: 8;
}
.popUp {
background-color: #FFFFFF;
z-index: 10;
width: 16.875rem;
border-radius: 0.5rem;
overflow: hidden;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popUp_title {
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
font-size: 1.125rem;
height: 1.5625rem;
line-height: 1.5625rem;
margin-top: 0.9375rem;
padding: 0 1rem;
box-sizing: border-box;
text-align: center;
}
.popUp_content {
padding: 1rem 1rem;
box-sizing: border-box;
text-align: center;
font-size: 0.875rem;
color: #333333;
}
.popUp_btns {
border-top: 1px solid #eeeeee;
}
.popUp_btn {
flex: 1;
text-align: center;
line-height: 3.125rem;
height: 3.125rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
font-size: 1rem;
box-sizing: border-box;
background-color: #FFFFFF;
}
.popUp_btn0 {
color: #999999;
border-right: 1px solid #eeeeee;
}
.popUp_btn1 {
color: #65C000;
}
/*jixu*/
.stopBox {
width: 100%;
position: fixed;
top: 50%;
left: 50%;
z-index: 10;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.stopBtn {
width: 10rem;
height: 3rem;
line-height: 3rem;
display: block;
margin: 2rem auto;
color: #FFFFFF;
font-size: 1rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
box-sizing: border-box;
text-align: center;
border-radius: 1.5rem;
}
.stopBtn_on {
background-color: #A3E460;
}
.stopBtn_out {
border: 1px solid rgba(204, 204, 204, 1);
}
body {
background-color: #fff;
}
.testPaperTop {
height: 2.25rem;
padding: 0 0.75rem;
box-sizing: border-box;
border-bottom: 1px solid #F5F5F5;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
background-color: #FFFFFF;
}
.testPaperTop_time {
font-size: 0.75rem
}
.testPaperTop_da {
font-size: 0.75rem;
color: #999999;
}
.testPaperTop_pau {
margin-left: 1.875rem;
width: 0.75rem;
height: 0.75rem;
}
.testPaperBotm {
padding: 0.75rem 0.75rem 0.75rem;
box-sizing: border-box;
margin-top: 2.25rem;
}
.testPaperNum {
margin-right: 0.75rem;
color: #999999;
font-size: 0.75rem;
}
.testPaperLei {
font-size: 0.75rem;
color: #333333;
}
.testPaperColl {
width: 1rem;
height: 1rem;
}
.testPaperInfo {
margin-top: 0.5rem;
font-size: 1rem;
line-height: 1.875rem;
color: #333333;
}
.testPaperAnswer {
margin-top: 1rem;
align-items: flex-start;
}
.testPaperAnswer_num {
display: inline-block;
width: 2.25rem;
height: 2.25rem;
border-radius: 100%;
border: 1px solid rgba(163, 228, 96, 1);
text-align: center;
line-height: 2.25rem;
color: #65C000;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
font-size: 0.875rem;
margin-right: 0.75rem;
}
.testPaperAnswer_numAt {
background-color: #A3E460;
color: #FFFFFF;
}
.testPaperAnswer_desc {
line-height: 1.25rem;
margin: 0;
}
.testPaperBtns {
justify-content: space-between;
padding: 3rem 0.75rem 1rem;
box-sizing: border-box;
width: 100%;
}
.testPaperBtn {
width: 10rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border: 1px solid rgba(163, 228, 96, 1);
border-radius: 1.5rem;
box-sizing: border-box;
font-size: 1rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #65C000;
}
.testPaperBtn1 {
color: #FFFFFF;
background: rgba(163, 228, 96, 1);
}
.testPaperJiedaPage {
padding: 0 0.75rem;
box-sizing: border-box;
}
.testPaperJiedaBox {
padding: 1rem 0;
}
.testPaperJiedaBtn {
color: #65C000;
font-size: 0.875rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
}
.testPaperJiedaBtn_icon {
margin-left: 0.5rem;
width: 0.75rem;
height: 0.75rem;
}
.testPaperAnswers {
padding: 0.5rem 0 0.25rem;
}
.testPaperAnswer {
padding: 0.5rem 0;
color: #333333;
font-size: 1rem;
margin: 0;
}
.testPaperAnswer_n {
color: #65C000;
}
.testPaperAnswer_infoBox {
padding: 0.1875rem 0.75rem 0.75rem;
box-sizing: border-box;
border-top: 1px solid #f5f5f5;
}
.testPaperAnswer_infoTitle {
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333333;
font-size: 1rem;
padding: 0.75rem 0 0.75rem 0.75rem;
box-sizing: border-box;
position: relative;
margin: 0;
}
.testPaperAnswer_infoTitle::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #A3E460;
margin-top: -2px;
}
.testPaperAnswer_info {
color: #333333;
font-size: 1rem;
line-height: 1.875rem;
}
</style>
<div id="app">
<div class="testPaperTop box">
<p class="testPaperTop_time flex1">00：09：54</p>
<span class="testPaperTop_da">答题卡</span>
<img class="testPaperTop_pau" src="../img/pau.png">
</div>
<div class="testPaperBotm">
<div class="box">
<span class="testPaperNum">2/19</span>
<p class="testPaperLei flex1">（单选题）</p>
<img class="testPaperColl" src="../img/collect0.png">
<!-- <img class="testPaperColl" src="../img/collect1.png"> -->
</div>
<div class="testPaperInfo">某种糖果的进价为12元/千克，现购进这种糖果若干千克，每天销售10千克，且从第二天起每天都比前一天降价2元/千克。已知以6元/千克的价格销售的那天正好卖完最后10千克，且总销售额是总进货成本的2倍。问总共进了多少千克这种糖果？</div>
<ul>
<li class="testPaperAnswer box">
<span class="testPaperAnswer_num testPaperAnswer_numAt">A</span>
<p class="testPaperAnswer_desc flex1">180</p>
</li>
<li class="testPaperAnswer box">
<span class="testPaperAnswer_num">B</span>
<p class="testPaperAnswer_desc flex1">180且总销售额是总进货成本的2倍且总销售额是总进货成本的2倍且总销售额是总进货成本的2倍且总销售额是总进货成本的2倍且总销售额是总进货成本的2倍</p>
</li>
<li class="testPaperAnswer box">
<span class="testPaperAnswer_num">A</span>
<p class="testPaperAnswer_desc flex1">180</p>
</li>
<li class="testPaperAnswer box">
<span class="testPaperAnswer_num">A</span>
<p class="testPaperAnswer_desc flex1">180</p>
</li>
</ul>
</div>
<div class="testPaperBtns boxCn">
<p class="testPaperBtn testPaperBtn1" style="width: 15rem;">下一题</p>
</div>
<!-- <div class="testPaperBtns box">
<p class="testPaperBtn">上一题</p>
<p class="testPaperBtn testPaperBtn1">下一题 / 交卷</p>
</div> -->
<!-- 解析 -->
<div class="testPaperJiedaPage">
<div class="box testPaperJiedaBox">
<span class="testPaperJiedaBtn box">收起解析<img class="testPaperJiedaBtn_icon" src="../img/openBtn.png"></span>
</div>
<ul class="testPaperAnswers">
<li class="testPaperAnswer">正确答案：<span class="testPaperAnswer_n">B</span></li>
<li class="testPaperAnswer">我的答案：<span class="testPaperAnswer_n">B</span></li>
</ul>
<div class="testPaperAnswer_infoBox">
<p class="testPaperAnswer_infoTitle">解析</p>
<div class="testPaperAnswer_info">
第一空，考查并列关系，与“明辨是非善恶”意思、感情相近。A项“循规蹈矩”指遵守规矩，不敢违反，感情偏消极，和后文不符，排除；B项
“与人为善”指善意帮助人，感情虽然相近，但是和“明辨是非善恶”含义不符，排除；C项“通情达理”指说话、做事很讲道理，符合文意，保留；D项“奉公守法”指奉行公事，遵守法令，这也是“明辨是非善恶”、通晓是非的体现，保留。
第二空，C项“载体”泛指一切能够承载其他事物的事物，D项“手段”指为达到某种目的而采取的方法和措施，都能对应前文“农事活动、节日庆典、民俗习惯、村规民约等”，符合语境。
第三空，C项“潜移默化”指人的思想或性格不知不觉受到感染、影响而发生了变化，符合“农事活动、节日庆典、民俗习惯、村规民约”的特点并对应后文“内化”，当选。D项“耳濡目染”侧重于听得多、看得多之后受到影响，文中没有相应的信息，排除。
故正确答案为C。
【文段出处】《乡村治理重教化》
</div>
</div>
</div>
<!-- 交卷 -->
<div class="mask" style="display: none;">
<div class="popUp">
<p class="popUp_title">提示</p>
<div class="popUp_content">是否交卷并退出考试？</div>
<div class="popUp_btns box">
<span class="popUp_btn popUp_btn0 flex1">取消</span>
<span class="popUp_btn popUp_btn1 flex1">确定</span>
</div>
</div>
</div>
<!-- 暂停 -->
<div class="mask" style="display: none;">
<div class="stopBox">
<span class="stopBtn stopBtn_on">继续</span>
<span class="stopBtn stopBtn_out">退出</span>
</div>
</div>
</div>
<include file="__THEME__/public_footer_w3g" />
<script type="text/javascript">
new Vue({
el: "#app",
data: {
},
created: function() {
},
methods: {
}
})
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment