bug fixes

src/modules/exam/components/BaseInfo.vue

 <template>
   <el-card class="baseInfo_content">
     <el-row :span="24">
-      考试名称:<el-input v-model="name" placeholder="请输入考试名称" style="width: 398px; margin-left: 20px"></el-input>
+      <span style="color: #c01c40">*</span>考试名称:<el-input
+        v-model="name"
+        placeholder="请输入考试名称"
+        style="width: 398px; margin-left: 20px"
+      ></el-input>
     </el-row>
     <el-row :span="24" class="row_margin">
-      考试时间：
+      <span style="color: #c01c40">*</span>考试时间：
       <el-date-picker
         v-model="exam_time"
         type="datetimerange"

src/modules/exam/components/CheckPaper.vue

@@ -35,7 +35,7 @@ export default {
       ExamParerList: [],
       q: [],
       filterMethod(query, item) {
-        return item.label.indexOf(query) > -1 || item.key.indexOf(query) > -1
+        return item.label.indexOf(query) > -1
       },
       checkedArrs: []
     }

src/modules/exam/components/ExamSetting.vue

 <template>
-  <div>
+  <el-card>
     <el-card>
-      <el-row :span="24">
-        开考前:<el-checkbox v-model="config.enabled_ip_limit" style="margin-left: 20px">限定登录位置 </el-checkbox
-        >&nbsp;&nbsp;
-        <span>
-          <span style="margin-top: 20px"
-            >您可以根据IP地址限制考生登录位置，只允许给定IP地址的考生登录考试。<el-input
-              v-model="config.ip_limits"
-              placeholder="如允许多个IP地址，请用英文逗号隔开"
-              style="width: 250px"
-              :disabled="config.enabled_ip_limit === false"
-            ></el-input>
-            您当前所在网络的IP地址是：{{ ip }}</span
-          >
-        </span>
-      </el-row>
-      <el-row :span="24" style="margin-left: 72px">
-        <el-checkbox v-model="config.enabled_promise">考试承诺书 </el-checkbox>
-        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>考生在登录考试后，需同意以下内容方可进入考试。</span>
-        <v-editor v-model="config.promise_message" v-if="config.enabled_promise === true"></v-editor>
-      </el-row>
+      <div class="exam_before">
+        <div class="exam_before_text">开考前:</div>
+        <div class="exam_before_right">
+          <div class="exam_before_right_position">
+            <el-checkbox v-model="config.enabled_ip_limit">限定登录位置 </el-checkbox>
+            <div class="exam_before_right_position_text">
+              <div>
+                您可以根据IP地址限制考生登录位置，只允许给定IP地址的考生登录考试。
+                <el-input
+                  v-model="config.ip_limits"
+                  placeholder="如允许多个IP地址，请用英文逗号隔开"
+                  style="width: 250px"
+                  :disabled="config.enabled_ip_limit === false"
+                ></el-input>
+              </div>
+              <div>您当前所在网络的IP地址是：{{ ip }}</div>
+            </div>
+          </div>
+          <div class="exam_before_right_promise">
+            <el-checkbox v-model="config.enabled_promise">考试承诺书 </el-checkbox>
+            <div class="exam_before_right_promise_text1">考生在登录考试后，需同意以下内容方可进入考试。</div>
+            <v-editor v-model="config.promise_message" v-if="config.enabled_promise === true"></v-editor>
+          </div>
+        </div>
+      </div>
     </el-card>
     <el-card style="margin-top: 30px">
-      <el-row>
-        考试中:<el-checkbox v-model="config.enabled_lock" style="margin-left: 20px">锁定考试 </el-checkbox>
-        <div style="margin-left: 120px">
-          <div>
-            记录考生登录考试次数，只允许登录<el-input
-              style="width: 100px"
-              v-model="config.max_login_times"
-              :disabled="config.enabled_lock === false"
-            ></el-input
-            >次
+      <div class="exam_before">
+        <div class="exam_before_text">考试中:</div>
+        <div class="exam_before_right">
+          <div class="exam_before_right_position">
+            <el-checkbox v-model="config.enabled_lock">锁定考试 </el-checkbox>
+            <div class="exam_before_right_position_text">
+              <div>
+                记录考生登录考试次数，只允许登录<el-input
+                  style="width: 100px"
+                  v-model="config.max_login_times"
+                  :disabled="config.enabled_lock === false"
+                ></el-input
+                >次
+              </div>
+              <div>当登录考试次数超过限定次数，系统会阻止考生登录考试</div>
+              <el-checkbox v-model="config.enabled_web_login" :disabled="config.enabled_lock === false"
+                >网页考试</el-checkbox
+              >
+              <div>
+                记录考生离开考试页面次数，每超过
+                <el-input
+                  v-model="config.leave_interval"
+                  style="width: 100px"
+                  :disabled="config.enabled_lock === false"
+                ></el-input>
+                <span>秒计为离开1次，只允许离开</span>
+                <el-input
+                  style="width: 100px"
+                  v-model="config.max_leave_times"
+                  :disabled="config.enabled_lock === false"
+                ></el-input
+                >次
+              </div>
+              <div>当登录考试次数超过限定次数，系统会阻止考生登录考试</div>
+            </div>
+          </div>
+          <div class="exam_before_right_promise">
+            <el-checkbox v-model="config.enabled_watermark">答题水印 </el-checkbox>
+            <div class="exam_before_right_promise_text">
+              考生作答页面，使用场次唯一编号和考生准考证号作为背景水印。<br />考生作答过程中截屏或者偷录考试内容，可凭此水印追溯到录屏信息。
+            </div>
           </div>
