....

src/modules/examwork/view/examInfo.vue

@@ -395,4 +395,4 @@ export default {
 .input {
   width: 200px;
 }
-</style>
+</style>

src/modules/examwork/view/examStudent.vue

@@ -716,8 +716,16 @@
           </el-table-column>
           <el-table-column prop="updateTime" width="155" label="更新时间">
           </el-table-column>
-          <el-table-column width="60" label="状态">
-            <span slot-scope="scope"> {{ getStatus(scope.row.enable) }} </span>
+          <el-table-column width="70" label="状态">
+            <span slot-scope="scope">
+              <span v-if="scope.row.enable">
+                <i class="el-icon-success" style="color:green;"></i
+                >&nbsp;启用</span
+              >
+              <span v-else>
+                <i class="el-icon-error" style="color:red;"></i>&nbsp;禁用</span
+              >
+            </span>
           </el-table-column>
           <el-table-column width="230" label="操作">
             <template slot-scope="scope">
@@ -1038,15 +1046,6 @@ export default {
   },
 
   methods: {
-    getStatus(enable) {
-      if (enable == true) {
-        return "启用";
-      } else if (enable == false) {
-        return "禁用";
-      } else {
-        return "启用";
-      }
-    },
     queryExams4Search(name) {
       this.queryExams(name, "search");
     },
@@ -1731,4 +1730,4 @@ export default {
 .input {
   width: 170px;
 }
-</style>
+</style>

src/modules/examwork/view/offlineExam.vue

@@ -14,6 +14,7 @@
             :model="form"
             label-position="right"
             inline-message
+            label-width="80px"
           >
             <div style="margin-bottom: 10px">
               <el-button type="primary" size="small" @click="saveExam"
@@ -29,7 +30,6 @@
                 <el-row>
                   <el-form-item
                     label="考试名称"
-                    label-width="80px"
                     placeholder="请输入考试名称"
                     prop="name"
                   >
@@ -37,7 +37,7 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="考试类型" label-width="80px">
+                  <el-form-item label="考试类型">
                     <el-select
                       class="input"
                       :disabled="true"
@@ -55,7 +55,7 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="是否开启" label-width="80px">
+                  <el-form-item label="是否开启">
                     <el-radio-group v-model="form.enable" class="input">
                       <el-radio label="true">开启</el-radio>
                       <el-radio label="false">关闭</el-radio>
@@ -63,11 +63,7 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item
-                    label="考试时间"
-                    prop="examDatetimeRange"
-                    label-width="80px"
-                  >
+                  <el-form-item label="考试时间" prop="examDatetimeRange">
                     <el-date-picker
                       class="input"
                       v-model="examDatetimeRange"
@@ -82,7 +78,7 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="上传附件" label-width="80px">
+                  <el-form-item label="上传附件">
                     <el-radio-group
                       v-model="form.properties.CAN_UPLOAD_ATTACHMENT"
                     >
@@ -92,7 +88,7 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="附件类型" label-width="80px">
+                  <el-form-item label="附件类型">
                     <el-checkbox-group v-model="uploadFileType">
                       <el-checkbox label="ZIP" key="ZIP"></el-checkbox>
                       <el-checkbox label="PDF" key="PDF"></el-checkbox>
@@ -261,4 +257,4 @@ export default {
 .input {
   width: 250px;
 }
-</style>
+</style>

src/modules/examwork/view/onlineExam.vue

@@ -12,6 +12,7 @@
             :rules="rules"
             ref="form"
             :model="form"
+            inline-message
             label-position="right"
           >
             <div style="margin-bottom: 10px;">
@@ -28,17 +29,20 @@
                 <el-row>
                   <el-form-item
                     label="考试名称"
-                    label-width="80px"
                     placeholder="请输入考试名称"
                     prop="name"
+                    :label-width="style.label_width_tab1"
                   >
-                    <el-input v-model="form.name"></el-input>
+                    <el-input v-model="form.name" class="input"></el-input>
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="考试类型" label-width="80px">
+                  <el-form-item
+                    label="考试类型"
+                    :label-width="style.label_width_tab1"
+                  >
                     <el-select
-                      style="width:205px"
+                      class="input"
                       :disabled="true"
                       v-model="form.examType"
                       placeholder="请选择"
@@ -54,11 +58,11 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="是否开启" label-width="80px">
-                    <el-radio-group
-                      v-model="form.enable"
-                      style="margin-left: 15px"
-                    >
+                  <el-form-item
+                    label="是否开启"
+                    :label-width="style.label_width_tab1"
+                  >
+                    <el-radio-group v-model="form.enable" class="input">
                       <el-radio label="true">开启</el-radio>
                       <el-radio label="false">关闭</el-radio>
                     </el-radio-group>
@@ -68,9 +72,10 @@
                   <el-form-item
                     label="考试时间"
                     prop="examDatetimeRange"
-                    label-width="80px"
+                    :label-width="style.label_width_tab1"
                   >
                     <el-date-picker
+                      class="input"
                       v-model="examDatetimeRange"
                       type="datetimerange"
                       range-separator="至"
@@ -89,73 +94,96 @@
                   <el-form-item
                     label="考试时长"
                     prop="duration"
-                    label-width="110px"
+                    :label-width="style.label_width_tab2"
                   >
                     <el-input
                       v-model.trim.number="form.duration"
                       auto-complete="off"
-                    ></el-input>
+                      class="input"
+                      ><template slot="append"
+                        >分钟</template
+                      ></el-input
+                    >
                   </el-form-item>
-                  <el-form-item label="分钟"></el-form-item>
                 </el-row>
                 <el-row>
                   <el-form-item
                     label="考试次数"
                     prop="examTimes"
-                    label-width="110px"
+                    :label-width="style.label_width_tab2"
                   >
                     <el-input
                       v-model.trim.number="form.examTimes"
                       auto-complete="off"
-                    ></el-input>
+                      class="input"
+                      ><template slot="append"
+                        >次</template
+                      ></el-input
+                    >
                   </el-form-item>
                 </el-row>
                 <el-row>
                   <el-form-item
                     label="交卷冻结时间"
                     prop="FREEZE_TIME"
-                    label-width="110px"
+                    :label-width="style.label_width_tab2"
                   >
                     <el-input
                       v-model.trim.number="form.properties.FREEZE_TIME"
                       auto-complete="off"
-                    ></el-input>
+                      class="input"
+                      ><template slot="append"
+                        >分钟</template
+                      ></el-input
+                    >
                   </el-form-item>
-                  <el-form-item label="分钟"></el-form-item>
                 </el-row>
                 <el-row>
                   <el-form-item
                     label="断点续考时间"
                     prop="EXAM_RECONNECT_TIME"
-                    label-width="110px"
+                    :label-width="style.label_width_tab2"
                   >
                     <el-input
                       v-model.trim.number="form.properties.EXAM_RECONNECT_TIME"
                       auto-complete="off"
-                    ></el-input>
+                      class="input"
+                      ><template slot="append"
+                        >分钟</template
+                      ></el-input
+                    >
                   </el-form-item>
-                  <el-form-item label="分钟"></el-form-item>
                 </el-row>
               </el-tab-pane>
               <el-tab-pane label="显示设置" name="tab3">
                 <el-row v-if="show_ckeditor">
-                  <el-form-item label="考前说明" label-width="110px">
+                  <el-form-item
+                    label="考前说明"
+                    :label-width="style.label_width_tab3"
+                  >
                     <ckeditor
                       v-model="form.properties.BEFORE_EXAM_REMARK"
                     ></ckeditor>
                   </el-form-item>
                 </el-row>
                 <el-row v-if="show_ckeditor">
-                  <el-form-item label="考后说明" label-width="110px">
+                  <el-form-item
+                    label="考后说明"
+                    :label-width="style.label_width_tab3"
+                  >
                     <ckeditor
                       v-model="form.properties.AFTER_EXAM_REMARK"
                     ></ckeditor>
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="展示作弊说明" label-width="110px">
+                  <el-form-item
+                    label="展示作弊说明"
+                    :label-width="style.label_width_tab3"
+                  >
                     <el-radio-group
                       v-model="form.properties.SHOW_CHEATING_REMARK"
+                      class="input"
                     >
                       <el-radio label="true">开启</el-radio>
                       <el-radio label="false">关闭</el-radio>
@@ -163,18 +191,25 @@
                   </el-form-item>
                 </el-row>
                 <el-row v-if="show_ckeditor">
-                  <el-form-item label="作弊说明" label-width="110px">
+                  <el-form-item
+                    label="作弊说明"
+                    :label-width="style.label_width_tab3"
+                  >
                     <ckeditor
                       v-model="form.properties.CHEATING_REMARK"
                     ></ckeditor>
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="单选题补充说明" label-width="110px">
+                  <el-form-item
+                    label="单选题补充说明"
+                    :label-width="style.label_width_tab3"
+                  >
                     <el-input
                       :disabled="!form.properties.SINGLE_EDIT"
                       v-model="form.properties.SINGLE_ANSWER_REMARK"
                       auto-complete="off"
+                      class="input"
                     ></el-input>
                   </el-form-item>
                   <el-form-item label="">
@@ -186,11 +221,15 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="多选题补充说明" label-width="110px">
+                  <el-form-item
+                    label="多选题补充说明"
+                    :label-width="style.label_width_tab3"
+                  >
                     <el-input
                       :disabled="!form.properties.MUTIPLE_EDIT"
                       v-model="form.properties.MUTIPLE_ANSWER_REMARK"
                       auto-complete="off"
+                      class="input"
                     ></el-input>
                   </el-form-item>
                   <el-form-item label="">
@@ -202,10 +241,14 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="判断题补充说明" label-width="110px">
+                  <el-form-item
+                    label="判断题补充说明"
+                    :label-width="style.label_width_tab3"
+                  >
                     <el-input
                       :disabled="!form.properties.BOOL_EDIT"
                       v-model="form.properties.BOOL_ANSWER_REMARK"
+                      class="input"
                       auto-complete="off"
                     ></el-input>
                   </el-form-item>
@@ -218,10 +261,14 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="填空题补充说明" label-width="110px">
+                  <el-form-item
+                    label="填空题补充说明"
+                    :label-width="style.label_width_tab3"
+                  >
                     <el-input
                       :disabled="!form.properties.FILL_BLANK_EDIT"
                       v-model="form.properties.FILL_BLANK_REMARK"
+                      class="input"
                       auto-complete="off"
                     ></el-input>
                   </el-form-item>
@@ -234,8 +281,14 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="客观题成绩显示" label-width="110px">
-                    <el-radio-group v-model="form.properties.IS_OBJ_SCORE_VIEW">
+                  <el-form-item
+                    label="客观题成绩显示"
+                    :label-width="style.label_width_tab3"
+                  >
+                    <el-radio-group
+                      v-model="form.properties.IS_OBJ_SCORE_VIEW"
+                      class="input"
+                    >
                       <el-radio label="true">开启</el-radio>
                       <el-radio label="false">关闭</el-radio>
                     </el-radio-group>
@@ -244,10 +297,14 @@
               </el-tab-pane>
               <el-tab-pane label="人脸识别设置" name="tab4">
                 <el-row>
-                  <el-form-item label="是否开启" label-width="120px">
+                  <el-form-item
+                    label="是否开启"
+                    :label-width="style.label_width_tab4"
+                  >
                     <el-radio-group
                       v-model="form.properties.IS_FACE_ENABLE"
                       @change="faceChange"
+                      class="input"
                     >
                       <el-radio label="true">开启</el-radio>
                       <el-radio label="false">关闭</el-radio>
@@ -255,8 +312,14 @@
                   </el-form-item>
                 </el-row>
                 <el-row v-show="form.properties.IS_FACE_ENABLE == 'true'">
-                  <el-form-item label="考试强制使用" label-width="120px">
-                    <el-radio-group v-model="form.properties.IS_FACE_CHECK">
+                  <el-form-item
+                    label="考试强制使用"
+                    :label-width="style.label_width_tab4"
+                  >
+                    <el-radio-group
+                      v-model="form.properties.IS_FACE_CHECK"
+                      class="input"
+                    >
                       <el-radio label="true">强制</el-radio>
                       <el-radio label="false">非强制</el-radio>
                     </el-radio-group>
@@ -266,48 +329,61 @@
                   <el-form-item
                     label="抓拍间隔"
                     prop="SNAPSHOT_INTERVAL"
-                    label-width="120px"
+                    :label-width="style.label_width_tab4"
                   >
                     <el-input
                       v-model.trim.number="form.properties.SNAPSHOT_INTERVAL"
                       auto-complete="off"
-                    ></el-input>
+                      class="input"
+                      ><template slot="append"
+                        >分钟</template
+                      ></el-input
+                    >
                   </el-form-item>
-                  <el-form-item label="分钟"></el-form-item>
                 </el-row>
                 <el-row v-show="form.properties.IS_FACE_ENABLE == 'true'">
                   <el-form-item
                     label="预警阀值"
                     prop="WARN_THRESHOLD"
-                    label-width="120px"
+                    :label-width="style.label_width_tab4"
                   >
                     <el-input
                       v-model.trim.number="form.properties.WARN_THRESHOLD"
                       auto-complete="off"
-                    ></el-input>
+                      class="input"
+                      ><template slot="append"
+                        >%</template
+                      ></el-input
+                    >
                   </el-form-item>
-                  <el-form-item label="%"></el-form-item>
                 </el-row>
                 <el-row v-show="form.properties.IS_FACE_ENABLE == 'true'">
                   <el-form-item
                     label="真实性预警阀值"
                     prop="LIVING_WARN_THRESHOLD"
-                    label-width="120px"
+                    :label-width="style.label_width_tab4"
                   >
                     <el-input
                       v-model.number="form.properties.LIVING_WARN_THRESHOLD"
                       auto-complete="off"
-                    ></el-input>
+                      class="input"
+                      ><template slot="append"
+                        >%</template
+                      ></el-input
+                    >
                   </el-form-item>
-                  <el-form-item label="%"></el-form-item>
                 </el-row>
               </el-tab-pane>
               <el-tab-pane label="阅卷设置" name="tab5">
                 <el-row>
-                  <el-form-item label="阅卷方式">
+                  <el-form-item
+                    label="阅卷方式"
+                    :label-width="style.label_width_tab5"
+                  >
                     <el-radio-group
                       :disabled="form.started"
                       v-model="form.properties.MARKING_TYPE"
+                      class="input"
                     >
                       <el-radio label="ALL">全部评阅</el-radio>
                       <el-radio label="OBJECT_SCORE_MAX">客观分最高</el-radio>
@@ -318,7 +394,10 @@
               </el-tab-pane>
               <el-tab-pane label="网络设置" name="tab6">
                 <el-row>
-                  <el-form-item label="IP限制" label-width="120px">
+                  <el-form-item
+                    label="IP限制"
+                    :label-width="style.label_width_tab6"
+                  >
                     <el-radio-group v-model="form.properties.IP_LIMIT">
                       <el-radio label="true">开启</el-radio>
                       <el-radio label="false">关闭</el-radio>
@@ -326,8 +405,14 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="IP段( *表示任意 )" label-width="120px">
-                    <el-input v-model="form.properties.IP_ADDRESSES"></el-input>
+                  <el-form-item
+                    label="IP段( *表示任意 )"
+                    :label-width="style.label_width_tab6"
+                  >
+                    <el-input
+                      v-model="form.properties.IP_ADDRESSES"
+                      class="input"
+                    ></el-input>
                   </el-form-item>
                 </el-row>
               </el-tab-pane>
@@ -486,6 +571,14 @@ export default {
   },
   data() {
     return {
+      style: {
+        label_width_tab1: "80px",
+        label_width_tab2: "110px",
+        label_width_tab3: "120px",
+        label_width_tab4: "120px",
+        label_width_tab5: "80px",
+        label_width_tab6: "120px"
+      },
       activeName: "tab1",
       examDatetimeRange: [],
       show_ckeditor: false,
@@ -660,4 +753,8 @@ export default {
   }
 };
 </script>
-<style scoped></style>
+<style scoped>
+.input {
+  width: 440px;
+}
+</style>

src/modules/examwork/view/student.vue

@@ -185,8 +185,16 @@
             width="168"
             label="更新时间"
           ></el-table-column>
-          <el-table-column width="60" label="状态">
-            <span slot-scope="scope"> {{ getStatus(scope.row.enable) }} </span>
+          <el-table-column width="70" label="状态">
+            <span slot-scope="scope">
+              <span v-if="scope.row.enable">
+                <i class="el-icon-success" style="color:green;"></i
+                >&nbsp;启用</span
+              >
+              <span v-else>
+                <i class="el-icon-error" style="color:red;"></i>&nbsp;禁用</span
+              >
+            </span>
           </el-table-column>
           <el-table-column label="操作" width="260">
             <div slot-scope="scope">
@@ -589,14 +597,6 @@ export default {
       this.stuExamPageSize = val;
       this.searchStuExam();
     },
-    getStatus(status) {
-      if (status == true) {
-        return "启用";
-      } else if (status == false) {
-        return "禁用";
-      }
-      return status;
-    },
     showPhoto(row) {
       if (row.photoPath) {
         this.photo.url = row.photoPath;