From cd81cd01bac11cc83c88ea1472c00dc8c1d9c092 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9E=E7=A0=81-=E6=96=B9=E6=99=93=E8=BE=89?= Date: Sun, 1 Feb 2026 13:10:29 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AD=A6=E6=A0=A1?= =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=8C=BA=E5=9F=9F=E7=AD=9B=E9=80=89=E6=A0=91?= =?UTF-8?q?=E6=97=A0=E6=95=B0=E6=8D=AE=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## 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条数据) - ✅ 区域树显示:湖北省->武汉市->武昌区等 - ✅ 关键字过滤正常 - ✅ 节点点击事件正常 --- 作者:湖北新华业务中台研发团队 --- pangu-ui/src/views/school/index.vue | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/pangu-ui/src/views/school/index.vue b/pangu-ui/src/views/school/index.vue index 09c40ea..3f4d387 100644 --- a/pangu-ui/src/views/school/index.vue +++ b/pangu-ui/src/views/school/index.vue @@ -17,8 +17,8 @@ { // 树节点过滤 const filterNode = (value, data) => { if (!value) return true - return data.regionName.includes(value) + return data.name.includes(value) } // 获取区域树 @@ -121,7 +121,7 @@ const getRegionTree = async () => { // 树节点点击 const handleNodeClick = (data) => { - selectedRegionId.value = data.regionId + selectedRegionId.value = data.id } // 新增学校