Skip to content

C
confucius
Commit 19379316 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent ca1b380f
Hide whitespace changes
Inline Side-by-side
Showing with 94 additions and 82 deletions
src/assets/css/common.css
View file @ 19379316
...@@ -12,6 +12,18 @@ ...@@ -12,6 +12,18 @@
line-height: 32px; line-height: 32px;
cursor: pointer; cursor: pointer;
} }
.Answer_List2{
width: 32px;
height: 32px;
border: none;
background: #fff;
border-radius:50%;
border:1px solid #E1EAF4;
text-align: center;
line-height: 32px;
color: #646873;
line-height: 32px;
}
.Answer_List:hover{ .Answer_List:hover{
border: 1px solid #94c1ff; border: 1px solid #94c1ff;
background: #e6f0ff; background: #e6f0ff;
......
src/components/questiontype/v-single.vue
View file @ 19379316
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<table v-if="data&&data.length>0" class="common_TiTable"> <table v-if="data&&data.length>0" class="common_TiTable">
<tr v-for="(item,index) in data"> <tr v-for="(item,index) in data">
<td style="width:40px;text-align:center;"> <td style="width:40px;text-align:center;">
<div class="Answer_List" :class="{'Is_Answer':item.IsAnswer}"> <div class="Answer_List2" :class="{'Is_Answer':item.IsAnswer}">
{{item.Name}} {{item.Name}}
</div> </div>
</td> </td>
......
src/pages/course/questionInfo.vue
View file @ 19379316
<style> <style>
.edit_stem { .edit_stem {
font-size: 14px; font-size: 14px;
color: #646873; color: #A8A8B3;
line-height: 34px; line-height: 34px;
/* margin-bottom: 16px; */ margin-bottom: 16px;
overflow: hidden; overflow: hidden;
padding: 4px 0; padding: 4px 0;
cursor: default; cursor: default;
...@@ -99,91 +99,91 @@ ...@@ -99,91 +99,91 @@
padding-bottom: 12px; padding-bottom: 12px;
display: inline-block; display: inline-block;
} }
.questionMain{
width:1200px;
margin:20px auto;
padding:25px;
background-color: #fff;
border-radius: 8px;
margin-bottom:20px;
box-shadow: 0px 2px 10px 0px rgba(237, 238, 240, 0.5);
}
</style> </style>
<template> <template>
<div> <div class="questionMain">
<q-card> <q-card-section class="q-pt-none scroll">
<q-card-section class="q-pt-none scroll"> <div class="row wrap">
<div class="row wrap"> <div class="col-12 edit_stem">
<div class="col-12 edit_stem"> {{objOption.QuestionTypeName}}
{{objOption.QuestionTypeName}} </div>
</div> <div class="col-12">
<div class="col-12"> <div v-html="objOption.Title" @click="clickQuestion($event)"></div>
<div v-html="objOption.Title" @click="clickQuestion($event)"></div> </div>
</div> <!--单选题-->
<v-single v-if="questionObj.Key=='single'||questionObj.Key=='single-number'" :questionData="AnswerList"
@getChild="getChildData" :setOption="objOption"></v-single>
<!--多选题-->
<v-multiple v-if="questionObj.Key=='multiple'" :questionData="AnswerList" @getChild="getChildData"
:setOption="objOption"></v-multiple>
<!--填空题-->
<v-fillin v-if="questionObj.Key=='fill-in'" :questionData="AnswerList" @getChild="getChildData"
:setOption="objOption"></v-fillin>
<!--判断题-->
<v-judge v-if="questionObj.Key=='judge'" :questionData="AnswerList" @getChild="getChildData"
:setOption="objOption"></v-judge>
<!--简答题、名词解释、论述题、计算题、口语题、其它-->
<v-shortanswer v-if="questionObj.Key=='short-answer'||questionObj.Key=='noun-explanation'||questionObj.Key=='essay-question'
||questionObj.Key=='calculation' || questionObj.Key=='spoken'|| questionObj.Key=='other'
" :setOption="objOption"> </v-shortanswer>
<!--分录题、资料题-->
<v-entryproblem v-if="questionObj.Key=='entry-problem'|| questionObj.Key=='data-question'"
:questionData="AnswerList" :setOption="objOption" @getChild="getChildData">
</v-entryproblem>
<!--连线题-->
<v-matching v-if="questionObj.Key=='matching'" :questionData="AnswerList" :setOption="objOption"
@getChild="getChildData"></v-matching>
<!--排序题-->
<v-sortingproblem v-if="questionObj.Key=='sorting-problem'" :questionData="AnswerList" :setOption="objOption"
@getChild="getChildData"></v-sortingproblem>
<!--完型填空-->
<v-cloze v-if="questionObj.Key=='cloze'" :questionData="AnswerList" :setOption="objOption"
@getChild="getChildData"></v-cloze>
<!--阅读理解、听力题-->
<v-readingcomprehensio v-if="questionObj.Key=='reading-comprehensio'||questionObj.Key=='listening'"
:questionData="AnswerList" :setOption="objOption" @getChild="getChildData"></v-readingcomprehensio>
<!--共用选择题-->
<v-sharingchoose v-if="questionObj.Key=='sharing-choose'" :questionData="AnswerList" @getChild="getChildData"
:setOption="objOption">
</v-sharingchoose>
<br />
<div class="col-12">
<div style="margin:20px 0;">答案解析</div>
<div v-html="objOption.AnswerParse"></div>
</div>
<br />
<div class="col-12">
<br /> <br />
<!--单选题--> <span class="difficulty_Degree">难度</span>
<v-single v-if="questionObj.Key=='single'||questionObj.Key=='single-number'" :questionData="AnswerList" <span>{{objOption.DifficultyTypeStr}}</span>
@getChild="getChildData" :setOption="objOption"></v-single> </div>
<!--多选题--> <div class="col-12">
<v-multiple v-if="questionObj.Key=='multiple'" :questionData="AnswerList" @getChild="getChildData"
:setOption="objOption"></v-multiple>
<!--填空题-->
<v-fillin v-if="questionObj.Key=='fill-in'" :questionData="AnswerList" @getChild="getChildData"
:setOption="objOption"></v-fillin>
<!--判断题-->
<v-judge v-if="questionObj.Key=='judge'" :questionData="AnswerList" @getChild="getChildData"
:setOption="objOption"></v-judge>
<!--简答题、名词解释、论述题、计算题、口语题、其它-->
<v-shortanswer v-if="questionObj.Key=='short-answer'||questionObj.Key=='noun-explanation'||questionObj.Key=='essay-question'
||questionObj.Key=='calculation' || questionObj.Key=='spoken'|| questionObj.Key=='other'
" :setOption="objOption"> </v-shortanswer>
<!--分录题、资料题-->
<v-entryproblem v-if="questionObj.Key=='entry-problem'|| questionObj.Key=='data-question'"
:questionData="AnswerList" :setOption="objOption" @getChild="getChildData">
</v-entryproblem>
<!--连线题-->
<v-matching v-if="questionObj.Key=='matching'" :questionData="AnswerList" :setOption="objOption"
@getChild="getChildData"></v-matching>
<!--排序题-->
<v-sortingproblem v-if="questionObj.Key=='sorting-problem'" :questionData="AnswerList" :setOption="objOption"
@getChild="getChildData"></v-sortingproblem>
<!--完型填空-->
<v-cloze v-if="questionObj.Key=='cloze'" :questionData="AnswerList" :setOption="objOption"
@getChild="getChildData"></v-cloze>
<!--阅读理解、听力题-->
<v-readingcomprehensio v-if="questionObj.Key=='reading-comprehensio'||questionObj.Key=='listening'"
:questionData="AnswerList" :setOption="objOption" @getChild="getChildData"></v-readingcomprehensio>
<!--共用选择题-->
<v-sharingchoose v-if="questionObj.Key=='sharing-choose'" :questionData="AnswerList" @getChild="getChildData"
:setOption="objOption">
</v-sharingchoose>
<br /> <br />
<div class="col-12"> <span class="difficulty_Degree">所属大类</span>
<div style="margin:20px 0;">答案解析</div> {{objOption.CategoryName}}
<div v-html="objOption.AnswerParse"></div> </div>
</div> <div class="col-12">
<br /> <br />
<div class="col-12"> <span class="difficulty_Degree">考级程度</span>
<br /> {{objOption.LevelTypeName}}
<span class="difficulty_Degree">难度</span>
<span>{{objOption.DifficultyTypeStr}}</span>
</div>
<div class="col-12">
<br />
<span class="difficulty_Degree">所属大类</span>
{{objOption.CategoryName}}
</div>
<div class="col-12">
<br />
<span class="difficulty_Degree">考级程度</span>
{{objOption.LevelTypeName}}
</div>
<div class="col-12" style="margin-top:16px;">
<span class="difficulty_Degree">知识点: </span>
<span class="knowledge_List" v-for="(x, i) in choosePointArray" :key="i">
{{x.PointName}}
</span>
</div>
</div> </div>
</q-card-section> <div class="col-12" style="margin-top:16px;">
<q-separator /> <span class="difficulty_Degree">知识点: </span>
<q-card-actions align="right" class="bg-white"> <span class="knowledge_List" v-for="(x, i) in choosePointArray" :key="i">
<q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" /> {{x.PointName}}
</q-card-actions> </span>
</q-card> </div>
</div>
</q-card-section>
</div> </div>
</template> </template>
......
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