updates

src/modules/exam/components/ExamSetting.vue

@@ -8,21 +8,23 @@
             <el-checkbox v-model="config.enabled_ip_limit">限定登录位置 </el-checkbox>
             <div class="exam_before_right_position_text">
               <div>
-                您可以根据IP地址限制考生登录位置，只允许给定IP地址的考生登录考试。
+                <span>您可以根据IP地址限制考生登录位置，只允许给定IP地址的考生登录考试。</span>
                 <el-input
                   v-model="config.ip_limits"
                   placeholder="如允许多个IP地址，请用英文逗号隔开"
                   style="width: 250px"
                   :disabled="config.enabled_ip_limit === false"
                 ></el-input>
+                <span>您当前所在网络的IP地址是：{{ ip }}</span>
               </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 class="exam_before_right_promise_text1">
+              <span>考生在登录考试后，需同意以下内容方可进入考试。</span>
+              <v-editor v-model="config.promise_message" v-if="config.enabled_promise === true"></v-editor>
+            </div>
           </div>
         </div>
       </div>
@@ -72,23 +74,23 @@
           </div>
         </div>
       </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'">
-          <el-button type="primary" @click="lastStep">上一步</el-button>
-          <el-button type="primary" @click="nextStep">下一步</el-button>
-        </div>
-      </el-row>
     </el-card>
+    <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'">
+        <el-button type="primary" @click="lastStep">上一步</el-button>
+        <el-button type="primary" @click="nextStep">下一步</el-button>
+      </div>
+    </el-row>
   </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,
@@ -184,8 +186,6 @@ export default {
   }
   .exam_before_right {
     display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
     flex-direction: column;
     .exam_before_right_position {
       display: flex;
@@ -194,6 +194,7 @@ export default {
 
       .exam_before_right_position_text {
         margin-left: 25px;
+        margin-top: -3px;
         line-height: 1.5;
       }
     }
@@ -202,10 +203,13 @@ export default {
       justify-content: flex-start;
       margin-top: 10px;
       .exam_before_right_promise_text {
+        margin-top: -3px;
+
         margin-left: 25px;
         line-height: 1.5;
       }
       .exam_before_right_promise_text1 {
+        margin-top: -3px;
         margin-left: 40px;
         line-height: 1.5;
       }