加入专业

src/views/dashboard/Analysis/index.vue

@@ -2,7 +2,8 @@
   <div style="background: #ececec; padding: 25px">
     <a-card title="四级总通过率查询" :loading="loading" :bordered="false">
       <template #extra>
-        <a-select v-model:value="college" style="width: 300px" :options="collegeOptions"></a-select>
+        <!-- <a-select v-model:value="college" style="width: 300px" :options="collegeOptions"></a-select> -->
+        <a-cascader v-model:value="collegeMajor" :options="collegeMajorOptions" change-on-select />
         <a-select v-model:value="entrydate" style="margin-left: 10px;width: 100px"
           :options="entrydateOptions"></a-select>
         <a-button style="margin-left: 10px;" type="primary" @click="query">查询</a-button>
@@ -57,13 +58,16 @@ export default {
       Url: {
         getEntrydate: '/cet/getEntrydate',
         getCollege: '/cet/getCollege',
-        getData: '/cet/getData'
+        getData: '/cet/getData',
+        getCollegeMajor: '/cet/getCollegeMajor'
       },
       total: 0,
       collegeOptions: [],
+      collegeMajorOptions: [],
       entrydateOptions: [],
       college: null,
-      entrydate: null
+      entrydate: null,
+      collegeMajor: null
     };
   },
   methods: {
@@ -78,14 +82,40 @@ export default {
       this.entrydateOptions = getEntrydate.entrydates;
       this.entrydate = this.entrydateOptions[0].value;
     },
+    //获取学院专业级联数据
+    async getCollegeMajorData() {
+      const res = await defHttp.get({ url: this.Url.getCollegeMajor });
+      //通过map方法将数据转换为级联选择器需要的数据格式
+      this.collegeMajorOptions = res.collegeMajor.map(item => {
+        return {
+          value: item.college,
+          label: item.college,
+          children: item.major.map(major => {
+            return {
+              value: major,
+              label: major
+            }
+          })
+        }
+      });
+      // 手动添加一个全校字段
+      this.collegeMajorOptions.unshift({ value: '全校', label: '全校' });
+      this.collegeMajor = ['全校'];
+      console.log(this.collegeMajorOptions);
+    },
     // 查询数据
     async query() {
       try {
+        //如果this.collegeMajor[1]不存在则设为null
+        let major = this.collegeMajor.length > 1 ? this.collegeMajor[1] : "";
+        if (this.college)
           this.loading = true;
         let params = {
-          college: this.college,
+          college: this.collegeMajor[0],
+          major: major,
           entrydate: this.entrydate
         }
+        console.log("params", params);
         const result = await defHttp.get({ url: this.Url.getData, params });
         this.dataSourceCet4 = result.cet4;
         this.total = result.total;
@@ -93,10 +123,11 @@ export default {
       } finally {
         this.loading = false;
       }
-    }
+    },
   },
   mounted() {
     this.getEntrydateAndCollegeData();
+    this.getCollegeMajorData();
   }
 
 }