....

src/modules/examwork/view/offlineExam.vue

@@ -14,7 +14,6 @@
             :model="form"
             label-position="right"
             inline-message
-            label-width="80px"
           >
             <div style="margin-bottom: 10px">
               <el-button type="primary" size="small" @click="saveExam"
@@ -32,12 +31,16 @@
                     label="考试名称"
                     placeholder="请输入考试名称"
                     prop="name"
+                    :label-width="style.label_width_tab1"
                   >
                     <el-input v-model="form.name" class="input"></el-input>
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="考试类型">
+                  <el-form-item
+                    label="考试类型"
+                    :label-width="style.label_width_tab1"
+                  >
                     <el-select
                       class="input"
                       :disabled="true"
@@ -55,7 +58,10 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="是否开启">
+                  <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>
@@ -63,7 +69,11 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="考试时间" prop="examDatetimeRange">
+                  <el-form-item
+                    label="考试时间"
+                    prop="examDatetimeRange"
+                    :label-width="style.label_width_tab1"
+                  >
                     <el-date-picker
                       class="input"
                       v-model="examDatetimeRange"
@@ -78,9 +88,13 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="上传附件">
+                  <el-form-item
+                    label="上传附件"
+                    :label-width="style.label_width_tab1"
+                  >
                     <el-radio-group
                       v-model="form.properties.CAN_UPLOAD_ATTACHMENT"
+                      class="input"
                     >
                       <el-radio label="true">允许</el-radio>
                       <el-radio label="false">不允许</el-radio>
@@ -88,8 +102,11 @@
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="附件类型">
-                    <el-checkbox-group v-model="uploadFileType">
+                  <el-form-item
+                    label="附件类型"
+                    :label-width="style.label_width_tab1"
+                  >
+                    <el-checkbox-group v-model="uploadFileType" class="input">
                       <el-checkbox label="ZIP" key="ZIP"></el-checkbox>
                       <el-checkbox label="PDF" key="PDF"></el-checkbox>
                     </el-checkbox-group>
@@ -135,6 +152,9 @@ export default {
   components: { LinkTitlesCustom },
   data() {
     return {
+      style: {
+        label_width_tab1: "80px"
+      },
       activeName: "tab1",
       examDatetimeRange: [],
       uploadFileType: [],
@@ -255,6 +275,6 @@ export default {
 </script>
 <style scoped>
 .input {
-  width: 250px;
+  width: 440px;
 }
 </style>

src/modules/examwork/view/practiceExam.vue

@@ -13,6 +13,7 @@
             ref="form"
             :model="form"
             label-position="right"
+            inline-message
           >
             <div style="margin-bottom: 10px">
               <el-button type="primary" size="small" @click="saveExam"
@@ -28,17 +29,20 @@
                 <el-row>
                   <el-form-item
                     label="考试名称"
-                    label-width="80px"
+                    :label-width="style.label_width_tab1"
                     placeholder="请输入考试名称"
                     prop="name"
                   >
-                    <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,101 @@
                   <el-form-item
                     label="考试时长"
                     prop="duration"
-                    label-width="110px"
+                    :label-width="style.label_width_tab2"
                   >
                     <el-input
+                      class="input"
                       v-model.trim.number="form.duration"
                       auto-complete="off"
-                    ></el-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
+                      class="input"
                       v-model.trim.number="form.examTimes"
                       auto-complete="off"
-                    ></el-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
+                      class="input"
                       v-model.trim.number="form.properties.FREEZE_TIME"
                       auto-complete="off"
-                    ></el-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
+                      class="input"
                       v-model.trim.number="form.properties.EXAM_RECONNECT_TIME"
                       auto-complete="off"
-                    ></el-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>
-                  <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>
                   </el-form-item>
                 </el-row>
                 <el-row>
-                  <el-form-item label="练习模式" label-width="110px">
-                    <el-radio-group v-model="form.properties.PRACTICE_TYPE">
+                  <el-form-item
+                    label="练习模式"
+                    :label-width="style.label_width_tab3"
+                  >
+                    <el-radio-group
+                      v-model="form.properties.PRACTICE_TYPE"
+                      class="input"
+                    >
                       <el-radio label="IN_PRACTICE">边答边显示答案</el-radio>
                       <el-radio label="AFTER_PRACTICE"
                         >结束统一显示答案</el-radio
@@ -264,6 +297,11 @@ export default {
   },
   data() {
     return {
+      style: {
+        label_width_tab1: "80px",
+        label_width_tab2: "110px",
+        label_width_tab3: "120px"
+      },
       activeName: "tab1",
       examDatetimeRange: [],
       show_ckeditor: false,
@@ -392,4 +430,8 @@ export default {
   }
 };
 </script>
-<style scoped></style>
+<style scoped>
+.input {
+  width: 440px;
+}
+</style>

src/modules/examwork/view/printExam.vue

@@ -13,6 +13,7 @@
             ref="form"
             :model="form"
             label-position="right"
+            inline-message
           >
             <div style="margin-bottom: 10px">
               <el-button type="primary" size="small" @click="saveExam"
@@ -28,17 +29,20 @@
                 <el-row>
                   <el-form-item
                     label="考试名称"
-                    label-width="80px"
+                    :label-width="style.label_width_tab1"
                     placeholder="请输入考试名称"
                     prop="name"
                   >
-                    <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="至"
@@ -122,6 +127,9 @@ export default {
   components: { LinkTitlesCustom },
   data() {
     return {
+      style: {
+        label_width_tab1: "80px"
+      },
       activeName: "tab1",
       examDatetimeRange: [],
       show_ckeditor: false,
@@ -225,4 +233,8 @@ export default {
   }
 };
 </script>
-<style scoped></style>
+<style scoped>
+.input {
+  width: 440px;
+}
+</style>

src/modules/examwork/view/traditionExam.vue

@@ -29,7 +29,7 @@
                 <el-row>
                   <el-form-item
                     label="考试名称"
-                    label-width="80px"
+                    :label-width="style.label_width_tab1"
                     placeholder="请输入考试名称"
                     prop="name"
                   >
@@ -37,7 +37,10 @@
                   </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
                       class="input"
                       :disabled="true"
@@ -55,7 +58,10 @@
                   </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-radio-group v-model="form.enable" class="input">
                       <el-radio label="true">开启</el-radio>
                       <el-radio label="false">关闭</el-radio>
@@ -66,7 +72,7 @@
                   <el-form-item
                     label="考试时间"
                     prop="examDatetimeRange"
-                    label-width="80px"
+                    :label-width="style.label_width_tab1"
                   >
                     <el-date-picker
                       class="input"
@@ -121,6 +127,9 @@ export default {
   components: { LinkTitlesCustom },
   data() {
     return {
+      style: {
+        label_width_tab1: "80px"
+      },
       activeName: "tab1",
       examDatetimeRange: [],
       show_ckeditor: false,
@@ -226,6 +235,6 @@ export default {
 </script>
 <style scoped>
 .input {
-  width: 250px;
+  width: 440px;
 }
 </style>