Skip to content

C
confucius
Commit abb5ed66 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 11ada4b4
Show whitespace changes
Inline Side-by-side
Showing with 121 additions and 62 deletions
src/pages/exam/examEdit.vue
View file @ abb5ed66
......@@ -113,6 +113,7 @@
justify-content: space-between;
align-items: center;
}
.List-bt {
width: 318px;
height: 27px;
......@@ -121,22 +122,27 @@
line-height: 27px;
padding-left: 10px;
}
.List-bt i{
.List-bt i {
position: relative;
top: 1px;
left: 5px;
}
.List-bt i:hover{
color:#2961fe;
.List-bt i:hover {
color: #2961fe;
cursor: pointer;
}
.List-ul li:hover {
background: #a6a6a6;
color: #333;
}
.List-ul li:hover .exam_ListSHow{
.List-ul li:hover .exam_ListSHow {
display: block;
}
.left-btn-list {
padding: 5px 10px;
display: inline-block;
......@@ -158,6 +164,7 @@
text-align: right;
line-height: 56px;
}
.Left-list::-webkit-scrollbar {
width: 3px;
height: 3px;
......@@ -177,32 +184,39 @@
-webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
background-color: #0ae;
}
.commonDalei {
display: flex;
align-content: center;
margin-bottom: 20px;
}
.examPaper .edui-editor{
z-index:99!important;
.examPaper .edui-editor {
z-index: 99 !important;
}
.List-bt input{
.List-bt input {
outline: none;
height:25px;
height: 25px;
}
.exam_DetailList{
width:220px;
.exam_DetailList {
width: 220px;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left:5px;
margin-left: 5px;
}
.exam_ListSHow{
.exam_ListSHow {
display: none;
}
.exam_ListSHow i:hover{
color:#2961fe;
.exam_ListSHow i:hover {
color: #2961fe;
}
</style>
<template>
<div class="examPaper page-body">
......@@ -238,19 +252,26 @@
<input style="width:40px;" filled v-model="gItem.GSortNum" />
</template>
</strong>
<i class="iconfont icon-edit" title="编辑" style="font-size:18px;margin-right:5px;" @click="getNameEdit(DataObj.GroupList,gIndex)"></i>
<i class="iconfont icon-ico_commodity_defaul" v-if="gItem.isShowEdit" title="保存" style="top:0;margin-right:5px;" @click="saveExamName(DataObj.GroupList)"></i>
<i class="iconfont icon-shangyi2" style="margin-right:5px;" @click.stop="MoveFatherItem(gIndex,0)" v-if="gIndex!=0"></i>
<i class="iconfont icon-xiayi" @click.stop="MoveFatherItem(gIndex,1)" v-if="gIndex!=DataObj.GroupList.length-1"></i>
<i class="iconfont icon-edit" title="编辑" style="font-size:18px;margin-right:5px;"
@click="getNameEdit(DataObj.GroupList,gIndex)"></i>
<i class="iconfont icon-ico_commodity_defaul" v-if="gItem.isShowEdit" title="保存"
style="top:0;margin-right:5px;" @click="saveExamName(DataObj.GroupList)"></i>
<i class="iconfont icon-shangyi2" style="margin-right:5px;" @click.stop="MoveFatherItem(gIndex,0)"
v-if="gIndex!=0"></i>
<i class="iconfont icon-xiayi" @click.stop="MoveFatherItem(gIndex,1)"
v-if="gIndex!=DataObj.GroupList.length-1"></i>
</div>
<ul class="List-ul" v-if="gItem.DetailsList&&gItem.DetailsList.length>0">
<li class="" style="cursor:pointer;" v-for="(dItem,dIndex) in gItem.DetailsList" :key="dIndex"
@click="ClickItem(dItem)">
{{dIndex+1}}<span class="exam_DetailList" @click="ClickItem(dItem)" v-html="dItem.ShowTitle"></span>
<span class="exam_ListSHow">
<i class="iconfont icon-shangyi2" @click.stop="MoveChildItem(gIndex,dIndex,0)" style="margin-right:5px;" v-if="dIndex!=0"></i>
<i class="iconfont icon-xiayi" @click.stop="MoveChildItem(gIndex,dIndex,1)" v-if="dIndex!=gItem.DetailsList.length-1"></i>
<i class="iconfont icon-shanchu2" @click.stop="delExam(gItem.DetailsList,dIndex)" style="margin-left:5px;font-size:17px;"></i>
<i class="iconfont icon-shangyi2" @click.stop="MoveChildItem(gIndex,dIndex,0)"
style="margin-right:5px;" v-if="dIndex!=0"></i>
<i class="iconfont icon-xiayi" @click.stop="MoveChildItem(gIndex,dIndex,1)"
v-if="dIndex!=gItem.DetailsList.length-1"></i>
<i class="iconfont icon-shanchu2" @click.stop="delExam(gItem.DetailsList,dIndex)"
style="margin-left:5px;font-size:17px;"></i>
</span>
</li>
</ul>
......@@ -297,14 +318,14 @@
<single v-if="ChooseItem.QuestionTypeKey=='single'||ChooseItem.QuestionTypeKey=='single-number'"
:questionData="ChooseItem.QuestionContentObj" @getChild="getChildData" :setOption="ChooseItem"></single>
<!--多选题-->
<multiple v-if="ChooseItem.QuestionTypeKey=='multiple'" :questionData="ChooseItem.QuestionContentObj" @getChild="getChildData"
:setOption="ChooseItem"></multiple>
<multiple v-if="ChooseItem.QuestionTypeKey=='multiple'" :questionData="ChooseItem.QuestionContentObj"
@getChild="getChildData" :setOption="ChooseItem"></multiple>
<!--填空题-->
<fill-in v-if="ChooseItem.QuestionTypeKey=='fill-in'" :questionData="ChooseItem.QuestionContentObj" @getChild="getChildData"
:setOption="ChooseItem"></fill-in>
<fill-in v-if="ChooseItem.QuestionTypeKey=='fill-in'" :questionData="ChooseItem.QuestionContentObj"
@getChild="getChildData" :setOption="ChooseItem"></fill-in>
<!--判断题-->
<judge v-if="ChooseItem.QuestionTypeKey=='judge'" :questionData="ChooseItem.QuestionContentObj" @getChild="getChildData"
:setOption="ChooseItem"></judge>
<judge v-if="ChooseItem.QuestionTypeKey=='judge'" :questionData="ChooseItem.QuestionContentObj"
@getChild="getChildData" :setOption="ChooseItem"></judge>
<!--简答题、名词解释、论述题、计算题、口语题、其它-->
<short-answer v-if="ChooseItem.QuestionTypeKey=='short-answer'||ChooseItem.QuestionTypeKey=='noun-explanation'||ChooseItem.QuestionTypeKey=='essay-question'
||ChooseItem.QuestionTypeKey=='calculation' || ChooseItem.QuestionTypeKey=='spoken'|| ChooseItem.QuestionTypeKey=='other'
......@@ -314,21 +335,23 @@
:questionData="ChooseItem.QuestionContentObj" :setOption="ChooseItem" @getChild="getChildData">
</entry-problem>
<!--连线题-->
<matching v-if="ChooseItem.QuestionTypeKey=='matching'" :questionData="ChooseItem.QuestionContentObj" :setOption="ChooseItem"
@getChild="getChildData"></matching>
<matching v-if="ChooseItem.QuestionTypeKey=='matching'" :questionData="ChooseItem.QuestionContentObj"
:setOption="ChooseItem" @getChild="getChildData"></matching>
<!--排序题-->
<sorting-problem v-if="ChooseItem.QuestionTypeKey=='sorting-problem'" :questionData="ChooseItem.QuestionContentObj"
:setOption="ChooseItem" @getChild="getChildData"></sorting-problem>
<sorting-problem v-if="ChooseItem.QuestionTypeKey=='sorting-problem'"
:questionData="ChooseItem.QuestionContentObj" :setOption="ChooseItem" @getChild="getChildData">
</sorting-problem>
<!--完型填空-->
<cloze v-if="ChooseItem.QuestionTypeKey=='cloze'" :questionData="ChooseItem.QuestionContentObj" :setOption="ChooseItem"
@getChild="getChildData"></cloze>
<cloze v-if="ChooseItem.QuestionTypeKey=='cloze'" :questionData="ChooseItem.QuestionContentObj"
:setOption="ChooseItem" @getChild="getChildData"></cloze>
<!--阅读理解、听力题-->
<reading-comprehensio
v-if="ChooseItem.QuestionTypeKey=='reading-comprehensio'||ChooseItem.QuestionTypeKey=='listening'"
:questionData="ChooseItem.QuestionContentObj" :setOption="ChooseItem" @getChild="getChildData"></reading-comprehensio>
:questionData="ChooseItem.QuestionContentObj" :setOption="ChooseItem" @getChild="getChildData">
</reading-comprehensio>
<!--共用选择题-->
<sharing-choose v-if="ChooseItem.QuestionTypeKey=='sharing-choose'" :questionData="ChooseItem.QuestionContentObj"
@getChild="getChildData" :setOption="ChooseItem">
<sharing-choose v-if="ChooseItem.QuestionTypeKey=='sharing-choose'"
:questionData="ChooseItem.QuestionContentObj" @getChild="getChildData" :setOption="ChooseItem">
</sharing-choose>
<br />
<div class="col-12">
......@@ -390,6 +413,9 @@
GetPaper,
savePaperInfo,
} from '../../api/teacher/index';
import {
CreateQuestion, //生成问题
} from '../../api/question/questionconfig'
import {
queryQuestionTypeList,
queryDifficultyType,
......@@ -437,8 +463,8 @@
secondTypeList: [], //第二类题型
isShowQuestion: false,
commonIndex: -1,
examNum:0, //题量
examScore:0 //总分
examNum: 0, //题量
examScore: 0 //总分
}
},
created() {
......@@ -476,7 +502,7 @@
}
},
//移动子项
MoveChildItem(Index,subIndex, IsUp){
MoveChildItem(Index, subIndex, IsUp) {
var currentItem = this.DataObj.GroupList[Index].DetailsList[subIndex];
//上移
if (IsUp == 0) {
......@@ -497,21 +523,21 @@
}
},
//删除题目
delExam(item,index){
item.splice(index,1);
delExam(item, index) {
item.splice(index, 1);
},
//点击修改标题名字和分数
getNameEdit(item,index){
item.forEach(x=>{
x.isShowEdit=false;
getNameEdit(item, index) {
item.forEach(x => {
x.isShowEdit = false;
})
item[index].isShowEdit = true;
this.$forceUpdate();
},
//鼠标移开输入框 保存数据 还有隐藏输入框
saveExamName(item){
item.forEach(x=>{
x.isShowEdit=false;
saveExamName(item) {
item.forEach(x => {
x.isShowEdit = false;
})
this.$forceUpdate();
},
......@@ -533,18 +559,51 @@
}
});
},
//题型点击
//题型点击【添加问题】
onItemClick(item, index) {
// this.AnswerList = [];
// this.questionObj = item;
// this.objOption.QuestionTypeId = item.QId;
// this.objOption.QuestionTypeKey = item.Key;
// var obj = CreateQuestion(item.Key);
// this.AnswerList = obj;
// if (obj) {
// this.objOption.QuestionContent = JSON.stringify(obj);
// }
this.commonIndex = index
var questionObj = this.getDetailsObj();
questionObj.QuestionTypeId = item.QId;
questionObj.QuestionTypeKey = item.Key;
var obj = CreateQuestion(item.Key);
questionObj.QuestionContentObj = obj;
if (obj) {
questionObj.QuestionContent = JSON.stringify(obj);
}
console.log("questionObj", questionObj);
if (this.DataObj && this.DataObj.GroupList && this.DataObj.GroupList.length > 0) {
this.DataObj.GroupList.forEach((gItem, gIndex) => {
if (gItem.QuestionTypeId == item.QId) {
if (!gItem.DetailsList) {
gItem.DetailsList = [];
}
gItem.DetailsList.push(questionObj);
}
})
}
},
getDetailsObj() {
var objOption = {
Id: 0, //试卷详情编号
PaperId: 0, //试卷编号
BankId: 0, //题库编号
QuestionId: 0, //问题编号
Title: "", //问题标题
QuestionContent: "", //问题内容
DifficultyType: 1, //问题难易程度
AnswerParse: "", //答案解析
QuestionTypeId: 0, //问题类型编号
QuestionTypeKey: "", //问题类型Key
Knowledge: "", //知识点
IsUpdateJobExam: 0, //是否同步修改引用此题目的作业和考试(1-是)
SortNum: 0, //排序
Answer: '', //问题答案【JSON字符串】
QuestionContentObj:[],//问题选项
IsMutex: 1, //填空题(答案顺序打乱也判正确)
Category: 0, //问题大类，
LevelType: 1, //考级程度
Score: 0, //分数
};
return objOption;
},
//获取问题大类
getQuestionCategory() {
......@@ -574,10 +633,10 @@
}
this.examScore = 0;
this.examNum = 0;
this.DataObj.GroupList.forEach(x=>{
this.DataObj.GroupList.forEach(x => {
x.isShowEdit = false;
this.examNum += x.DetailsList.length;
x.DetailsList.forEach(y=>{
x.DetailsList.forEach(y => {
this.examScore += y.Score;
})
})
......
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