WANG 6 jaren geleden
bovenliggende
commit
5e270c0ce6
1 gewijzigde bestanden met toevoegingen van 327 en 411 verwijderingen
  1. 327 411
      src/modules/examwork/view/examStudent.vue

+ 327 - 411
src/modules/examwork/view/examStudent.vue

@@ -166,221 +166,179 @@
           @close="closeAddingStudentDialog"
           title="考生信息页面"
           :visible.sync="addingStudentDialog"
+          width="60%"
         >
           <el-form
             :model="examStudentForm"
-            size="large"
             :rules="rules"
+            :inline="true"
             ref="addingStudentForm"
           >
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="考试"
-                  :label-width="formLabelWidth"
-                  prop="examId"
-                >
-                  <el-select
-                    class="input"
-                    :remote-method="queryExams4InsertOrUpdate"
-                    :loading="queryExams4InsertOrUpdateLoading"
-                    remote
-                    filterable
-                    clearable
-                    v-model="examStudentForm.examId"
-                    placeholder="请选择"
-                  >
-                    <el-option
-                      v-for="item in examList4InsertOrUpdate"
-                      :label="item.name"
-                      :value="item.id"
-                      :key="item.id"
-                      :disabled="!item.enable"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="姓名"
-                  :label-width="formLabelWidth"
-                  prop="studentName"
-                >
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.studentName"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="学号"
-                  :label-width="formLabelWidth"
-                  prop="studentCode"
-                >
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.studentCode"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="身份证号"
-                  :label-width="formLabelWidth"
-                  prop="identityNumber"
+            <el-form-item
+              label="考试"
+              :label-width="formLabelWidth"
+              prop="examId"
+            >
+              <el-select
+                class="input"
+                :remote-method="queryExams4InsertOrUpdate"
+                :loading="queryExams4InsertOrUpdateLoading"
+                remote
+                filterable
+                clearable
+                v-model="examStudentForm.examId"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in examList4InsertOrUpdate"
+                  :label="item.name"
+                  :value="item.id"
+                  :key="item.id"
+                  :disabled="!item.enable"
                 >
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.identityNumber"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="学习中心"
-                  :label-width="formLabelWidth"
-                  prop="orgId"
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              label="姓名"
+              :label-width="formLabelWidth"
+              prop="studentName"
+            >
+              <el-input
+                class="input"
+                v-model="examStudentForm.studentName"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              label="学号"
+              :label-width="formLabelWidth"
+              prop="studentCode"
+            >
+              <el-input
+                class="input"
+                v-model="examStudentForm.studentCode"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              label="身份证号"
+              :label-width="formLabelWidth"
+              prop="identityNumber"
+            >
+              <el-input
+                class="input"
+                v-model="examStudentForm.identityNumber"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              label="学习中心"
+              :label-width="formLabelWidth"
+              prop="orgId"
+            >
+              <el-select
+                class="input"
+                :remote-method="getOrgList4InsertOrUpdate"
+                :loading="getOrgList4InsertOrUpdateLoading"
+                remote
+                filterable
+                clearable
+                v-model="examStudentForm.orgId"
+                placeholder="请选择"
+                :disabled="pureLC"
+              >
+                <el-option
+                  v-for="item in orgList4InsertOrUpdate"
+                  :label="item.name + ' - ' + item.code"
+                  :value="item.id"
+                  :key="item.id"
+                  :disabled="!item.enable"
                 >
-                  <el-select
-                    class="input"
-                    :remote-method="getOrgList4InsertOrUpdate"
-                    :loading="getOrgList4InsertOrUpdateLoading"
-                    remote
-                    filterable
-                    clearable
-                    v-model="examStudentForm.orgId"
-                    placeholder="请选择"
-                    :disabled="pureLC"
-                  >
-                    <el-option
-                      v-for="item in orgList4InsertOrUpdate"
-                      :label="item.name + ' - ' + item.code"
-                      :value="item.id"
-                      :key="item.id"
-                      :disabled="!item.enable"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="课程"
-                  :label-width="formLabelWidth"
-                  prop="courseId"
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              label="课程"
+              :label-width="formLabelWidth"
+              prop="courseId"
+            >
+              <el-select
+                :remote-method="getCourses4InsertOrUpdate"
+                :loading="courseLoading4InsertOrUpdate"
+                remote
+                filterable
+                clearable
+                class="input"
+                v-model="examStudentForm.courseId"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in courseList4InsertOrUpdate"
+                  :label="item.name + ' - ' + item.code"
+                  :value="item.id"
+                  :key="item.id"
+                  :disabled="!item.enable"
                 >
