<!--<template>-->
<!--  <div class="app-container">-->
<!--    <div v-show="!isExamStart" class="study-box">-->
<!--      <div class="study-banner">-->
<!--        <img :src="imgUrl" alt="">-->
<!--      </div>-->
<!--      <div class="study-info">-->
<!--        <table class="table-ui">-->
<!--          <tr>-->
<!--            <td class="tbg">试卷名称</td>-->
<!--            <td>{{ form.EXAMNAME }}</td>-->
<!--            <td class="tbg">答卷时间</td>-->
<!--            <td class="color-red">{{ form.ANSWERSHEETTIME }}分钟</td>-->
<!--          </tr>-->
<!--          <tr>-->
<!--            <td colspan="4">试卷总共{{ form.QUESTIONNUM }}道题，答题时间共计{{ form.ANSWERSHEETTIME }}分钟，开始答题后计时到答卷时间后会自动提交试卷，请学员尽快答题。</td>-->
<!--          </tr>-->
<!--        </table>-->
<!--      </div>-->
<!--      <div class="study-foot">-->
<!--        <el-button v-show="!isExamStart" :disabled="!isDisabled" type="warning" icon="el-icon-arrow-left" round @click="goBack()">返 回</el-button>-->
<!--        <el-button v-show="!isExamStart" :disabled="!isDisabled" type="primary" icon="el-icon-caret-right" round @click="handleBegin()">开始答题</el-button>-->
<!--      </div>-->
<!--    </div>-->
<!--    <div v-show="isExamStart" class="study-papg">-->
<!--      <dl v-for="(row,i) in form.QUESTIONLIST" :key="row.QUESTION_ID">-->
<!--        <dt>-->
<!--          {{ i + 1 }}.<span v-if="row.QUESTIONTYPE === '1'" class="mark">(单选题)</span>-->
<!--          <span v-if="row.QUESTIONTYPE === '2'" class="mark">(多选题)</span>-->
<!--          <span v-if="row.QUESTIONTYPE === '3'" class="mark">(判断题)</span>-->
<!--          {{ row.QUESTIONDRY }}-->
<!--        </dt>-->
<!--        <el-radio-group v-if="row.QUESTIONTYPE === '1'" :disabled="isDisabled" v-model="form.ANSWER[i]" style="display: block;">-->
<!--          <dd>-->
<!--            <el-radio label="A">A.{{ row.OPTIONA }}</el-radio>-->
<!--          </dd>-->
<!--          <dd>-->
<!--            <el-radio label="B">B.{{ row.OPTIONB }}</el-radio>-->
<!--          </dd>-->
<!--          <dd>-->
<!--            <el-radio label="C">C.{{ row.OPTIONC }}</el-radio>-->
<!--          </dd>-->
<!--          <dd>-->
<!--            <el-radio label="D">D.{{ row.OPTIOND }}</el-radio>-->
<!--          </dd>-->
<!--        </el-radio-group>-->
<!--        <el-checkbox-group v-if="row.QUESTIONTYPE === '2'" :disabled="isDisabled" v-model="form.ANSWER[i]">-->
<!--          <dd>-->
<!--            <el-checkbox label="A">A.{{ row.OPTIONA }}</el-checkbox>-->
<!--          </dd>-->
<!--          <dd>-->
<!--            <el-checkbox label="B">B.{{ row.OPTIONB }}</el-checkbox>-->
<!--          </dd>-->
<!--          <dd>-->
<!--            <el-checkbox label="C">C.{{ row.OPTIONC }}</el-checkbox>-->
<!--          </dd>-->
<!--          <dd>-->
<!--            <el-checkbox label="D">D.{{ row.OPTIOND }}</el-checkbox>-->
<!--          </dd>-->
<!--        </el-checkbox-group>-->
<!--        <el-radio-group v-if="row.QUESTIONTYPE === '3'" :disabled="isDisabled" v-model="form.ANSWER[i]" style="display: block;">-->
<!--          <dd>-->
<!--            <el-radio label="A">A.{{ row.OPTIONA }}</el-radio>-->
<!--          </dd>-->
<!--          <dd>-->
<!--            <el-radio label="B">B.{{ row.OPTIONB }}</el-radio>-->
<!--          </dd>-->
<!--        </el-radio-group>-->
<!--      </dl>-->
<!--    </div>-->
<!--    <div v-show="isExamStart" class="papg-foot">-->
<!--      <el-button type="warning" round @click="goBack">取消考试</el-button>-->
<!--      <el-button :disabled="isDisabled" type="success" round @click="confirm">交 卷</el-button>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包-->
<!--import { requestFN } from '@/utils/request'-->
<!--import waves from '@/directive/waves' // waves directive-->
<!--import dateformat from '@/utils/dateformat.js'-->
<!--export default {-->
<!--  components: { Pagination },-->
<!--  directives: { waves },-->
<!--  data() {-->
<!--    return {-->
<!--      imgUrl: require(''),-->
<!--      listLoading: true,-->
<!--      config: config,-->
<!--      isExamStart: false,-->
<!--      isDisabled: true,-->
<!--      form: {-->
<!--        CURRICULUMID: this.$parent.CURRICULUM_ID, // 课程ID-->
<!--        EXAMNAME: '', // 试卷名称-->
<!--        EXAMTIME: '', // 考试时间（开始时间）-->
<!--        ANSWERSHEETTIME: '', // 答卷时间（持续时间）-->
<!--        EXAMSCORE: 100, // 试卷分数-->
<!--        QUESTIONNUM: '', // 试题数量（10、20、50、100）-->
<!--        QUESTION_ID: [], // 试题ID数组-->
<!--        QUESTIONTYPE: [], // 试题类型数组-->
<!--        ANSWER: [], // 学员答案-->
<!--        ANSWERRIGHT: [] // 正确答案-->
<!--      },-->
<!--      subForm: {},-->
<!--      multipleSelectionAll: [], // 所有选中的数据包含跨页数据-->
<!--      multipleSelection: [], // 当前页选中的数据-->
<!--      dialogFormEdit: false,-->
<!--      dialogExamShow: false,-->
<!--      dialogType: 'add',-->
<!--      timeElement: '',-->
<!--      timer: '',-->
<!--      timeContext: '00:00',-->
<!--      hour: 0,-->
<!--      minutes: 0,-->
<!--      seconds: 0-->
<!--    }-->
<!--  },-->
<!--  created() {-->
<!--    this.getData()-->
<!--  },-->
<!--  beforeDestroy() {-->
<!--    if (this.timeElement !== '') {-->
<!--      clearInterval(this.timer) // 满足条件时 停止计时-->
<!--      this.timeElement.close()-->
<!--      this.seconds = 0-->
<!--      this.minutes = 0-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    getRowKey(row) {-->
<!--      return row.courseexam_ID-->
<!--    },-->
<!--    // 搜索-->
<!--    getQuery() {-->
<!--      this.$refs.multipleTable.clearSelection()-->
<!--      this.getList()-->
<!--    },-->
<!--    getData() {-->
<!--      this.listLoading = true-->
<!--      requestFN(-->
<!--        '/coursepapers/findByCurriculumExam',-->
<!--        {-->
<!--          CURRICULUMID: this.$parent.CURRICULUM_ID-->
<!--        }-->
<!--      ).then((data) => {-->
<!--        this.listLoading = false-->
<!--        this.form = Object.assign(this.form, data.pd)-->
<!--        // console.info(this.form)-->
<!--      }).catch((e) => {-->
<!--        this.listLoading = false-->
<!--      })-->
<!--    },-->
<!--    handleBegin() {-->
<!--      this.form.EXAMTIME = dateformat(new Date(), 'YYYY-MM-DD HH:mm:ss')-->
<!--      this.isExamStart = true-->
<!--      this.isDisabled = false-->
<!--      this.timeElement = this.$notify({-->
<!--        title: '',-->
<!--        width: 100,-->
<!--        dangerouslyUseHTMLString: true,-->
<!--        message: '<div style="left: 50%"><h2>00:00</h2></div>',-->
<!--        showClose: false,-->
<!--        duration: 0,-->
<!--        offset: 120-->
<!--      })-->
<!--      this.timer = setInterval(this.startTimer, 1000)-->
<!--    },-->
<!--    startTimer() {-->
<!--      this.seconds += 1-->
<!--      if (this.seconds >= 60) {-->
<!--        this.seconds = 0-->
<!--        this.minutes = this.minutes + 1-->
<!--      }-->
<!--      this.timeContext = (this.minutes < 10 ? '0' + this.minutes : this.minutes) + ':' + (this.seconds < 10 ? '0' + this.seconds : this.seconds)-->
<!--      this.timeElement.message = '<div style="left: 50%"><h2>' + this.timeContext + '</h2></div>'-->
<!--      if (this.timeContext === this.form.ANSWERSHEETTIME + ':00') {-->
<!--        if (this.timeElement !== '') {-->
<!--          clearInterval(this.timer) // 满足条件时 停止计时-->
<!--          this.timeElement.close()-->
<!--          this.seconds = 0-->
<!--          this.minutes = 0-->
<!--        }-->
<!--        this.subForm = Object.assign({}, this.form)-->
<!--        for (let i = 0; i < this.subForm.ANSWER.length; i++) {-->
<!--          if (this.subForm.QUESTIONTYPE[i] === '2') {-->
<!--            this.subForm.ANSWER[i] = this.trimSpace(this.subForm.ANSWER[i])-->
<!--            this.subForm.ANSWER[i] = this.subForm.ANSWER[i].length > 0 ? this.subForm.ANSWER[i].sort() : []-->
<!--            if (this.subForm.ANSWER[i].length === 0) {-->
<!--              this.subForm.ANSWER[i] = '-'-->
<!--            }-->
<!--          } else {-->
<!--            if (this.subForm.ANSWER[i].length === 0) {-->
<!--              this.subForm.ANSWER[i] = '-'-->
<!--            }-->
<!--          }-->
<!--        }-->
<!--        var ANSWER_STR = ''-->
<!--        for (let i = 0; i < this.subForm.ANSWER.length; i++) {-->
<!--          if (this.subForm.QUESTIONTYPE[i] === '2') {-->
<!--            ANSWER_STR += (this.subForm.ANSWER[i] === '-' ? '-' : this.subForm.ANSWER[i].join('')) + ','-->
<!--          } else {-->
<!--            ANSWER_STR += this.subForm.ANSWER[i] + ','-->
<!--          }-->
<!--        }-->
<!--        this.subForm.ANSWER = ANSWER_STR.length > 0 ? ANSWER_STR.slice(0, ANSWER_STR.length - 1) : ''-->
<!--        this.subForm.QUESTION_ID = this.subForm.QUESTION_ID.join(',')-->
<!--        this.subForm.QUESTIONTYPE = this.subForm.QUESTIONTYPE.join(',')-->
<!--        this.subForm.COURSEWAREID = this.subForm.COURSEWAREID.join(',')-->
<!--        this.subForm.COURSEWARETYPE = this.subForm.COURSEWARETYPE.join(',')-->
<!--        this.subForm.ANSWERRIGHT = this.subForm.ANSWERRIGHT.join(',')-->
<!--        this.subForm.QUESTIONLIST = ''-->
<!--        this.subForm.COURSESTUDENTRELATION_ID = this.$parent.COURSESTUDENTRELATION_ID-->
<!--        const h = this.$createElement-->
<!--        this.$msgbox({-->
<!--          title: '消息',-->
<!--          message: h('p', null, [-->
<!--            h('span', null, '计时时间已到提交试卷！')-->
<!--          ]),-->
<!--          showCancelButton: false,-->
<!--          confirmButtonText: '确定',-->
<!--          cancelButtonText: '取消',-->
<!--          beforeClose: (action, instance, done) => {-->
<!--            if (action === 'confirm') {-->
<!--              instance.confirmButtonLoading = true-->
<!--              instance.confirmButtonText = '答题信息提交中...'-->
<!--              requestFN(-->
<!--                '/courseexam/submit',-->
<!--                this.subForm-->
<!--              ).then((data) => {-->
<!--                const examScore = data.pd.EXAMSCORE-->
<!--                if (examScore >= 60) {-->
<!--                  this.$message({-->
<!--                    message: '您本次考试成绩为' + examScore + '分,祝贺您考试通过！',-->
<!--                    type: 'success',-->
<!--                    duration: 10000-->
<!--                  })-->
<!--                } else {-->
<!--                  this.$message({-->
<!--                    message: '您本次考试成绩为' + examScore + '分,未通过考试，请再接再厉！',-->
<!--                    type: 'error',-->
<!--                    duration: 10000-->
<!--                  })-->
<!--                }-->
<!--                instance.confirmButtonLoading = false-->
<!--                this.isDisabled = true-->
<!--                this.$parent.activeName = 'Mine'-->
<!--              }).catch(() => {-->
<!--              })-->
<!--            }-->
<!--          }-->
<!--        })-->
<!--      }-->
<!--    },-->
<!--    confirm() {-->
<!--      var confirmMsg = '试卷试题第'-->
<!--      this.subForm = Object.assign({}, this.form)-->
<!--      for (let i = 0; i < this.subForm.ANSWER.length; i++) {-->
<!--        if (this.subForm.QUESTIONTYPE[i] === '2') {-->
<!--          this.subForm.ANSWER[i] = this.trimSpace(this.subForm.ANSWER[i])-->
<!--          this.subForm.ANSWER[i] = this.subForm.ANSWER[i].length > 0 ? this.subForm.ANSWER[i].sort() : []-->
<!--          if (this.subForm.ANSWER[i].length === 0) {-->
<!--            confirmMsg += (i + 1) + ','-->
<!--            this.subForm.ANSWER[i] = '-'-->
<!--          }-->
<!--        } else {-->
<!--          if (this.subForm.ANSWER[i].length === 0) {-->
<!--            confirmMsg += (i + 1) + ','-->
<!--            this.subForm.ANSWER[i] = '-'-->
<!--          }-->
<!--        }-->
<!--      }-->
<!--      confirmMsg = confirmMsg.length === 5 ? '确定要提交试卷吗？' : (confirmMsg.slice(0, confirmMsg.length - 1) + '题还没有作答，确定要提交试卷吗？')-->
<!--      var ANSWER_STR = ''-->
<!--      for (let i = 0; i < this.subForm.ANSWER.length; i++) {-->
<!--        if (this.subForm.QUESTIONTYPE[i] === '2') {-->
<!--          ANSWER_STR += (this.subForm.ANSWER[i] === '-' ? '-' : this.subForm.ANSWER[i].join('')) + ','-->
<!--        } else {-->
<!--          ANSWER_STR += this.subForm.ANSWER[i] + ','-->
<!--        }-->
<!--      }-->
<!--      this.subForm.ANSWER = ANSWER_STR.length > 0 ? ANSWER_STR.slice(0, ANSWER_STR.length - 1) : ''-->
<!--      this.subForm.QUESTION_ID = this.subForm.QUESTION_ID.join(',')-->
<!--      this.subForm.QUESTIONTYPE = this.subForm.QUESTIONTYPE.join(',')-->
<!--      this.subForm.COURSEWAREID = this.subForm.COURSEWAREID.join(',')-->
<!--      this.subForm.COURSEWARETYPE = this.subForm.COURSEWARETYPE.join(',')-->
<!--      this.subForm.ANSWERRIGHT = this.subForm.ANSWERRIGHT.join(',')-->
<!--      this.subForm.QUESTIONLIST = ''-->
<!--      this.subForm.COURSESTUDENTRELATION_ID = this.$parent.COURSESTUDENTRELATION_ID-->
<!--      this.$confirm(confirmMsg, {-->
<!--        confirmButtonText: '确定',-->
<!--        cancelButtonText: '取消',-->
<!--        type: 'warning'-->
<!--      }).then(() => {-->
<!--        if (this.timeElement !== '') {-->
<!--          clearInterval(this.timer) // 满足条件时 停止计时-->
<!--          this.timeElement.close()-->
<!--          this.seconds = 0-->
<!--          this.minutes = 0-->
<!--        }-->

<!--        requestFN(-->
<!--          '/courseexam/submit',-->
<!--          this.subForm-->
<!--        ).then((data) => {-->
<!--          const examScore = data.pd.EXAMSCORE-->
<!--          if (examScore >= 60) {-->
<!--            this.$message({-->
<!--              message: '您本次考试成绩为' + examScore + '分,祝贺您考试通过！',-->
<!--              type: 'success',-->
<!--              duration: 10000-->
<!--            })-->
<!--          } else {-->
<!--            this.$message({-->
<!--              message: '您本次考试成绩为' + examScore + '分,未通过考试，请再接再厉！',-->
<!--              type: 'error',-->
<!--              duration: 10000-->
<!--            })-->
<!--          }-->
<!--          this.isDisabled = true-->
<!--          this.$parent.activeName = 'Mine'-->
<!--        }).catch(() => {-->
<!--        })-->
<!--      }).catch(() => {-->
<!--      })-->
<!--    },-->
<!--    trimSpace(array) {-->
<!--      for (var i = 0; i < array.length; i++) {-->
<!--        if (array[i] == '' || array[i] == null || typeof (array[i]) == 'undefined') {-->
<!--          array.splice(i, 1)-->
<!--          i = i - 1-->
<!--        }-->
<!--      }-->
<!--      return array-->
<!--    },-->
<!--    // 获取数据字典数据-->
<!--    getDict: function() {-->
<!--    },-->
<!--    resetForm() {-->
<!--      this.form = {-->
<!--        CURRICULUMID: this.$parent.CURRICULUM_ID, // 课程ID-->
<!--        EXAMNAME: '', // 试卷名称-->
<!--        EXAMTIME: '', // 考试时间（开始时间）-->
<!--        ANSWERSHEETTIME: '', // 答卷时间（持续时间）-->
<!--        EXAMSCORE: 100, // 试卷分数-->
<!--        QUESTIONNUM: '', // 试题数量（10、20、50、100）-->
<!--        QUESTION_ID: [], // 试题ID数组-->
<!--        QUESTIONTYPE: [], // 试题类型数组-->
<!--        ANSWER: [], // 学员答案-->
<!--        ANSWERRIGHT: [] // 正确答案-->
<!--      }-->
<!--    },-->
<!--    goBack() {-->
<!--      if (!this.isDisabled) {-->
<!--        this.$confirm('课程考试已开始，确定要退出考试么？', {-->
<!--          confirmButtonText: '确定',-->
<!--          cancelButtonText: '取消',-->
<!--          type: 'warning'-->
<!--        }).then(() => {-->
<!--          this.$parent.activeName = 'Mine'-->
<!--        }).catch(() => {-->
<!--        })-->
<!--      } else {-->
<!--        this.$parent.activeName = 'Mine'-->
<!--      }-->
<!--    },-->
<!--    leaveExam() {-->
<!--      /* if (!this.isDisabled) {-->
<!--        const h = this.$createElement-->
<!--        this.$msgbox({-->
<!--          title: '消息',-->
<!--          message: h('p', null, [-->
<!--            h('span', null, '答题已开始，确定要离开并提交本次考试吗！')-->
<!--          ]),-->
<!--          showCancelButton: false,-->
<!--          confirmButtonText: '确定',-->
<!--          cancelButtonText: '取消',-->
<!--          beforeClose: (action, instance, done) => {-->
<!--            if (action === 'confirm') {-->
<!--              instance.confirmButtonLoading = true-->
<!--              instance.confirmButtonText = '答题信息提交中...'-->

<!--              this.subForm = Object.assign({}, this.form)-->
<!--              for (let i = 0; i < this.subForm.ANSWER.length; i++) {-->
<!--                if (this.subForm.QUESTIONTYPE[i] === '2') {-->
<!--                  this.subForm.ANSWER[i] = this.trimSpace(this.subForm.ANSWER[i])-->
<!--                  this.subForm.ANSWER[i] = this.subForm.ANSWER[i].length > 0 ? this.subForm.ANSWER[i].sort() : []-->
<!--                  if (this.subForm.ANSWER[i].length === 0) {-->
<!--                    this.subForm.ANSWER[i] = '-'-->
<!--                  }-->
<!--                } else {-->
<!--                  if (this.subForm.ANSWER[i].length === 0) {-->
<!--                    this.subForm.ANSWER[i] = '-'-->
<!--                  }-->
<!--                }-->
<!--              }-->
<!--              var ANSWER_STR = ''-->
<!--              for (let i = 0; i < this.subForm.ANSWER.length; i++) {-->
<!--                if (this.subForm.QUESTIONTYPE[i] === '2') {-->
<!--                  ANSWER_STR += (this.subForm.ANSWER[i] === '-' ? '-' : this.subForm.ANSWER[i].join('')) + ','-->
<!--                } else {-->
<!--                  ANSWER_STR += this.subForm.ANSWER[i] + ','-->
<!--                }-->
<!--              }-->
<!--              this.subForm.ANSWER = ANSWER_STR.length > 0 ? ANSWER_STR.slice(0, ANSWER_STR.length - 1) : ''-->
<!--              this.subForm.QUESTION_ID = this.subForm.QUESTION_ID.join(',')-->
<!--              this.subForm.QUESTIONTYPE = this.subForm.QUESTIONTYPE.join(',')-->
<!--              this.subForm.COURSEWAREID = this.subForm.COURSEWAREID.join(',')-->
<!--              this.subForm.COURSEWARETYPE = this.subForm.COURSEWARETYPE.join(',')-->
<!--              this.subForm.ANSWERRIGHT = this.subForm.ANSWERRIGHT.join(',')-->
<!--              this.subForm.QUESTIONLIST = ''-->
<!--              this.subForm.COURSESTUDENTRELATION_ID = this.$parent.COURSESTUDENTRELATION_ID-->

<!--              requestFN(-->
<!--                '/courseexam/submit',-->
<!--                this.subForm-->
<!--              ).then((data) => {-->
<!--                const examScore = data.pd.EXAMSCORE-->
<!--                if (examScore >= 60) {-->
<!--                  this.$message({-->
<!--                    message: '您本次考试成绩为' + examScore + '分,祝贺您考试通过！',-->
<!--                    type: 'success',-->
<!--                    duration: 10000-->
<!--                  })-->
<!--                } else {-->
<!--                  this.$message({-->
<!--                    message: '您本次考试成绩为' + examScore + '分,未通过考试，请再接再厉！',-->
<!--                    type: 'error',-->
<!--                    duration: 10000-->
<!--                  })-->
<!--                }-->
<!--                instance.confirmButtonLoading = false-->
<!--                this.isDisabled = true-->
<!--                // this.$parent.activeName = 'Mine'-->
<!--              }).catch(() => {-->
<!--              })-->
<!--            }-->
<!--          }-->
<!--        })-->
<!--      }*/-->
<!--    }-->
<!--  }-->
<!--}-->

<!--</script>-->
<!--<style scoped lang="scss">-->
<!--  .study-papg {-->
<!--    margin: 30px 0;-->
<!--  }-->
<!--</style>-->
