样式 到时见自动提交

liuyg

2021-08-18 272c6479425767aaaeb53c3bf29a85979abbb5cf

 src/views/startexam/index.vue

@@ -8,7 +8,8 @@
              <el-col :span="5">
                <div class="tool-bar">
                  <div class="time-remain">
                    剩余时间:
                    <div class="time-remain_title">剩余时间 :</div>

                    <div class="time">
                      <count-down
                        v-on:start_callback="countDownS_cb(1)"
@@ -32,7 +33,8 @@
                  <div class="answer-card">
                    <el-button
                      type="text"
                      icon="el-icon-date"
                      icon="el-icon-date el-dates"
                      class="el-dates"
                      @click="answerCard"
                      >答题卡</el-button
                    >
@@ -74,10 +76,14 @@
                  />

                  <div class="subject-buttons" v-if="query.subjectId !== ''">
                    <el-button plain @click="last" :loading="loadingLast"
                    <!-- <el-button plain @click="last" :loading="loadingLast"
                      >上一题</el-button
                    >
                    <el-button plain @click="next" :loading="loadingNext"
                    > -->
                    <el-button
                      @click="next"
                      class="buttons"
                      :loading="loadingNext"
                      type="primary"
                      >下一题</el-button
                    >
                    <el-button
@@ -100,9 +106,9 @@
              center
            >
              <div class="answer-card-title">
                {{ exam.examinationName }}（共{{ subjectIds.length }}题，合计{{
                  exam.totalScore
                }}分）
                {{ exam.examinationName }}（共{{
                  subjectIds.length
                }}题，合计100分）
              </div>
              <div class="answer-card-split"></div>
              <el-row class="answer-card-content">
@@ -117,8 +123,8 @@
                <el-button
                  circle
                  v-for="(value, index) in subjectIds"
                  :style="{ background: value.color, color: value.fontColor }"
                  :key="index"
                  @click="toSubject(value.everyID, value.type, index)"
                  >&nbsp;{{ index + 1 }}&nbsp;</el-button
                >
              </el-row>
@@ -263,6 +269,7 @@
            this.subjectStartTime = current;
            // this.endTime = moment(this.exam.endTime).valueOf()
            this.endTime = current + 45 * 60 * 1000;
            // this.endTime = current + 1 * 60 * 1000;
            this.disableSubmit = false;
          }
        })
@@ -286,6 +293,7 @@
                answer: "",
                score: subjectData[i].score,
                color: "#fff",
                fontColor: "#000",
              });
            }

@@ -316,7 +324,8 @@
    },
    countDownE_cb: function () {
      messageWarn(this, "考试结束");
      this.disableSubmit = true;
      //   this.disableSubmit = true;
      this.submitExam("over");
    },
    last() {
      for (let i = 0; i < this.subjectIds.length; i++) {
@@ -347,6 +356,11 @@
    next() {
      for (let i = 0; i < this.subjectIds.length; i++) {
        if (this.subjectIds[i].everyID == this.query.subjectId) {
          if (this.getAnswer() == "") {
            messageSuccess(this, "请选择答案");
            return;
          }

          this.subjectIds[i].answer = this.getAnswer();

          this.markAnswered(this.subjectIds[i].answer, i);
@@ -390,9 +404,11 @@

            if (this.result == 1) {
              subjectIds.color = "#67C23A";
              subjectIds.fontColor = "#fff";
            }
            if (this.result == 2) {
              subjectIds.color = "red";
              subjectIds.fontColor = "#fff";
            }

            const { id, choicesType } = subject;
@@ -513,7 +529,7 @@
      this.dialogVisible = false;
    },
    // 提交
    submitExam() {
    submitExam(val) {
      var ind = this.subjectIndex;

      if (this.firstFlag == false) {
@@ -525,6 +541,13 @@
      this.subjectIds[ind].answer = this.getAnswer();

      this.markAnswered(this.subjectIds[ind].answer, ind);

      if (val == "over") {
        //时间到了情况  自动提交
        this.disableSubmit = true;
        this.doSubmitExam();
        return;
      }

      this.$confirm("确定要提交吗?", "提示", {
        confirmButtonText: "确定",
@@ -539,7 +562,7 @@
    },
    doSubmitExam() {
      var obj = {
        id:this.$route.query.examScoreId,
        id: this.$route.query.examScoreId,
        examName: this.$route.query.examName,
        candidateNo: this.$route.query.candidateNo,
        securityName: this.userInfo.user_name,
@@ -735,6 +758,9 @@

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" rel="stylesheet/scss" scoped>
$fontSize1: 18px;
$fontSize2: 20px;
$fontSize3: 40px;
.subject-box {
  margin-top: 50px;
  margin-left: 20px;
@@ -746,23 +772,43 @@
  min-height: 400px;
}
.subject-buttons {
  text-align: right;
  position: fixed;
  top: 70%;
  right: 15%;
  text-align: left;
  position: relative;
  top: 70px;
  left: 390px;
  // top: 70%;
  // right: 30%;
  .buttons {
    // border: 1px solid green;
  }
}
.tool-bar {
  margin-left: 20px;
  font-size: 20px;
}
.time-remain_title {
  font-size: $fontSize2;
}
.time-remain .time {
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  display: block;
  font-size: $fontSize3;
  line-height: $fontSize3;
  color: #ff0000;
  font-weight: 400;
  position: relative;
  //   top: -20px;
}

.current-progress {
  font-size: $fontSize2;
}
.answer-card {
  margin: 15px 0;
}
.el-dates {
  font-size: $fontSize1;
}
.subject-exam-title {
  margin-bottom: 25px;
}
/* 答题卡 */
.answer-card-title {
  font-size: 24px;
@@ -788,10 +834,11 @@

#avue-view > .morpheus-box {
  position: absolute;
  width: 100%;
  width: calc(100% - 100px);
  height: 85%;
  border-radius: 4px;
  top: 10%;
  left: 50px;
  padding: 10px !important;
  box-sizing: border-box;
}