-                  <el-select
-                    :remote-method="getCourses4InsertOrUpdate"
-                    :loading="courseLoading4InsertOrUpdate"
-                    remote
-                    filterable
-                    clearable
-                    class="input"
-                    v-model="examStudentForm.courseId"
-                    placeholder="请选择"
-                  >
-                    <el-option
-                      v-for="item in courseList4InsertOrUpdate"
-                      :label="item.name + ' - ' + item.code"
-                      :value="item.id"
-                      :key="item.id"
-                      :disabled="!item.enable"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="试卷类型"
-                  :label-width="formLabelWidth"
-                  prop="paperType"
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              label="试卷类型"
+              :label-width="formLabelWidth"
+              prop="paperType"
+            >
+              <el-select
+                class="input"
+                v-model="examStudentForm.paperType"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in paperTypeList"
+                  :label="item"
+                  :value="item"
+                  :key="item"
                 >
-                  <el-select
-                    class="input"
-                    v-model="examStudentForm.paperType"
-                    placeholder="请选择"
-                  >
-                    <el-option
-                      v-for="item in paperTypeList"
-                      :label="item"
-                      :value="item"
-                      :key="item"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item label="专业" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.specialtyName"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item label="考点" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.examSite"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item label="年级" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.grade"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="10">
-                <el-form-item label="采集人" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.infoCollector"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item label="电话" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.phone"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="10">
-                <el-form-item label="试卷袋编码" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.ext1"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="专业" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.specialtyName"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="考点" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.examSite"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="年级" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.grade"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="采集人" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.infoCollector"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="电话" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.phone"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="试卷袋编码" :label-width="formLabelWidth">
+              <el-input class="input" v-model="examStudentForm.ext1"></el-input>
+            </el-form-item>
           </el-form>
           <div style="text-align: center;">
             <el-button type="primary" @click="addStudent">确 定</el-button>
@@ -398,218 +356,176 @@
             :model="examStudentForm"
             size="large"
             :rules="rules"
+            :inline="true"
             ref="updateStudentForm"
           >
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="考试"
-                  :label-width="formLabelWidth"
-                  prop="examId"
-                >
-                  <el-select
-                    class="input"
-                    :remote-method="queryExams4InsertOrUpdate"
-                    :loading="queryExams4InsertOrUpdateLoading"
-                    remote
-                    disabled
-                    filterable
-                    clearable
-                    v-model="examStudentForm.examId"
-                    placeholder="请选择"
-                  >
-                    <el-option
-                      v-for="item in examList4InsertOrUpdate"
-                      :label="item.name"
-                      :value="item.id"
-                      :key="item.id"
-                      :disabled="!item.enable"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="姓名"
-                  :label-width="formLabelWidth"
-                  prop="studentName"
-                >
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.studentName"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="学号"
-                  :label-width="formLabelWidth"
-                  prop="studentCode"
-                >
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.studentCode"
-                    readonly
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="身份证号"
-                  :label-width="formLabelWidth"
-                  prop="identityNumber"
+            <el-form-item
+              label="考试"
+              :label-width="formLabelWidth"
+              prop="examId"
+            >
+              <el-select
+                class="input"
+                :remote-method="queryExams4InsertOrUpdate"
+                :loading="queryExams4InsertOrUpdateLoading"
+                remote
+                disabled
+                filterable
+                clearable
+                v-model="examStudentForm.examId"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in examList4InsertOrUpdate"
+                  :label="item.name"
+                  :value="item.id"
+                  :key="item.id"
+                  :disabled="!item.enable"
                 >
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.identityNumber"
-                    readonly
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="学习中心"
-                  :label-width="formLabelWidth"
-                  prop="orgId"
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              label="姓名"
+              :label-width="formLabelWidth"
+              prop="studentName"
+            >
+              <el-input
+                class="input"
+                v-model="examStudentForm.studentName"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              label="学号"
+              :label-width="formLabelWidth"
+              prop="studentCode"
+            >
+              <el-input
+                class="input"
+                v-model="examStudentForm.studentCode"
+                readonly
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              label="身份证号"
+              :label-width="formLabelWidth"
+              prop="identityNumber"
+            >
+              <el-input
+                class="input"
+                v-model="examStudentForm.identityNumber"
+                readonly
+              ></el-input>
+            </el-form-item>
+            <el-form-item
+              label="学习中心"
+              :label-width="formLabelWidth"
+              prop="orgId"
+            >
+              <el-select
+                class="input"
+                :remote-method="getOrgList4InsertOrUpdate"
+                :loading="getOrgList4InsertOrUpdateLoading"
+                remote
+                filterable
+                clearable
+                v-model="examStudentForm.orgId"
+                placeholder="请选择"
+                :disabled="pureLC"
+              >
+                <el-option
+                  v-for="item in orgList4InsertOrUpdate"
+                  :label="item.name + ' - ' + item.code"
+                  :value="item.id"
+                  :key="item.id"
+                  :disabled="!item.enable"
                 >
