|
|
@@ -225,7 +225,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="edit-body" style="margin: 0 16px; padding-top: 140px">
|
|
|
+ <div
|
|
|
+ class="edit-body"
|
|
|
+ style="
|
|
|
+ margin: 0 16px;
|
|
|
+ padding-top: 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ height: 100%;
|
|
|
+ "
|
|
|
+ >
|
|
|
<div
|
|
|
class="edit-warning-wrap"
|
|
|
:class="{ hid: this.checkPaperQuestionAllHasScore() }"
|
|
|
@@ -235,26 +244,27 @@
|
|
|
<span>有小题未设置分值</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 考试说明 -->
|
|
|
- <div class="edit-part-list">
|
|
|
- <div class="edit-part">
|
|
|
- <div class="edit-cont">
|
|
|
- <div
|
|
|
- class="edit-cont-title"
|
|
|
- style="display: flex; align-items: center"
|
|
|
- >
|
|
|
- <h3>考试说明</h3>
|
|
|
- <svg-btn
|
|
|
- name="bianji"
|
|
|
- color="#6D5FF6"
|
|
|
- hoverBgColor="#F0EFFE"
|
|
|
- class="hover-show"
|
|
|
- @click="toEditExamRemark"
|
|
|
- style="margin-left: 10px"
|
|
|
- >编辑</svg-btn
|
|
|
+ <div style="flex: 1; overflow: auto" ref="editPaperBody">
|
|
|
+ <!-- 考试说明 -->
|
|
|
+ <div class="edit-part-list">
|
|
|
+ <div class="edit-part">
|
|
|
+ <div class="edit-cont">
|
|
|
+ <div
|
|
|
+ class="edit-cont-title"
|
|
|
+ style="display: flex; align-items: center"
|
|
|
>
|
|
|
- </div>
|
|
|
- <!-- <div class="edit-cont-action">
|
|
|
+ <h3>考试说明</h3>
|
|
|
+ <svg-btn
|
|
|
+ name="bianji"
|
|
|
+ color="#6D5FF6"
|
|
|
+ hoverBgColor="#F0EFFE"
|
|
|
+ class="hover-show"
|
|
|
+ @click="toEditExamRemark"
|
|
|
+ style="margin-left: 10px"
|
|
|
+ >编辑</svg-btn
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <!-- <div class="edit-cont-action">
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
plain
|
|
|
@@ -263,58 +273,58 @@
|
|
|
>编辑</el-button
|
|
|
>
|
|
|
</div> -->
|
|
|
- <div class="edit-cont-body">
|
|
|
- <rich-text :text-json="paper.examRemark"></rich-text>
|
|
|
+ <div class="edit-cont-body">
|
|
|
+ <rich-text :text-json="paper.examRemark"></rich-text>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- 循环大题 -->
|
|
|
- <div
|
|
|
- v-for="(paperDetail, detailIndex) in paper.paperDetails"
|
|
|
- :key="paperDetail.id"
|
|
|
- class="edit-part-list"
|
|
|
- >
|
|
|
- <div class="edit-part level1">
|
|
|
- <div class="edit-cont">
|
|
|
- <div class="edit-cont-title">
|
|
|
- <h3>
|
|
|
- <span>{{ paperDetail.cnNum }}</span> <span>.</span>
|
|
|
- <span>{{ paperDetail.name }}</span>
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <rich-text
|
|
|
- class="edit-cont-body"
|
|
|
- :text-json="paperDetail.description"
|
|
|
- ></rich-text>
|
|
|
- </div>
|
|
|
- <div class="level1-hover-show">
|
|
|
- <div style="color: #595959; margin-bottom: 5px">
|
|
|
- 共{{ paperDetail.unitCount }}小题，满分{{ paperDetail.score }}分
|
|
|
- </div>
|
|
|
- <div class="gray-btn-group">
|
|
|
- <span @click="toSelectPaperDetailQues(paperDetail)">选题</span>
|
|
|
- <span @click="toEditPaperDetail(paperDetail)">编辑</span>
|
|
|
- <span
|
|
|
- v-if="detailIndex"
|
|
|
- @click="toMovePaperDetail(paperDetail, 'up')"
|
|
|
- >上移</span
|
|
|
- >
|
|
|
- <span
|
|
|
- v-if="detailIndex < paper.paperDetails.length - 1"
|
|
|
- @click="toMovePaperDetail(paperDetail, 'down')"
|
|
|
- >下移</span
|
|
|
- >
|
|
|
- <span @click="toDeletePaperDetail(paperDetail)">删除</span>
|
|
|
- <span
|
|
|
- @click.stop="
|
|
|
- paperDetail.showQuestions = !paperDetail.showQuestions
|
|
|
- "
|
|
|
- >{{ paperDetail.showQuestions ? "收起" : "展开" }}</span
|
|
|
- >
|
|
|
+ <!-- 循环大题 -->
|
|
|
+ <div
|
|
|
+ v-for="(paperDetail, detailIndex) in paper.paperDetails"
|
|
|
+ :key="paperDetail.id"
|
|
|
+ class="edit-part-list"
|
|
|
+ >
|
|
|
+ <div class="edit-part level1">
|
|
|
+ <div class="edit-cont">
|
|
|
+ <div class="edit-cont-title">
|
|
|
+ <h3>
|
|
|
+ <span>{{ paperDetail.cnNum }}</span> <span>.</span>
|
|
|
+ <span>{{ paperDetail.name }}</span>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <rich-text
|
|
|
+ class="edit-cont-body"
|
|
|
+ :text-json="paperDetail.description"
|
|
|
+ ></rich-text>
|
|
|
</div>
|
|
|
- <!--
|
|
|
+ <div class="level1-hover-show">
|
|
|
+ <div style="color: #595959; margin-bottom: 5px">
|
|
|
+ 共{{ paperDetail.unitCount }}小题，满分{{ paperDetail.score }}分
|
|
|
+ </div>
|
|
|
+ <div class="gray-btn-group">
|
|
|
+ <span @click="toSelectPaperDetailQues(paperDetail)">选题</span>
|
|
|
+ <span @click="toEditPaperDetail(paperDetail)">编辑</span>
|
|
|
+ <span
|
|
|
+ v-if="detailIndex"
|
|
|
+ @click="toMovePaperDetail(paperDetail, 'up')"
|
|
|
+ >上移</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="detailIndex < paper.paperDetails.length - 1"
|
|
|
+ @click="toMovePaperDetail(paperDetail, 'down')"
|
|
|
+ >下移</span
|
|
|
+ >
|
|
|
+ <span @click="toDeletePaperDetail(paperDetail)">删除</span>
|
|
|
+ <span
|
|
|
+ @click.stop="
|
|
|
+ paperDetail.showQuestions = !paperDetail.showQuestions
|
|
|
+ "
|
|
|
+ >{{ paperDetail.showQuestions ? "收起" : "展开" }}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <!--
|
|
|
<div>
|
|
|
<el-button
|
|
|
size="small"
|
|
|
@@ -366,109 +376,116 @@
|
|
|
"
|
|
|
></el-button>
|
|
|
</div> -->
|
|
|
- </div>
|
|
|
- <div v-show="quesTagShow" class="edit-property">
|
|
|
- <div class="edit-property-box">
|
|
|
- <div
|
|
|
- v-for="(paperDetailTag, tagIndex) in paperDetail.tags"
|
|
|
- :key="tagIndex"
|
|
|
- class="edit-property-item"
|
|
|
- >
|
|
|
- <div class="edit-property-body level1">
|
|
|
- <div class="edit-property-title">
|
|
|
- {{ paperDetailTag.tag }}
|
|
|
- </div>
|
|
|
- <div class="edit-property-content">
|
|
|
- {{ paperDetailTag.content }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <template v-if="paperDetail.selective">
|
|
|
- <div class="edit-property-item">
|
|
|
+ </div>
|
|
|
+ <div v-show="quesTagShow" class="edit-property">
|
|
|
+ <div class="edit-property-box">
|
|
|
+ <div
|
|
|
+ v-for="(paperDetailTag, tagIndex) in paperDetail.tags"
|
|
|
+ :key="tagIndex"
|
|
|
+ class="edit-property-item"
|
|
|
+ >
|
|
|
<div class="edit-property-body level1">
|
|
|
- <div class="edit-property-title">选做题数</div>
|
|
|
+ <div class="edit-property-title">
|
|
|
+ {{ paperDetailTag.tag }}
|
|
|
+ </div>
|
|
|
<div class="edit-property-content">
|
|
|
- {{ paperDetail.selectiveCount }}
|
|
|
+ {{ paperDetailTag.content }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="edit-property-item">
|
|
|
- <div class="edit-property-body level1">
|
|
|
- <div class="edit-property-title">取分规则</div>
|
|
|
- <div class="edit-property-content">
|
|
|
- {{ paperDetail.selectiveRule | selectiveRuleTypeFilter }}
|
|
|
+ <template v-if="paperDetail.selective">
|
|
|
+ <div class="edit-property-item">
|
|
|
+ <div class="edit-property-body level1">
|
|
|
+ <div class="edit-property-title">选做题数</div>
|
|
|
+ <div class="edit-property-content">
|
|
|
+ {{ paperDetail.selectiveCount }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ <div class="edit-property-item">
|
|
|
+ <div class="edit-property-body level1">
|
|
|
+ <div class="edit-property-title">取分规则</div>
|
|
|
+ <div class="edit-property-content">
|
|
|
+ {{
|
|
|
+ paperDetail.selectiveRule | selectiveRuleTypeFilter
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 循环小题 -->
|
|
|
- <div v-show="paperDetail.showQuestions" class="edit-paper-questions">
|
|
|
- <template
|
|
|
- v-for="(paperDetailUnit, unitIndex) in paperDetail.paperDetailUnits"
|
|
|
- >
|
|
|
- <div
|
|
|
- :key="`question-${unitIndex}`"
|
|
|
- :class="[
|
|
|
- 'edit-part',
|
|
|
- 'level2',
|
|
|
- {
|
|
|
- 'question-duplicate':
|
|
|
- paperDetailUnit.question.checkDuplicateStatus ==
|
|
|
- 'TO_BE_DISPOSE',
|
|
|
- 'is-danger': !paperDetailUnit.score,
|
|
|
- },
|
|
|
- ]"
|
|
|
+ <!-- 循环小题 -->
|
|
|
+ <div v-show="paperDetail.showQuestions" class="edit-paper-questions">
|
|
|
+ <template
|
|
|
+ v-for="(
|
|
|
+ paperDetailUnit, unitIndex
|
|
|
+ ) in paperDetail.paperDetailUnits"
|
|
|
>
|
|
|
- <div class="level2-hover-show">
|
|
|
- <div class="box-justify">
|
|
|
- <div class="gray-btn-group">
|
|
|
- <span
|
|
|
- v-if="
|
|
|
- paperDetailUnit.question.checkDuplicateStatus ===
|
|
|
- 'TO_BE_DISPOSE'
|
|
|
- "
|
|
|
- @click="
|
|
|
- toCheckDuplicateQuestion(paperDetailUnit.question.id)
|
|
|
- "
|
|
|
- >进入查重</span
|
|
|
- >
|
|
|
- <span @click="toChangeQues(paperDetailUnit)">换题</span>
|
|
|
- <span @click="toEditQues(paperDetailUnit)">编辑</span>
|
|
|
- <span
|
|
|
- v-if="unitIndex"
|
|
|
- @click="
|
|
|
- toMoveQues(paperDetail.id, paperDetailUnit.id, 'up')
|
|
|
- "
|
|
|
- >上移</span
|
|
|
- >
|
|
|
- <span
|
|
|
- v-if="unitIndex < paperDetail.paperDetailUnits.length - 1"
|
|
|
- @click="
|
|
|
- toMoveQues(paperDetail.id, paperDetailUnit.id, 'down')
|
|
|
- "
|
|
|
- >下移</span
|
|
|
- >
|
|
|
- <span @click="toDeleteQues(paperDetailUnit)">删除</span>
|
|
|
- <span
|
|
|
- v-if="isNested(paperDetailUnit.questionType)"
|
|
|
- @click="
|
|
|
- paperDetailUnit.showSubQuestions =
|
|
|
- !paperDetailUnit.showSubQuestions
|
|
|
- "
|
|
|
- >{{
|
|
|
- paperDetailUnit.showSubQuestions ? "收起" : "展开"
|
|
|
- }}</span
|
|
|
- >
|
|
|
+ <div
|
|
|
+ :key="`question-${unitIndex}`"
|
|
|
+ :class="[
|
|
|
+ 'edit-part',
|
|
|
+ 'level2',
|
|
|
+ `small-${detailIndex}-${unitIndex}`,
|
|
|
+ {
|
|
|
+ 'question-duplicate':
|
|
|
+ paperDetailUnit.question.checkDuplicateStatus ==
|
|
|
+ 'TO_BE_DISPOSE',
|
|
|
+ 'is-danger': !paperDetailUnit.score,
|
|
|
+ },
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <div class="level2-hover-show">
|
|
|
+ <div class="box-justify">
|
|
|
+ <div class="gray-btn-group">
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ paperDetailUnit.question.checkDuplicateStatus ===
|
|
|
+ 'TO_BE_DISPOSE'
|
|
|
+ "
|
|
|
+ @click="
|
|
|
+ toCheckDuplicateQuestion(paperDetailUnit.question.id)
|
|
|
+ "
|
|
|
+ >进入查重</span
|
|
|
+ >
|
|
|
+ <span @click="toChangeQues(paperDetailUnit)">换题</span>
|
|
|
+ <span @click="toEditQues(paperDetailUnit)">编辑</span>
|
|
|
+ <span
|
|
|
+ v-if="unitIndex"
|
|
|
+ @click="
|
|
|
+ toMoveQues(paperDetail.id, paperDetailUnit.id, 'up')
|
|
|
+ "
|
|
|
+ >上移</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ unitIndex < paperDetail.paperDetailUnits.length - 1
|
|
|
+ "
|
|
|
+ @click="
|
|
|
+ toMoveQues(paperDetail.id, paperDetailUnit.id, 'down')
|
|
|
+ "
|
|
|
+ >下移</span
|
|
|
+ >
|
|
|
+ <span @click="toDeleteQues(paperDetailUnit)">删除</span>
|
|
|
+ <span
|
|
|
+ v-if="isNested(paperDetailUnit.questionType)"
|
|
|
+ @click="
|
|
|
+ paperDetailUnit.showSubQuestions =
|
|
|
+ !paperDetailUnit.showSubQuestions
|
|
|
+ "
|
|
|
+ >{{
|
|
|
+ paperDetailUnit.showSubQuestions ? "收起" : "展开"
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <span class="tips-info">
|
|
|
+ {{ paperDetailUnit.question.bodyLengthText }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <span class="tips-info">
|
|
|
- {{ paperDetailUnit.question.bodyLengthText }}
|
|
|
- </span>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- <el-button
|
|
|
+ <!-- <el-button
|
|
|
v-if="
|
|
|
paperDetailUnit.question.checkDuplicateStatus ===
|
|
|
'TO_BE_DISPOSE'
|
|
|
@@ -534,148 +551,51 @@
|
|
|
!paperDetailUnit.showSubQuestions
|
|
|
"
|
|
|
></el-button> -->
|
|
|
- </div>
|
|
|
- <div class="edit-cont">
|
|
|
- <div class="edit-cont-title">
|
|
|
- <span>{{ paperDetailUnit.number }}.</span>
|
|
|
- <rich-text
|
|
|
- :text-json="paperDetailUnit.question.quesBody"
|
|
|
- ></rich-text>
|
|
|
- <span :class="{ 'color-danger': !paperDetailUnit.score }">
|
|
|
- （{{ paperDetailUnit.score }}分）
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="edit-cont-body">
|
|
|
- <div
|
|
|
- v-for="(quesOption, optionIndex) in paperDetailUnit.question
|
|
|
- .quesOptions"
|
|
|
- :key="optionIndex"
|
|
|
- class="paper-option"
|
|
|
- >
|
|
|
- <span>{{ optionIndex | optionOrderWordFilter }}. </span>
|
|
|
- <rich-text :text-json="quesOption.optionBody"></rich-text>
|
|
|
- </div>
|
|
|
- <div v-if="!isNested(paperDetailUnit.questionType)">
|
|
|
- <div v-show="quesAnswerShow" class="paper-answer">
|
|
|
- <span>答案：</span>
|
|
|
- <question-answer
|
|
|
- :data="paperDetailUnit.question"
|
|
|
- ></question-answer>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="paperDetailUnit.question.quesProperties"
|
|
|
- class="edit-cont-props"
|
|
|
- style="margin-top: 10px"
|
|
|
- >
|
|
|
- <el-tag
|
|
|
- v-for="(content, propIndex) in paperDetailUnit.question
|
|
|
- .quesProperties"
|
|
|
- :key="propIndex"
|
|
|
- type="primary"
|
|
|
- effect="dark"
|
|
|
- style="margin-right: 5px; margin-bottom: 5px"
|
|
|
- >
|
|
|
- <!-- {{ content.courseProperty && content.courseProperty.name }}
|
|
|
- <span style="margin: 0 3px">/</span> -->
|
|
|
- {{ content.firstProperty && content.firstProperty.name }}
|
|
|
- <span v-if="content.secondProperty" style="margin: 0 3px"
|
|
|
- >/</span
|
|
|
- >
|
|
|
- {{ content.secondProperty && content.secondProperty.name }}
|
|
|
- </el-tag>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-show="quesTagShow" class="edit-property">
|
|
|
- <div class="edit-property-box">
|
|
|
- <div
|
|
|
- v-for="(questionTag, tagIndex) in paperDetailUnit.question
|
|
|
- .tags"
|
|
|
- :key="tagIndex"
|
|
|
- class="edit-property-item"
|
|
|
- >
|
|
|
- <div class="edit-property-body level2">
|
|
|
- <div class="edit-property-title">
|
|
|
- {{ questionTag.tag }}
|
|
|
- </div>
|
|
|
- <div class="edit-property-content">
|
|
|
- {{ questionTag.content }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="isNested(paperDetailUnit.questionType)"
|
|
|
- v-show="paperDetailUnit.showSubQuestions"
|
|
|
- :key="`question-sub-${unitIndex}`"
|
|
|
- class="edit-paper-question-subs"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(subQuestion, subIndex) in paperDetailUnit.question
|
|
|
- .subQuestions"
|
|
|
- :key="subIndex"
|
|
|
- :class="[
|
|
|
- 'edit-part',
|
|
|
- {
|
|
|
- 'is-danger': !paperDetailUnit.subScoreList[subIndex],
|
|
|
- },
|
|
|
- ]"
|
|
|
- >
|
|
|
<div class="edit-cont">
|
|
|
<div class="edit-cont-title">
|
|
|
- <span>{{ subIndex + 1 }}. </span>
|
|
|
- <rich-text :text-json="subQuestion.quesBody"></rich-text>
|
|
|
- <span
|
|
|
- :class="{
|
|
|
- 'color-danger': !paperDetailUnit.subScoreList[subIndex],
|
|
|
- }"
|
|
|
- >
|
|
|
- （{{ paperDetailUnit.subScoreList[subIndex] }}分）
|
|
|
+ <span>{{ paperDetailUnit.number }}.</span>
|
|
|
+ <rich-text
|
|
|
+ :text-json="paperDetailUnit.question.quesBody"
|
|
|
+ ></rich-text>
|
|
|
+ <span :class="{ 'color-danger': !paperDetailUnit.score }">
|
|
|
+ （{{ paperDetailUnit.score }}分）
|
|
|
</span>
|
|
|
</div>
|
|
|
-
|
|
|
- <div
|
|
|
- v-if="!isMatchingQuestion(paperDetailUnit.questionType)"
|
|
|
- class="edit-cont-body"
|
|
|
- >
|
|
|
+ <div class="edit-cont-body">
|
|
|
<div
|
|
|
- v-for="(
|
|
|
- subQuesOption, subOptIndex
|
|
|
- ) in subQuestion.quesOptions"
|
|
|
- :key="subOptIndex"
|
|
|
+ v-for="(quesOption, optionIndex) in paperDetailUnit
|
|
|
+ .question.quesOptions"
|
|
|
+ :key="optionIndex"
|
|
|
class="paper-option"
|
|
|
>
|
|
|
- <span>{{ subOptIndex | optionOrderWordFilter }}. </span>
|
|
|
- <rich-text
|
|
|
- :text-json="subQuesOption.optionBody"
|
|
|
- ></rich-text>
|
|
|
+ <span>{{ optionIndex | optionOrderWordFilter }}. </span>
|
|
|
+ <rich-text :text-json="quesOption.optionBody"></rich-text>
|
|
|
+ </div>
|
|
|
+ <div v-if="!isNested(paperDetailUnit.questionType)">
|
|
|
+ <div v-show="quesAnswerShow" class="paper-answer">
|
|
|
+ <span>答案：</span>
|
|
|
+ <question-answer
|
|
|
+ :data="paperDetailUnit.question"
|
|
|
+ ></question-answer>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-show="quesAnswerShow" class="paper-answer">
|
|
|
- <span>答案：</span>
|
|
|
- <question-answer :data="subQuestion"></question-answer>
|
|
|
- <!-- <rich-text :text-json="subQuestion.quesAnswer"></rich-text> -->
|
|
|
</div>
|
|
|
<div
|
|
|
- v-if="subQuestion.quesProperties"
|
|
|
+ v-if="paperDetailUnit.question.quesProperties"
|
|
|
class="edit-cont-props"
|
|
|
style="margin-top: 10px"
|
|
|
>
|
|
|
<el-tag
|
|
|
- v-for="(content, propIndex) in subQuestion.quesProperties"
|
|
|
+ v-for="(content, propIndex) in paperDetailUnit.question
|
|
|
+ .quesProperties"
|
|
|
:key="propIndex"
|
|
|
type="primary"
|
|
|
effect="dark"
|
|
|
style="margin-right: 5px; margin-bottom: 5px"
|
|
|
>
|
|
|
- <!-- {{
|
|
|
- content.courseProperty && content.courseProperty.name
|
|
|
- }}
|
|
|
- <span style="margin: 0 3px">/</span> -->
|
|
|
+ <!-- {{ content.courseProperty && content.courseProperty.name }}
|
|
|
+ <span style="margin: 0 3px">/</span> -->
|
|
|
{{ content.firstProperty && content.firstProperty.name }}
|
|
|
<span v-if="content.secondProperty" style="margin: 0 3px"
|
|
|
>/</span
|
|
|
@@ -686,7 +606,113 @@
|
|
|
</el-tag>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div
|
|
|
+ <div v-show="quesTagShow" class="edit-property">
|
|
|
+ <div class="edit-property-box">
|
|
|
+ <div
|
|
|
+ v-for="(questionTag, tagIndex) in paperDetailUnit.question
|
|
|
+ .tags"
|
|
|
+ :key="tagIndex"
|
|
|
+ class="edit-property-item"
|
|
|
+ >
|
|
|
+ <div class="edit-property-body level2">
|
|
|
+ <div class="edit-property-title">
|
|
|
+ {{ questionTag.tag }}
|
|
|
+ </div>
|
|
|
+ <div class="edit-property-content">
|
|
|
+ {{ questionTag.content }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="isNested(paperDetailUnit.questionType)"
|
|
|
+ v-show="paperDetailUnit.showSubQuestions"
|
|
|
+ :key="`question-sub-${unitIndex}`"
|
|
|
+ class="edit-paper-question-subs"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-for="(subQuestion, subIndex) in paperDetailUnit.question
|
|
|
+ .subQuestions"
|
|
|
+ :key="subIndex"
|
|
|
+ :class="[
|
|
|
+ 'edit-part',
|
|
|
+ {
|
|
|
+ 'is-danger': !paperDetailUnit.subScoreList[subIndex],
|
|
|
+ },
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <div class="edit-cont">
|
|
|
+ <div class="edit-cont-title">
|
|
|
+ <span>{{ subIndex + 1 }}. </span>
|
|
|
+ <rich-text :text-json="subQuestion.quesBody"></rich-text>
|
|
|
+ <span
|
|
|
+ :class="{
|
|
|
+ 'color-danger':
|
|
|
+ !paperDetailUnit.subScoreList[subIndex],
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ （{{ paperDetailUnit.subScoreList[subIndex] }}分）
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ v-if="!isMatchingQuestion(paperDetailUnit.questionType)"
|
|
|
+ class="edit-cont-body"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-for="(
|
|
|
+ subQuesOption, subOptIndex
|
|
|
+ ) in subQuestion.quesOptions"
|
|
|
+ :key="subOptIndex"
|
|
|
+ class="paper-option"
|
|
|
+ >
|
|
|
+ <span>{{ subOptIndex | optionOrderWordFilter }}. </span>
|
|
|
+ <rich-text
|
|
|
+ :text-json="subQuesOption.optionBody"
|
|
|
+ ></rich-text>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div v-show="quesAnswerShow" class="paper-answer">
|
|
|
+ <span>答案：</span>
|
|
|
+ <question-answer :data="subQuestion"></question-answer>
|
|
|
+ <!-- <rich-text :text-json="subQuestion.quesAnswer"></rich-text> -->
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="subQuestion.quesProperties"
|
|
|
+ class="edit-cont-props"
|
|
|
+ style="margin-top: 10px"
|
|
|
+ >
|
|
|
+ <el-tag
|
|
|
+ v-for="(
|
|
|
+ content, propIndex
|
|
|
+ ) in subQuestion.quesProperties"
|
|
|
+ :key="propIndex"
|
|
|
+ type="primary"
|
|
|
+ effect="dark"
|
|
|
+ style="margin-right: 5px; margin-bottom: 5px"
|
|
|
+ >
|
|
|
+ <!-- {{
|
|
|
+ content.courseProperty && content.courseProperty.name
|
|
|
+ }}
|
|
|
+ <span style="margin: 0 3px">/</span> -->
|
|
|
+ {{
|
|
|
+ content.firstProperty && content.firstProperty.name
|
|
|
+ }}
|
|
|
+ <span
|
|
|
+ v-if="content.secondProperty"
|
|
|
+ style="margin: 0 3px"
|
|
|
+ >/</span
|
|
|
+ >
|
|
|
+ {{
|
|
|
+ content.secondProperty && content.secondProperty.name
|
|
|
+ }}
|
|
|
+ </el-tag>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div
|
|
|
v-if="subQuestion.quesProperties"
|
|
|
class="edit-cont-props"
|
|
|
style="margin-top: 10px"
|
|
|
@@ -707,27 +733,28 @@
|
|
|
{{ content.secondProperty && content.secondProperty.name }}
|
|
|
</el-tag>
|
|
|
</div> -->
|
|
|
- <div v-show="quesTagShow" class="edit-property">
|
|
|
- <div class="edit-property-box">
|
|
|
- <div
|
|
|
- v-for="(subQuestionTag, tagIndex) in subQuestion.tags"
|
|
|
- :key="tagIndex"
|
|
|
- class="edit-property-item"
|
|
|
- >
|
|
|
- <div class="edit-property-body level2">
|
|
|
- <div class="edit-property-title">
|
|
|
- {{ subQuestionTag.tag }}
|
|
|
- </div>
|
|
|
- <div class="edit-property-content">
|
|
|
- {{ subQuestionTag.content }}
|
|
|
+ <div v-show="quesTagShow" class="edit-property">
|
|
|
+ <div class="edit-property-box">
|
|
|
+ <div
|
|
|
+ v-for="(subQuestionTag, tagIndex) in subQuestion.tags"
|
|
|
+ :key="tagIndex"
|
|
|
+ class="edit-property-item"
|
|
|
+ >
|
|
|
+ <div class="edit-property-body level2">
|
|
|
+ <div class="edit-property-title">
|
|
|
+ {{ subQuestionTag.tag }}
|
|
|
+ </div>
|
|
|
+ <div class="edit-property-content">
|
|
|
+ {{ subQuestionTag.content }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -885,6 +912,8 @@ export default {
|
|
|
// upload property
|
|
|
propertyTemplateUrl: "",
|
|
|
uploadPropertyUrl: "",
|
|
|
+ bigOpenStatusIds: [],
|
|
|
+ smallOpenStatusIds: [],
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -910,26 +939,73 @@ export default {
|
|
|
this.initPaper();
|
|
|
},
|
|
|
methods: {
|
|
|
- async initPaper(bool) {
|
|
|
+ saveOpenStatus() {
|
|
|
+ let bigOpenStatusIds = [];
|
|
|
+ let smallOpenStatusIds = [];
|
|
|
+ for (let i = 0; i < this.paper.paperDetails.length; i++) {
|
|
|
+ let detail = this.paper.paperDetails[i];
|
|
|
+ bigOpenStatusIds.push({
|
|
|
+ id: detail.id,
|
|
|
+ showQuestions: detail.showQuestions,
|
|
|
+ });
|
|
|
+ for (let j = 0; j < detail.paperDetailUnits.length; j++) {
|
|
|
+ let question = detail.paperDetailUnits[j];
|
|
|
+ smallOpenStatusIds.push({
|
|
|
+ id: question.id,
|
|
|
+ showSubQuestions: question.showSubQuestions,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.bigOpenStatusIds = bigOpenStatusIds;
|
|
|
+ this.smallOpenStatusIds = smallOpenStatusIds;
|
|
|
+ },
|
|
|
+ async initPaper(type) {
|
|
|
+ this.saveOpenStatus();
|
|
|
const res = await paperDetailApi(this.paperId);
|
|
|
res.data.paperDetails.forEach((detail) => {
|
|
|
- detail.showQuestions = true;
|
|
|
+ detail.showQuestions =
|
|
|
+ this.bigOpenStatusIds.find((item) => item.id == detail.id)
|
|
|
+ ?.showQuestions ?? true;
|
|
|
+ if (type == "addSmall" && detail.id == this.curDetail.id) {
|
|
|
+ detail.showQuestions = true;
|
|
|
+ }
|
|
|
detail.paperDetailUnits.forEach((question) => {
|
|
|
- question.showSubQuestions = true;
|
|
|
+ question.showSubQuestions =
|
|
|
+ this.smallOpenStatusIds.find((item) => item.id == question.id)
|
|
|
+ ?.showSubQuestions ?? true;
|
|
|
});
|
|
|
});
|
|
|
|
|
|
this.paper = res.data;
|
|
|
this.paper.title = this.paper.title || this.paper.name;
|
|
|
this.showCheckDuplicate();
|
|
|
- if (bool) {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.editPaper.scrollTo({
|
|
|
+ if (type == "addBig") {
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.editPaperBody.scrollTo({
|
|
|
left: 0,
|
|
|
top: 100000,
|
|
|
behavior: "smooth",
|
|
|
});
|
|
|
- });
|
|
|
+ }, 20);
|
|
|
+ } else if (type == "addSmall") {
|
|
|
+ let bigIndex = this.paper.paperDetails.findIndex(
|
|
|
+ (item) => item.id == this.curDetail.id
|
|
|
+ );
|
|
|
+ if (bigIndex > -1) {
|
|
|
+ let cls = `small-${bigIndex}-${
|
|
|
+ this.paper.paperDetails[bigIndex].paperDetailUnits.length - 1
|
|
|
+ }`;
|
|
|
+ setTimeout(() => {
|
|
|
+ const el = document.querySelector("." + cls);
|
|
|
+ // this.$refs.editPaperBody.scrollTo({
|
|
|
+ // left: 0,
|
|
|
+ // top: el.getBoundingClientRect().top - 210,
|
|
|
+ // behavior: "smooth",
|
|
|
+ // });
|
|
|
+
|
|
|
+ el.scrollIntoView({ behavior: "smooth", block: "start" });
|
|
|
+ }, 100);
|
|
|
+ }
|
|
|
}
|
|
|
if (!this.checkPaperQuestionAllHasScore()) {
|
|
|
this.$notify.error("有小题未设置分值！");
|
|
|
@@ -1123,7 +1199,7 @@ export default {
|
|
|
if (!res) return;
|
|
|
|
|
|
this.$message.success("添加成功！");
|
|
|
- this.initPaper();
|
|
|
+ this.initPaper("addSmall");
|
|
|
},
|
|
|
addBigQuestion() {
|
|
|
this.curDetail = {};
|
|
|
@@ -1143,7 +1219,9 @@ export default {
|
|
|
}).catch(() => {});
|
|
|
if (!res) return;
|
|
|
this.$message.success("新增成功!");
|
|
|
- this.initPaper(true);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.initPaper("addBig");
|
|
|
+ }, 50);
|
|
|
} else {
|
|
|
detail.name = detail.detailName;
|
|
|
const res = await paperDetailUpdateApi(this.paperId, detail).catch(
|
|
|
@@ -1317,8 +1395,8 @@ export default {
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.edit-paper {
|
|
|
- height: 100vh;
|
|
|
- overflow: auto;
|
|
|
+ height: calc(100vh - 140px);
|
|
|
+ margin-top: 140px;
|
|
|
.edit-warning-wrap {
|
|
|
height: 69px;
|
|
|
|
刘洋