## Bug描述
学校管理页面左侧区域筛选树显示空白,无任何区域节点
## 问题原因
前端el-tree组件配置的字段名与后端API返回的字段名不匹配:
- 前端期望:regionName, regionId
- 后端返回:name, id
## 修复内容
### 1. 修正el-tree属性配置
```vue
<!-- 修复前 -->
:props="{ label: 'regionName', children: 'children' }"
node-key="regionId"
<!-- 修复后 -->
:props="{ label: 'name', children: 'children' }"
node-key="id"
```
### 2. 修正过滤方法
```javascript
// 修复前
return data.regionName.includes(value)
// 修复后
return data.name.includes(value)
```
### 3. 修正节点点击事件
```javascript
// 修复前
selectedRegionId.value = data.regionId
// 修复后
selectedRegionId.value = data.id
```
## 验证结果
- ✅ 区域API正常:/api/region/tree (200 OK, 4条数据)
- ✅ 区域树显示:湖北省->武汉市->武昌区等
- ✅ 关键字过滤正常
- ✅ 节点点击事件正常
---
作者:湖北新华业务中台研发团队
|
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| README.md | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| vite.config.js | ||
README.md
Vue 3 + Vite
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.