-          <div>当登录考试次数超过限定次数，系统会阻止考生登录考试</div>
-          <el-checkbox v-model="config.enabled_web_login" :disabled="config.enabled_lock === false"
-            >网页考试</el-checkbox
-          >
-          <br />
-          <span>记录考生离开考试页面次数，每超过</span>
-          <el-input
-            v-model="config.leave_interval"
-            style="width: 100px"
-            :disabled="config.enabled_lock === false"
-          ></el-input>
-          <span>秒计为离开1次，只允许离开</span>
-          <el-input
-            style="width: 100px"
-            v-model="config.max_leave_times"
-            :disabled="config.enabled_lock === false"
-          ></el-input
-          >次
-          <div>当登录考试次数超过限定次数，系统会阻止考生登录考试</div>
-        </div>
-      </el-row>
-      <el-row style="margin: 10px 0 0 73px">
-        <el-checkbox v-model="config.enabled_watermark">答题水印 </el-checkbox>
-        <div style="margin-left: 50px">
-          考生作答页面，使用场次唯一编号和考生准考证号作为背景水印。<br />考生作答过程中截屏或者偷录考试内容，可凭此水印追溯到录屏信息。
         </div>
-      </el-row>
+      </div>
       <el-row :span="24" class="btn_next">
         <el-button type="primary" v-if="$route.query.isEdit === '2'" @click="saveExamInfo">保存</el-button>
         <div v-if="isEdit === '1'">
@@ -69,15 +80,15 @@
         </div>
       </el-row>
     </el-card>
-  </div>
+  </el-card>
 </template>
 
 <script>
-import VEditor from '@/components/tinymce/Index.vue'
+// import VEditor from '@/components/tinymce/Index.vue'
 import { getExamPaperDetail, updateExam } from '../api'
 
 export default {
-  components: { VEditor },
+  // components: { VEditor },
   props: {
     isEdit: {
       type: String,
@@ -165,4 +176,43 @@ export default {
   text-align: right;
   margin-top: 20px;
 }
+.exam_before {
+  display: flex;
+  align-items: flex-start;
+  .exam_before_text {
+    width: 100px;
+  }
+  .exam_before_right {
+    display: flex;
+    justify-content: flex-start;
+    align-items: flex-start;
+    flex-direction: column;
+    .exam_before_right_position {
+      display: flex;
+      justify-content: flex-start;
+      align-items: flex-start;
+
+      .exam_before_right_position_text {
+        margin-left: 25px;
+        line-height: 1.5;
+      }
+    }
+    .exam_before_right_promise {
+      display: flex;
+      justify-content: flex-start;
+      margin-top: 10px;
+      .exam_before_right_promise_text {
+        margin-left: 25px;
+        line-height: 1.5;
+      }
+      .exam_before_right_promise_text1 {
+        margin-left: 40px;
+        line-height: 1.5;
+      }
+    }
+  }
+}
+::v-deep .el-checkbox__label {
+  font-size: 18px;
+}
 </style>

src/modules/exam/components/Finished.vue

@@ -2,7 +2,7 @@
   <el-card>
     <div class="finished_title">{{ params.name }}</div>
     <div class="login_time item">登录时间段：{{ params.start_time }} - {{ params.end_time }}</div>
-    <div class="check_exam item">选择考试：{{ checkedPapers.toString() }}</div>
+    <div class="check_exam item">选择试卷:{{ checkedPapers.toString() }}</div>
     <div class="exam_setting item">
       考试配置：<el-button v-show="configs.enabled_ip_limit === true">限定登录位置</el-button>
       <el-button type="primary" v-show="configs.enabled_promise === true">考试承诺书</el-button>

src/modules/exam/views/List.vue

@@ -111,11 +111,13 @@ export default {
     },
     // 单个删除
     handleDelete(row) {
-      const params = { id: row.exam_id }
-      delExamPaper(params).then(res => {
-        this.$message.success('删除考试成功')
+      this.$confirm('确认删除改考试吗？删除后不可恢复').then(_ => {
+        const params = { id: row.exam_id }
+        delExamPaper(params).then(res => {
+          this.$message.success('删除考试成功')
+        })
+        this.$refs.list.refetch()
       })
-      this.$refs.list.refetch()
     }
   }
 }

src/modules/exam/views/NewExam.vue

 <template>
   <app-card>
-    <el-steps :active="stepsIndex">
+    <el-steps :active="stepsIndex" align-center>
       <el-step title="基本信息"> </el-step>
       <el-step title="选择试卷"></el-step>
       <el-step title="个人信息"></el-step>