代码优化

src/modules/exam/components/ExamSetting.vue

@@ -26,31 +26,20 @@
       <el-row>
         考试中:<el-checkbox v-model="config.enabled_lock" style="margin-left: 20px">锁定考试 </el-checkbox>
         <div style="margin-left: 120px">
-          记录考生登录考试次数，只允许登录<el-input
-            style="width: 100px"
-            v-model="config.max_login_times"
-            :disabled="config.enabled_lock === false"
-          ></el-input
-          >次
+          <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
-          >
-          记录考生离开考试页面次数，每超过<el-input
-            v-model="config.leave_interval"
-            style="width: 100px"
-            :disabled="config.enabled_web_login === false"
-          ></el-input
-          >秒计为离开1次，只允许离开<el-input
-            style="width: 100px"
-            v-model="config.max_leave_times"
-            :disabled="config.enabled_web_login === false"
-          ></el-input
-          >次
+          <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-left: 73px">
+      <el-row style="margin:10px 0 0 73px">
         <el-checkbox v-model="config.enabled_watermark">答题水印 </el-checkbox>
         <div style="margin-left: 50px">
           考生作答页面，使用场次唯一编号和考生准考证号作为背景水印。<br />考生作答过程中截屏或者偷录考试内容，可凭此水印追溯到录屏信息。

src/modules/exam/components/PersonalInfo.vue

@@ -14,7 +14,13 @@
       </el-table-column>
       <el-table-column prop="required" label="必填">
         <template slot-scope="scope">
-          <el-switch v-model="scope.row.required" active-color="#13ce66" inactive-color="#ff4949"> </el-switch>
+          <el-switch
+            v-model="scope.row.required"
+            active-color="#13ce66"
+            inactive-color="#ff4949"
+            @change="requiredChange(scope)"
+          >
+          </el-switch>
         </template>
       </el-table-column>
       <el-table-column prop="sort" label="权重">
@@ -116,6 +122,14 @@ export default {
   },
 
   methods: {
+    // 必填时，允许编辑，考生可见
+    requiredChange(scope) {
+      if (scope.row.required === true) {
+        scope.row.enabled_edit = true
+        scope.row.enabled_visible = true
+      }
+    },
+    // 下一步
     nextStep() {
       const info = {}
       info.name = this.tableData[0]