md

src/modules/mark/components/ScoreClassDetail.vue

@@ -19,26 +19,29 @@
       <el-form ref="FilterForm" label-position="left" label-width="85px" inline>
         <el-form-item label="学院">
           <college-select
-            v-model="filter.college"
+            v-model="filter.collegeId"
             placeholder="学院"
+            @change="collegeChange"
           ></college-select>
         </el-form-item>
         <el-form-item label="专业">
           <major-select
-            v-model="filter.major"
-            :college-id="filter.college"
+            v-model="filter.majorId"
+            :college-id="filter.collegeId"
             cascader
             placeholder="专业"
             clearable
+            @change="majorChange"
           >
           </major-select>
         </el-form-item>
         <el-form-item label="班级">
           <major-class-select
-            v-model="filter.className"
-            :major-id="filter.major"
+            v-model="filter.classId"
+            :major-id="filter.majorId"
             cascader
             placeholder="班级"
+            @change="classChange"
           ></major-class-select>
         </el-form-item>
         <el-form-item label="姓名">
@@ -181,9 +184,12 @@ export default {
     return {
       modalIsShow: false,
       filter: {
-        college: "",
+        collegeId: "",
+        majorId: "",
+        classId: "",
+        collegeName: "",
+        majorName: "",
         className: "",
-        major: "",
         studentName: "",
         studentCode: "",
       },
@@ -236,6 +242,15 @@ export default {
     search() {
       this.toPage(1);
     },
+    collegeChange(val) {
+      this.filter.collegeName = val ? val.name : "";
+    },
+    majorChange(val) {
+      this.filter.majorName = val ? val.name : "";
+    },
+    classChange(val) {
+      this.filter.className = val ? val.name : "";
+    },
     async toExportScore() {
       if (this.downloading) return;
       this.downloading = true;