|
|
@@ -36,7 +36,7 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="省份筛选" prop="provinceId">
|
|
|
- <el-cascader class="w-[180px]!" :options="area.list" :props="cascaderProps" v-model="area.selected" clearable />
|
|
|
+ <el-cascader class="w-[180px]!" :options="area.list" :props="cascaderProps" v-model="area.selected" clearable @change="handleAreaChange" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
@@ -235,6 +235,8 @@ const {
|
|
|
selectedCampus,
|
|
|
campusClassList,
|
|
|
selectedCampusClass,
|
|
|
+ getSchoolList,
|
|
|
+ getCampusList,
|
|
|
} = useSchool({ loadCampus: true, loadCampusClass: true, loadClass: true });
|
|
|
const {
|
|
|
exam_type,
|
|
|
@@ -439,8 +441,22 @@ const handleExport = () => {
|
|
|
}
|
|
|
|
|
|
|
|
|
+// 处理省份变化
|
|
|
+const handleAreaChange = () => {
|
|
|
+ // 当省份变化时，useSchool hook 中的 watch 会自动调用 getSchoolList 和 getCampusList
|
|
|
+ // 这里不需要手动调用，因为 watch 已经处理了
|
|
|
+ // 但为了确保数据更新，我们可以显式调用（虽然 watch 已经处理了）
|
|
|
+ // 实际上 watch 会自动处理，所以这里可以留空或者添加其他逻辑
|
|
|
+}
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
- handleQuery();
|
|
|
+ // 初始进入页面时，加载分配学校、注册学校、培训学校的数据
|
|
|
+ // 即使没有选择省份，也调用接口获取所有数据（areaCode 为 undefined 时接口会返回所有数据）
|
|
|
+ getSchoolList()
|
|
|
+ getCampusList()
|
|
|
+
|
|
|
+ // 加载列表数据
|
|
|
+ handleQuery()
|
|
|
})
|
|
|
</script>
|
|
|
<style lang="scss" scoped></style>
|
mingfu