新增部分专项答题页面内容

src/views/answerManagement/answerManagementSpecial.vue

@@ -1,7 +1,51 @@
 <template>
   <div class="app-container">
     <a-spin :spinning="loading">
-      <div class="common-card">这里是专项答题</div>
+      <div class="common-card basic-information-box">
+        <div class="basic-information-title">基本信息</div>
+        <div class="basic-information-form">
+          <a-form
+            :form="anserRuleSpecialForm"
+            @submit="handleSubmitFun"
+            style="width: 515px;"
+            :loading="loading"
+            :label-col="labelCol"
+            :wrapper-col="wrapperCol"
+          >
+            <a-form-item label="专项答题名称">
+              <a-input
+                placeholder="请输入专项答题名称"
+                :maxLength="100"
+                v-decorator="[
+                  'name',
+                  {
+                    rules: [
+                      { required: true, message: '请输入专项答题名称！' },
+                    ],
+                  },
+                ]"
+              />
+            </a-form-item>
+            <a-form-item label="工种类别">
+              <a-select
+                v-decorator="[
+                  'engineeringWorkChooseValue',
+                  {
+                    rules: [{ required: true, message: '请选择工种类别！' }],
+                  },
+                ]"
+              >
+                <a-select-option
+                  :value="item.id"
+                  v-for="(item, index) in engineeringWorkList"
+                  :key="index"
+                  >{{ item.name }}</a-select-option
+                >
+              </a-select>
+            </a-form-item>
+          </a-form>
+        </div>
+      </div>
     </a-spin>
     <div class="company-info">
       <span>
@@ -22,6 +66,13 @@ export default {
   data() {
     return {
       loading: false, // 是否显示加载动画
+      anserRuleSpecialForm: this.$form.createForm(this, {
+        name: 'answerManagementSpecial',
+      }),
+      // 基础信息的表单
+      labelCol: { span: 6 }, // 表单行中label的占位
+      wrapperCol: { span: 18 }, // 表单行中内容的占位
+      engineeringWorkList: [], // 工种数据列表
       questionTypeConditionParent: [], // 试题类型列表-父类
       checkedQuestionTypeConditionParent: '', // 所选试题类型-父类
       questionTypeConditionChildren: [], // 试题类型列表-子类
@@ -36,12 +87,18 @@ export default {
   beforeDestroy() {},
   watch: {},
   computed: {
-    ...mapGetters(['GET_EXAM_QUESTION_TYPE_CONDITION_PARENT']),
+    ...mapGetters([
+      'GET_ENGINEERING_WORK_LIST',
+      'GET_EXAM_QUESTION_TYPE_CONDITION_PARENT',
+    ]),
   },
   methods: {
     //初始化数据
     initDataFun() {
-      // 试题类型
+      // 工种类别
+      this.engineeringWorkList = this.GET_ENGINEERING_WORK_LIST;
+      this.engineeringWork = this.engineeringWorkList[0].id;
+      // 试题类型列表-父类
       this.questionTypeConditionParent = [
         { name: '不限', id: '' },
         ...this.GET_EXAM_QUESTION_TYPE_CONDITION_PARENT,

src/views/examManagement/examAutomaticVolumeFormation.vue

@@ -10,12 +10,10 @@
             @submit="handleSubmitFun"
             style="width: 515px;"
             :loading="loading"
+            :label-col="labelCol"
+            :wrapper-col="wrapperCol"
           >
-            <a-form-item
-              label="考试名称"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试名称">
               <a-input
                 placeholder="请输入考试标题"
                 :maxLength="100"
@@ -28,11 +26,7 @@
                 ]"
               />
             </a-form-item>
-            <a-form-item
-              label="考试时间"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试时间">
               <a-date-picker
                 showTime
                 placeholder="请选择日期 + 时间"
@@ -49,11 +43,7 @@
                 style="width:100%;"
               />
             </a-form-item>
-            <a-form-item
-              label="考试时长"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试时长">
               <ExamTimeLong
                 v-decorator="[
                   'examTimeLong',
@@ -72,11 +62,7 @@
                 ]"
               />
             </a-form-item>
-            <a-form-item
-              label="考试描述"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试描述">
               <a-textarea
                 placeholder="请输入考试描述"
                 :auto-size="{ minRows: 3, maxRows: 5 }"
@@ -95,11 +81,7 @@
                 ]"
               />
             </a-form-item>
-            <a-form-item
-              label="考试类别"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试类别">
               <a-select
                 v-decorator="[
                   'examTypeChooseValue',
@@ -117,11 +99,7 @@
                 >
               </a-select>
             </a-form-item>
-            <a-form-item
-              label="工种类别"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="工种类别">
               <a-select
                 v-decorator="[
                   'engineeringWorkChooseValue',

src/views/examManagement/examManualVolumeFormation.vue

@@ -10,12 +10,10 @@
             @submit="handleSubmitFun"
             style="width: 515px;"
             :loading="loading"
+            :label-col="labelCol"
+            :wrapper-col="wrapperCol"
           >
-            <a-form-item
-              label="考试名称"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试名称">
               <a-input
                 placeholder="请输入考试标题"
                 :maxLength="100"
@@ -28,11 +26,7 @@
                 ]"
               />
             </a-form-item>
-            <a-form-item
-              label="考试时间"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试时间">
               <!-- <ExamDateTime
               v-decorator="[
                 'examDateTime',
@@ -63,11 +57,7 @@
                 style="width:100%;"
               />
             </a-form-item>
-            <a-form-item
-              label="考试时长"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试时长">
               <ExamTimeLong
                 v-decorator="[
                   'examTimeLong',
@@ -86,11 +76,7 @@
                 ]"
               />
             </a-form-item>
-            <a-form-item
-              label="考试描述"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试描述">
               <a-textarea
                 placeholder="请输入考试描述"
                 :auto-size="{ minRows: 3, maxRows: 5 }"
@@ -109,11 +95,7 @@
                 ]"
               />
             </a-form-item>
-            <a-form-item
-              label="考试类别"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="考试类别">
               <a-select
                 v-decorator="[
                   'examTypeChooseValue',
@@ -131,11 +113,7 @@
                 >
               </a-select>
             </a-form-item>
-            <a-form-item
-              label="工种类别"
-              :label-col="labelCol"
-              :wrapper-col="wrapperCol"
-            >
+            <a-form-item label="工种类别">
               <a-select
                 v-decorator="[
                   'engineeringWorkChooseValue',