-                  <el-select
-                    class="input"
-                    :remote-method="getOrgList4InsertOrUpdate"
-                    :loading="getOrgList4InsertOrUpdateLoading"
-                    remote
-                    filterable
-                    clearable
-                    v-model="examStudentForm.orgId"
-                    placeholder="请选择"
-                    :disabled="pureLC"
-                  >
-                    <el-option
-                      v-for="item in orgList4InsertOrUpdate"
-                      :label="item.name + ' - ' + item.code"
-                      :value="item.id"
-                      :key="item.id"
-                      :disabled="!item.enable"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="课程"
-                  :label-width="formLabelWidth"
-                  prop="courseId"
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              label="课程"
+              :label-width="formLabelWidth"
+              prop="courseId"
+            >
+              <el-select
+                :remote-method="getCourses4InsertOrUpdate"
+                :loading="courseLoading4InsertOrUpdate"
+                remote
+                filterable
+                clearable
+                disabled
+                class="input"
+                v-model="examStudentForm.courseId"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in courseList4InsertOrUpdate"
+                  :label="item.name + ' - ' + item.code"
+                  :value="item.id"
+                  :key="item.id"
+                  :disabled="!item.enable"
                 >
-                  <el-select
-                    :remote-method="getCourses4InsertOrUpdate"
-                    :loading="courseLoading4InsertOrUpdate"
-                    remote
-                    filterable
-                    clearable
-                    disabled
-                    class="input"
-                    v-model="examStudentForm.courseId"
-                    placeholder="请选择"
-                  >
-                    <el-option
-                      v-for="item in courseList4InsertOrUpdate"
-                      :label="item.name + ' - ' + item.code"
-                      :value="item.id"
-                      :key="item.id"
-                      :disabled="!item.enable"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item
-                  label="试卷类型"
-                  :label-width="formLabelWidth"
-                  prop="paperType"
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              label="试卷类型"
+              :label-width="formLabelWidth"
+              prop="paperType"
+            >
+              <el-select
+                class="input"
+                v-model="examStudentForm.paperType"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in paperTypeList"
+                  :label="item"
+                  :value="item"
+                  :key="item"
                 >
-                  <el-select
-                    class="input"
-                    v-model="examStudentForm.paperType"
-                    placeholder="请选择"
-                  >
-                    <el-option
-                      v-for="item in paperTypeList"
-                      :label="item"
-                      :value="item"
-                      :key="item"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item label="专业" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.specialtyName"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :xs="10" :sm="10" :md="10" :lg="10">
-                <el-form-item label="考点" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.examSite"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item label="年级" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.grade"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="10">
-                <el-form-item label="采集人" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.infoCollector"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item label="电话" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.phone"
-                    auto-complete="off"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="10">
-                <el-form-item label="试卷袋编码" :label-width="formLabelWidth">
-                  <el-input
-                    class="input"
-                    v-model="examStudentForm.ext1"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="专业" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.specialtyName"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="考点" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.examSite"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="年级" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.grade"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="采集人" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.infoCollector"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="电话" :label-width="formLabelWidth">
+              <el-input
+                class="input"
+                v-model="examStudentForm.phone"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="试卷袋编码" :label-width="formLabelWidth">
+              <el-input class="input" v-model="examStudentForm.ext1"></el-input>
+            </el-form-item>
           </el-form>
           <div style="text-align: center;">
             <el-button type="primary" @click="updateStudent">确 定</el-button>