|
@@ -1,100 +1,100 @@
|
|
|
<template>
|
|
|
- <div class="ev-container">
|
|
|
- <div class="display-flex">
|
|
|
- <div class="exersices-attr my-radio-style">
|
|
|
- <IconText :text="'选择学段'" :color="'#00b8ff'" :icon="'md-school'"></IconText>
|
|
|
- <Select v-model="exercisePeriod" @on-change="onPeriodChange">
|
|
|
- <Option v-for="(period,index) in schoolInfo.period" :value="index" :key="index">{{ period.periodName }}</Option>
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- <div class="my-radio-style exersices-attr">
|
|
|
- <IconText :text="'选择年级'" :color="'#00b8ff'" :icon="'logo-buffer'"></IconText>
|
|
|
- <Select v-model="exerciseGrade" multiple>
|
|
|
- <Option v-for="(grade,index) in gradeList" :value="grade.gradeCode" :key="index">{{ grade.gradeName }}</Option>
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- <div class="exersices-attr my-radio-style">
|
|
|
- <IconText :text="'选择科目'" :color="'#00b8ff'" :icon="'md-bookmarks'"></IconText>
|
|
|
- <Select v-model="exerciseSubject">
|
|
|
- <Option v-for="(subject,index) in subjectList" :value="index" :key="index">{{ subject.subjectName }}</Option>
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="display-flex">
|
|
|
- <div class="exersices-attr my-radio-style">
|
|
|
- <IconText :text="'题目归属'" :color="'#00b8ff'" :icon="'md-cube'"></IconText>
|
|
|
- <Select v-model="exerciseScope">
|
|
|
- <Option v-for="(item,index) in scopeList" :value="index" :key="index">{{ item }}</Option>
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- <div class="exersices-attr my-radio-style">
|
|
|
- <IconText :text="'关联认知层次'" :color="'#00b8ff'" :icon="'md-planet'"></IconText>
|
|
|
- <Select v-model="exerciseField">
|
|
|
- <Option v-for="(item,index) in fieldList" :value="index" :key="index">{{ item }}</Option>
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- <div class="exersices-attr my-radio-style">
|
|
|
- <IconText :text="'关联知识点'" :color="'#00b8ff'" :icon="'md-infinite'"></IconText>
|
|
|
- <Button type="info" style="margin-top:20px" @click="selectPointsModal = true" v-if="exercisePoints.length === 0">选择知识点</Button>
|
|
|
- <div v-else style="margin-top:10px">
|
|
|
- <span v-for="(item,index) in exercisePoints" :key="index" class="exercise-item-point">
|
|
|
- {{item.name}}
|
|
|
- <span class="exercise-item-point-close"><Icon type="md-close" @click="onDeletePoint(index)" style="display:none" /></span>
|
|
|
- </span>
|
|
|
- <span class="exercise-item-point-modify" @click="selectPointsModal = true">修改</span>
|
|
|
+ <div class="ev-container component-ev-container" ref="componentRef">
|
|
|
+ <div class="display-flex">
|
|
|
+ <div class="exersices-attr my-radio-style">
|
|
|
+ <IconText :text="'选择学段'" :color="'#00b8ff'" :icon="'md-school'"></IconText>
|
|
|
+ <Select v-model="exercisePeriod" @on-change="onPeriodChange">
|
|
|
+ <Option v-for="(period,index) in schoolInfo.period" :value="index" :key="index">{{ period.periodName }}</Option>
|
|
|
+ </Select>
|
|
|
+ </div>
|
|
|
+ <div class="my-radio-style exersices-attr">
|
|
|
+ <IconText :text="'选择年级'" :color="'#00b8ff'" :icon="'logo-buffer'"></IconText>
|
|
|
+ <Select v-model="exerciseGrade" multiple>
|
|
|
+ <Option v-for="(grade,index) in gradeList" :value="grade.gradeCode" :key="index">{{ grade.gradeName }}</Option>
|
|
|
+ </Select>
|
|
|
+ </div>
|
|
|
+ <div class="exersices-attr my-radio-style">
|
|
|
+ <IconText :text="'选择科目'" :color="'#00b8ff'" :icon="'md-bookmarks'"></IconText>
|
|
|
+ <Select v-model="exerciseSubject">
|
|
|
+ <Option v-for="(subject,index) in subjectList" :value="index" :key="index">{{ subject.subjectName }}</Option>
|
|
|
+ </Select>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="display-flex">
|
|
|
+ <div class="exersices-attr my-radio-style">
|
|
|
+ <IconText :text="'题目归属'" :color="'#00b8ff'" :icon="'md-cube'"></IconText>
|
|
|
+ <Select v-model="exerciseScope">
|
|
|
+ <Option v-for="(item,index) in scopeList" :value="index" :key="index">{{ item }}</Option>
|
|
|
+ </Select>
|
|
|
+ </div>
|
|
|
+ <div class="exersices-attr my-radio-style">
|
|
|
+ <IconText :text="'关联认知层次'" :color="'#00b8ff'" :icon="'md-planet'"></IconText>
|
|
|
+ <Select v-model="exerciseField">
|
|
|
+ <Option v-for="(item,index) in fieldList" :value="index" :key="index">{{ item }}</Option>
|
|
|
+ </Select>
|
|
|
+ </div>
|
|
|
+ <div class="exersices-attr my-radio-style">
|
|
|
+ <IconText :text="'关联知识点'" :color="'#00b8ff'" :icon="'md-infinite'"></IconText>
|
|
|
+ <Button type="info" style="margin-top:20px" @click="selectPointsModal = true" v-if="exercisePoints.length === 0">选择知识点</Button>
|
|
|
+ <div v-else style="margin-top:10px">
|
|
|
+ <span v-for="(item,index) in exercisePoints" :key="index" class="exercise-item-point">
|
|
|
+ {{item.name}}
|
|
|
+ <span class="exercise-item-point-close"><Icon type="md-close" @click="onDeletePoint(index)" style="display:none" /></span>
|
|
|
+ </span>
|
|
|
+ <span class="exercise-item-point-modify" @click="selectPointsModal = true">修改</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
- <div class="exersices-attr display-flex">
|
|
|
- <div class="exersices-attr-type my-radio-style" style="width:50%">
|
|
|
- <IconText :text="'选择题型'" :color="'#00b8ff'" :icon="'md-pricetags'"></IconText>
|
|
|
- <RadioGroup v-model="exersicesType" type="button" @on-change="typeChange">
|
|
|
- <Radio label="Single" :disabled="isEdit">单选</Radio>
|
|
|
- <Radio label="Multiple" :disabled="isEdit">多选</Radio>
|
|
|
- <Radio label="Judge" :disabled="isEdit">判断</Radio>
|
|
|
- <Radio label="Complete" :disabled="isEdit">填空</Radio>
|
|
|
- <Radio label="Subjective" :disabled="isEdit">问答</Radio>
|
|
|
- <Radio label="Compose" :disabled="isEdit">综合</Radio>
|
|
|
- </RadioGroup>
|
|
|
</div>
|
|
|
- <div class="exersices-attr-diff edit-exersices-attr-diff my-radio-style">
|
|
|
- <IconText :text="'题目难度'" :color="'#00b8ff'" :icon="'md-pulse'"></IconText>
|
|
|
- <RadioGroup v-model="exersicesDiff" type="button" ref="diffRef">
|
|
|
- <Radio label="1" @click.native="diffChange($event,'1')">容易</Radio>
|
|
|
- <Radio label="2" @click.native="diffChange($event,'2')">较易</Radio>
|
|
|
- <Radio label="3" @click.native="diffChange($event,'3')">一般</Radio>
|
|
|
- <Radio label="4" @click.native="diffChange($event,'4')">较难</Radio>
|
|
|
- <Radio label="5" @click.native="diffChange($event,'5')">困难</Radio>
|
|
|
- </RadioGroup>
|
|
|
+ <div class="exersices-attr display-flex">
|
|
|
+ <div class="exersices-attr-type my-radio-style" style="width:50%">
|
|
|
+ <IconText :text="'选择题型'" :color="'#00b8ff'" :icon="'md-pricetags'"></IconText>
|
|
|
+ <RadioGroup v-model="exersicesType" type="button" @on-change="typeChange">
|
|
|
+ <Radio label="Single" :disabled="isEdit">单选</Radio>
|
|
|
+ <Radio label="Multiple" :disabled="isEdit">多选</Radio>
|
|
|
+ <Radio label="Judge" :disabled="isEdit">判断</Radio>
|
|
|
+ <Radio label="Complete" :disabled="isEdit">填空</Radio>
|
|
|
+ <Radio label="Subjective" :disabled="isEdit">问答</Radio>
|
|
|
+ <Radio label="Compose" :disabled="isEdit">综合</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ <div class="exersices-attr-diff edit-exersices-attr-diff my-radio-style">
|
|
|
+ <IconText :text="'题目难度'" :color="'#00b8ff'" :icon="'md-pulse'"></IconText>
|
|
|
+ <RadioGroup v-model="exersicesDiff" type="button" ref="diffRef">
|
|
|
+ <Radio label="1" @click.native="diffChange($event,'1')">容易</Radio>
|
|
|
+ <Radio label="2" @click.native="diffChange($event,'2')">较易</Radio>
|
|
|
+ <Radio label="3" @click.native="diffChange($event,'3')">一般</Radio>
|
|
|
+ <Radio label="4" @click.native="diffChange($event,'4')">较难</Radio>
|
|
|
+ <Radio label="5" @click.native="diffChange($event,'5')">困难</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <BaseSingle v-if="exersicesType==='Single'" ref="single" :editItem="editInfo"></BaseSingle>
|
|
|
- <BaseMultiple v-else-if="exersicesType==='Multiple'" ref="multiple" :editInfo="editInfo"></BaseMultiple>
|
|
|
- <BaseJudge v-else-if="exersicesType==='Judge'" ref="judge" :editInfo="editInfo"></BaseJudge>
|
|
|
- <BaseCompletion v-else-if="exersicesType==='Complete'" ref="complete" :editInfo="editInfo"></BaseCompletion>
|
|
|
- <BaseSubjective v-else-if="exersicesType==='Subjective'" ref="subjective" :editInfo="editInfo"></BaseSubjective>
|
|
|
-
|
|
|
- <!-- 解析的富文本部分 -->
|
|
|
- <div class="exersices-analysis">
|
|
|
- <IconText :text="'解析'" :color="'#2892DD'" :icon="'md-list'" style="margin-bottom:10px;"></IconText>
|
|
|
- <div>
|
|
|
- <div ref="analysisEditor" style="text-align:left"></div>
|
|
|
+
|
|
|
+ <BaseSingle v-if="exersicesType==='Single'" ref="single" :editItem="editInfo"></BaseSingle>
|
|
|
+ <BaseMultiple v-else-if="exersicesType==='Multiple'" ref="multiple" :editInfo="editInfo"></BaseMultiple>
|
|
|
+ <BaseJudge v-else-if="exersicesType==='Judge'" ref="judge" :editInfo="editInfo"></BaseJudge>
|
|
|
+ <BaseCompletion v-else-if="exersicesType==='Complete'" ref="complete" :editInfo="editInfo"></BaseCompletion>
|
|
|
+ <BaseSubjective v-else-if="exersicesType==='Subjective'" ref="subjective" :editInfo="editInfo"></BaseSubjective>
|
|
|
+
|
|
|
+ <!-- 解析的富文本部分 -->
|
|
|
+ <div class="exersices-analysis">
|
|
|
+ <IconText :text="'解析'" :color="'#2892DD'" :icon="'md-list'" style="margin-bottom:10px;"></IconText>
|
|
|
+ <div>
|
|
|
+ <div ref="analysisEditor" style="text-align:left"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- 补救的富文本部分 -->
|
|
|
- <div class="exersices-analysis">
|
|
|
- <IconText :text="'补救资源'" :color="'#2892DD'" :icon="'md-list'" style="margin-bottom:10px"></IconText>
|
|
|
- <div>
|
|
|
- <div ref="repairEditor" style="text-align:left"></div>
|
|
|
+ <!-- 补救的富文本部分 -->
|
|
|
+ <div class="exersices-analysis">
|
|
|
+ <IconText :text="'补救资源'" :color="'#2892DD'" :icon="'md-list'" style="margin-bottom:10px"></IconText>
|
|
|
+ <div>
|
|
|
+ <div ref="repairEditor" style="text-align:left"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="save-wrap display-flex">
|
|
|
- <Button type="success" @click="getContent(exersicesType)">保存</Button>
|
|
|
- </div>
|
|
|
+ <div class="save-wrap display-flex">
|
|
|
+ <Button type="success" @click="getContent(exersicesType)">保存</Button>
|
|
|
+ </div>
|
|
|
|
|
|
<Modal v-model="selectPointsModal"
|
|
|
title="选择知识点"
|
|
@@ -245,6 +245,11 @@
|
|
|
})
|
|
|
},
|
|
|
|
|
|
+ /** 回到顶部 */
|
|
|
+ backToTop() {
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
onDeletePoint(index) {
|
|
|
this.exercisePoints.splice(index, 1)
|
|
|
},
|